Phone and Email
Display your phone number and email address in the footer, allowing people to easily reach you.
Before you start this tweak, it's a good idea to run through our preparation checklist below:
- Read through the Getting Started Guide to get a better sense of how the Control Panel, Database and Front End store interact.
- Learn our recommended Simple Workflow. This makes the implementation process as easy as possible.
- Create a new Staging Theme for this tweak. This allows you to preview any changes before they are visible to live customers.
Step 1: Open the footer template
Navigate to the folder
Step 2: Add the code into the template
Paste the following code into the footer template where you would like these elements to appear.
<!-- Phone Number --> [%if [@CONFIG:COMPANY_PHONE@]%] <div class="footer-phone my-1"><i class="fa fa-phone mr-2"></i><a href="tel:[@CONFIG:COMPANY_PHONE@]" target="_blank">[@CONFIG:COMPANY_PHONE@]</a></div> [%/if%] <!-- Email Address --> [%if [@CONFIG:COMPANY_EMAIL@]%] <div class="my-1"><i class="fa fa-envelope mr-2"></i><a href="mailto:[@CONFIG:COMPANY_EMAIL@]" target="_blank">[@CONFIG:COMPANY_EMAIL@]</a></div> [%/if%]
Step 3: Add/edit phone number and email
The phone number and email address can be edited from your control panel: Settings & Tools > Business Details