Our team has surveyed over 500 most successful Shopify stores and found out that a majority of them have a well-designed footer. According to Smart Insights’ study, an upgraded site’s footer resulted in a 23.77% boost in sales conversion [1]. Therefore, creating a Shopify footer with all useful functions, such as footer menus or social icons, should be on your to-do list.
In this article, you will get to know all the must-have elements of a high-converting Shopify footer, plus a how-to-edit guide.
But first, let’s take a look at several examples of different footer designs.
Table of Contents
Different examples of the Shopify footer
Inferior Shopify footer example
When you look at this footer, what comes to your mind? Kinda sketchy, unprofessional, and unattractive? This is because there are too many awkward wide gaps. The CTA color also does not match with the footer theme.
Additionally, the main audience of this store is women who usually love and value beauty and aesthetics. Therefore, such a design will make this brand inferior to its competitors, then lose a lot of customers.
This second store seems better than the above but still needs improvement. The footer design is a bit old-fashioned for a clothes store. There is a lack of trust badges that help to enhance their credibility.
What’s more, the social media links in the text form are not easy to recognize. It would be better if they use social media icons instead.
Superior Shopify footer example
In comparison, a different fashion store, Elevated Faith, shows their dedication to designing an attractive footer.
Firstly, they focus on a clean, sleek minimalist design with black letters on white background. Secondly, their brand logo, trust badge, and social media icons highly match each other. Thirdly, they have navigation to every page that customers want to visit. Everything is in proper order and easy to see.
Pink lily’s footer is on the top of our favorite list. It contains all the most helpful elements but still retains a simple and minimal design. You can see a footer menu, social icons, payment badges, newsletter form, copyright, etc.
Now you might wonder what is the most important to create a professional footer? Let’s continue reading the must-have checklist below.
Shopify footer must-have checklist
Footer menu
An irreplaceable feature appearing in all website footers is the footer menu. If your visitors are lost, they can navigate to other content on your site by looking at it. Also, you can provide links to any additional information about your business in this menu.
The footer menu usually contains quick links to your homepage, about us page, blogs page, contact page, policy page, collection page.
Recently, many stores have optimized their menus by defining main and subsidiary categories logically. The benefit of this classification is to let their customers find any information easily. You can divide all quick links into 3-4 main categories. LastObject or Gymshark footers in the below images are among typical Shopify examples.
Whatever you do, remember to keep your content organized, simple, and clean. A footer menu full of links and words will be a nightmare for any shopper.
The footer menu is a default section that most Shopify themes support adding to your store. You can follow our tutorial in the below part and easily edit what you want to include in the Shopify footer menu.
Drive more sales with Wizz Flash Sales & Price Edit !!!
Boost your Shopify Store’s revenues by Flash Sales in a short time.
Social media links
A study by Andy Crestodin, founder of Orbit Media, has reported that 72% of website footers include social media icons embedded links [2]. This common practice has formed your visitors’ habit of looking for your social media in the footer.
Facebook, Instagram, Twitter are the best places to communicate with your customers. As you might not know, until March 2021, there are 4.20 billion social media users around the world [3]. Shoppers might not buy your products immediately, but they are willing to follow you on social media for further updates.
Displaying social media icons also implies that your brand loves to connect with customers in various ways. This is among the best ways to build trust for your brand.
Try to keep your social media icons simple and aligned with your Shopify footer color as the example of Pantake above. However, each Shopify theme will set these icons in a fixed look and position. Some themes might support fewer icons than you expect. To add social icons in the ways you want, you will have to edit the footer code of your Shopify theme.
Trust badges
A trust badge, also known as a trust mark or trust seal, is used to convince customers that your Shopify store is trustworthy. According to some surveys, 61% of participants admit that a lack of trust badges is the main reason they did not decide to buy an online product [4].
There are several types of trust badges that most of the top Shopify stores use in the footer:
Social media icons: As mentioned above.
Accepted payment badges: These badges show that your store works with various payment companies and accepts multiple payment methods. Almost all Shopify themes allow you to display payment icons. Therefore, just remember to turn it on. See the instruction below.
Third-party endorsement badges: These badges are validation of any party that relates to your store or products. They confirm the credibility of your brand and the quality of your products.
Because these badges are not available in the Shopify store, you will need help from an app or an expert. Try to highlight them with a large size and put them in an easy-to-see position. And don’t forget to have their designs match your store’s theme. You can refer to Taza Chocolate’s store.
Newsletter box
A high conversion rate partially relies on an effective email marketing strategy. The newsletter emails aim to provide more content, such as sale notices, new arrival updates, birthday gifts, for visitors who value your products. This helps enhance regular interaction between you and your potential or current customers. According to Barilliance’s study on email conversions, 17.75% of emails clicked result in a purchase [5].
Therefore, you should start building up your high-quality mailing list now. Creating a well-designed newsletter sign-up form in the footer can help you increase your subscribers.
There are a lot of useful tips for your Shopify newsletter box to be more attractive. You can offer an incentive and show the benefits of signing up as Adored Vintage does.
In fact, modern stores prefer to invest in a pop-up form rather than only add form in the footer. While the pop-up form is to catch the attention of visitors, the footer form stays available on every page to remind them constantly about your email newsletter. These 2 types complement each other during the customer journey.
My Modern Met store below is among the most typical examples. In their case, the design of the newsletter box in the footer is simple and minimal.
Adding a newsletter box in the footer requires no effort. It’s a default setting in your footer customization. However, if you want to make it different from the basic version, it will take you quite plenty of time. So make up your mind vividly about how you want it to look.
Contact/Address
The footer is a suitable place to show your email, phone number, and address. To be specific, your potential customers do not need to exit the current page or open a new tab when getting your contact.
Also, showing contact details in the footer is an effective method to prove your business’s legitimacy and build trust with customers. Particularly, the physical address shows that you are a real business, emailing and phoning are reliable ways of communication.
LastObject is a top store using the Shopify platform. They spend a large area in the footer displaying their business emails and addresses. You can learn from them to add links to the contact details.
For example, after visitors click on an address, a map with the specific location of the LastObject store will show up. This method is convenient for visitors since they do not have to copy and paste the addresses to search for ways to these stores.
You can learn to edit or add addresses to your Shopify footer in section 4 below.
If your footer does not have much space to add all of your contact details, here is a solution. Another successful Shopify example, Verve Coffee Roasters, displays only its address at the bottom of the footer. Other contact details can be found after the customers click on the link that leads to the contact page.
Privacy policy and Terms of Use
Quick links to your policy page and terms of use are essential parts to improve your legal reliability. The Privacy Policy clarifies how you will use and protect the personal information and data of your visitors. Terms of Use explains what a visitor commits to when they visit a website. If you go to an online store that sells alcohol, for example, you’ll be asked to share your age to go ahead. Actually, these types of information are legally compulsory.
You can put these links in your footer menu, or a separate part at the bottom of your footer as Goodfair does. Whatever you do, try to make them clear as much as possible.
Copyright notice
A copyright notice is simply a written statement that everything on your website is protected by copyright. The initial purpose of such notice is to prevent a situation when an infringer copies your content but claims that he has no idea it was protected.
This may sound a bit far-fetched, but using it costs nothing. In fact, a copyright notice will make your Shopify store look more professional and trustworthy.
Many shop owners insert hyperlinks in the copyright notice. Visitors who click on the link are taken to a page that explains the site’s copyright and other limitations in further detail. Actually, that is not required. If you don’t have much time, a plain and simple text line is enough.
Shopify allows you to add the copyright notice by default. However, you will see it in a fixed format: Copyright © 2021, “Your brand name”. Powered by Shopify. This format is quite lengthy and sometimes takes a lot of unnecessary space in your footer.
If you don’t want to let the general public know that your store has been made on Shopify, consider removing “Powered by Shopify”. You can also replace “Powered by Shopify” with “All rights reserved” as Spigen does to affirm your ownership. These ways make your store much more professional.
How to edit your Shopify footer?
After going through the checklist, you might be curious about how to make changes to your footer. In this part, we will show you ways to work with the features you’ve learned.
Access Shopify footer settings
- On your Shopify admin, go to Online store > Theme > Customize
- In the new window, click on Footer.
- All the settings are displayed on the left sidebar.
- To edit the each block’s title, choose that block and change the text in the Heading.
- If you don’t want to show any block, click Remove block in the bottom left corner.
- Click on Add content to add more menu or text, for example, the contact information.
Show or edit Shopify footer menu
- Click Change > Footer menu to connect the footer menu with your footer section.
- Set up your footer menu under Online store > Navigation > Footer menu
- Afterward, add or edit any items you want.
Add payment icons on Shopify footer
- Click Show payment icons to enable them.
- To choose payment types, go to the Settings in the Shopify admin.
Display social icons
- You can learn how to add your Facebook, Instagram, Twitter to Shopify footer by following these steps.
- Find the Social media portion of the Theme settings.
- Insert your social media URL in each box.
- The style of social icons is by default. You need to edit the code if you want to make a change.
- If you cannot find the Social media portion, then you will need help for some code.
Change the copyright footer in Shopify
- On your Shopify admin, go to Online store > Theme > Actions > Edit languages
- In the Filter box, search for “Powered”.
- Then, find the Powered by Shopify box.
- Type a single space if you want to get rid of the “Powered by Shopify” text.
- Type “All rights reserved” if you want to use this phrase.
- Afterward, click Save.
View your results
The image below shows a basic look using the Debut theme.
As you can see, the default settings do not allow us to adjust the spacing, aligning, styling, etc. Moreover, there is a limitation on the number of blocks.
Add or edit additional features in your Shopify footer
To create a footer that stands out among other competitors, you will need more than just a basic version that Shopify provides you in advance. However, there are few qualified apps that allow you to edit footers. In most cases, you need to add or edit code in your Shopify admin.
If you have a bulk of time and a little technical knowledge, you can learn to edit code yourself. There are plenty of instructions on the Shopify community. In case you might delete the original code, remember to duplicate the current theme to back up.
The below image shows the footer.liquid file, usually used for editing code related to the footer.
However, in case you find adding code is too complicated, or you need to spend time on your operational activities, don’t hesitate to seek help from a Shopify expert. Just consider the following reasons to outsource your work:
- Quality Work: Knowledgeable and skilled experts will customize your footer to fit your goals perfectly.
- Time-saving: While it might take you a whole day or week to edit your footer, Shopify experts need only a few hours.
- Ongoing advice: Shopify experts remain available for you 24/7. Hence, you receive continuous support whenever you get stuck with your website.
Among a variety of outsourcing agencies, you can have a look at our service. As a certified Shopify partner, HappyPoints can assist you in handling from large to small tweaks to your footer:
- Edit your footer based on your design.
- Add social icons to your Shopify footer in the way you want.
- Edit your copyright notice in case of errors.
To sum up
Footer is one of the most powerful Shopify features to edit on your theme. Above all, we hope that you have noted 7 must-have elements for an efficient footer. What you need to do next is to sketch your desired footer and put it into practice as soon as possible.
In case you still have inquiries, we are always available to give you a hand. Feel free to consult us about your issues at any time.
If you want to know more about useful customizations like this, feel free to grab the free eBook “Top 12 DIY Shopify customizations to drive sales”
Reference
[2] https://www.orbitmedia.com/blog/web-design-standards/
[3] https://datareportal.com/reports/digital-2021-global-overview-report
[4] https://www.linkedin.com/pulse/do-you-need-trust-badges-your-online-store-matt-tanguay/
