How to Add Business Address and Phone Number to Shopify Footer

Published on Jun 4, 2024

By Michael Chen

#Shopify#E-commerce#Web Development
Person in Green and White Polka Dot Long Sleeve Shirt Writing on White Paper

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

  1. Contact Shopify Support
  2. Explain your specific footer requirements
  3. 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

  1. Navigate to Shopify Admin > Online Store > Themes
  2. Find your current theme and click “Actions” > “Edit code”
  3. In the /sections folder, locate the “footer.liquid” file
  4. Find the appropriate section of code (varies by theme)
  5. 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

  1. Locate this line in footer.liquid:
    {% when 'menu' %}
  2. Insert your custom HTML immediately after this line

Boundless Theme

  1. Find this line in footer.liquid:
    {% endcomment %}
  2. Create a new line after it and insert:
    <center><p>Your contact info here</p></center>

Debut Theme

  1. Locate this line in footer.liquid:
    <hr class="site-footer__hr">
  2. Insert your custom HTML after this line

Express Theme

For the Express theme, you can add contact information without coding:

  1. Go to Admin > Online Store > Themes > Express > Customize
  2. Under Home Page, open Footer > content
  3. Click “Add content” > “Text”
  4. 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?