How to Add Business Address and Phone Number to Shopify Footer
Published on Jun 4, 2024
Are you looking to enhance your Shopify store’s footer by adding your business address and phone number? You’re in the right place! This comprehensive guide will walk you through the process of embedding contact information directly into your footer, making it easily accessible to your customers.
Why Add Contact Information to Your Footer?
Before we dive into the how-to, let’s quickly discuss why this is important:
Improved Customer Trust
Displaying your contact information prominently shows transparency and builds trust with your visitors.
Enhanced User Experience
Customers can quickly find your contact details without navigating to a separate page.
SEO Benefits
Local businesses can improve their local SEO by having their address visible on every page.
Methods to Add Contact Information to Your Shopify Footer
There are two primary methods to add your address and phone number to your Shopify footer. Let’s explore both options in detail.
Method 1: Using Shopify’s Design Time
What is Design Time?
Shopify offers 60 minutes of free design time for stores on paid plans using Shopify-developed themes.
How to Use Design Time
- Contact Shopify Support
- Explain your specific footer requirements
- Provide detailed examples if possible
Pros of Using Design Time
- Professional assistance
- No coding required
- Customized to your exact needs
Cons of Using Design Time
- Limited to 60 minutes
- May require wait time for assistance
Method 2: Adding Text to Your Footer Code
This method requires basic HTML knowledge but offers more control over the placement and styling of your contact information.
Steps to Add Contact Info via Code
- Navigate to Shopify Admin > Online Store > Themes
- Find your current theme and click “Actions” > “Edit code”
- In the /sections folder, locate the “footer.liquid” file
- Find the appropriate section of code (varies by theme)
- Insert your custom HTML after the identified line
Example Code Snippets
For adding plain text:
<p>Your Business Name, 123 Main St, City, State, ZIP</p>
For adding a clickable email:
<a href="mailto:yourmail@domain.com">contact@yourbusiness.com</a>
For adding a clickable phone number:
<a href="tel:18001112233">1-800-111-2233</a>
Pros of Code Method
- Immediate implementation
- Full control over styling and placement
- No wait time for support
Cons of Code Method
- Requires basic HTML knowledge
- Risk of errors if not done correctly
Theme-Specific Instructions
Different Shopify themes may require slightly different approaches. Here are instructions for some popular themes:
Narrative Theme
- Locate this line in footer.liquid:
{% when 'menu' %}
- Insert your custom HTML immediately after this line
Boundless Theme
- Find this line in footer.liquid:
{% endcomment %}
- Create a new line after it and insert:
<center><p>Your contact info here</p></center>
Debut Theme
- Locate this line in footer.liquid:
<hr class="site-footer__hr">
- Insert your custom HTML after this line
Express Theme
For the Express theme, you can add contact information without coding:
- Go to Admin > Online Store > Themes > Express > Customize
- Under Home Page, open Footer > content
- Click “Add content” > “Text”
- Enter your contact information and save
Best Practices for Adding Contact Info to Your Footer
Keep It Concise
Include only essential information to avoid cluttering your footer.
Use Consistent Formatting
Ensure your contact info matches the style of your existing footer elements.
Make It Mobile-Friendly
Test how your footer looks on mobile devices and adjust as needed.
Update Regularly
Keep your contact information current to maintain customer trust.
Troubleshooting Common Issues
Duplicate Information
If you see your contact info appearing twice, check for redundant code in your footer.liquid file.
Styling Inconsistencies
Use CSS to match your added text to the existing footer style.
Mobile Display Problems
Adjust your HTML and CSS to ensure proper display on smaller screens.
By following this guide, you should be able to successfully add your address and phone number to your Shopify store’s footer. Remember, the most straightforward method is often using the built-in customization options in your theme settings. However, for more precise control, don’t hesitate to use the code method or reach out to Shopify support for assistance with their design time offering.
Take Our Quick Quiz:
Which primary product image do you think has the highest conversion rate?