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 BigCommerce themes are designed to include a contact phone number in their header as shown below. Follow these steps to configure your phone number, and customize the “call us on” text that displays in front of it.

Note that the Outdoor theme does not display a phone number by default.

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

Adding Your Phone Number

1. Go to Store Setup Store Profile.

2. Enter your phone number in 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

3. Save your changes.

Customizing the 'Call us on' Text

1. Go to Storefront Design › My Themes, then click Edit HTML/CSS.

2. 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.

3. 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.

4. 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 Design Group for assistance. Due to our Design Policy, our Techincal Support is unable to edit code or make design changes.

Was this article helpful?