Browse by Topic

Customizing the 'Call us on' Text (Blueprint)

 

This requires editing the code of your store. See Getting Help for avenues of assistance.

These instructions apply to our free, legacy Blueprint Themes that have not been customized. As always, we recommend backing up your current theme customizations before making any changes.


Most free, legacy Blueprint themes are designed to include a contact phone number in their header as shown below. In some themes it displays the text “call us on” in front of the phone number. To remove or change the text, you will need to edit your template files. 

Example of the 'Call us on' text before a phone number.

 
 

Adding Your Phone Number

The phone number is pulled from Store Setup Store Profile under the Phone field. Keep in mind that this number will be displayed to anyone who visits your website, and should direct to someone expecting to receive calls from your customers.

Phone number in Store Profile settings

 
 

Customizing the 'Call us on' Text

Go to Storefront › My Themes, then click Edit HTML/CSS. In the list of Other Template Files on the left, locate and click on TopMenu.html. If using the Health and Beauty theme, locate and click on Header.html, instead.

Use Ctrl F or Command F to quickly locate template files in the list.

The TopMenu.html template file listing.

 Locate the %%GLOBAL_StorePhoneNumber%% variable. Depending on your theme, you will see one of the following before the variable:

  • %%LNG_HC_calluson%%
  • Call us on
  • CALL US ON
  • CALL US
  • nothing — certain free BigCommerce themes display a phone icon in place of text before the phone number; you can add any text you'd like before the variable, and it will display on your storefront.

Replace this text or variable with whatever you would like to display before your phone number.

Before:

Example of the default 'Call us on' code.

After:

Example of customized 'Call us on' code.

Save your changes.

Example result of customizing the 'Call us on' code.

Getting Help

Don't feel comfortable adjusting your design or want to work with an expert? Check out our BigCommerce Partner Directory or ask your question in the BigCommerce Community Ask a Design Partner Group for assistance. Due to our Design Policy, our Techincal Support is unable to edit code or make design changes.

Was this article helpful?