How to Add or Change Favicon on Shopify (8 Easy Steps)
People often keep dozens of tabs open while browsing. In such cases, the small icon next to the website’s title helps users quickly identify pages they've visited.
This small icon, called a favicon, is a square image that plays a significant role in reinforcing brand identity.
If you are an entrepreneur looking to add or change a favicon on your Shopify store, you are at the right place. In this blog post, we will walk you through 8 easy steps to add or change a favicon on Shopify.
How Can You Benefit from Adding a Favicon to Your Shopify Store?
A favicon, short for "favorite icon", is a small image that appears in the browser tab or bookmark bar next to your website’s title. It usually mirrors or partially reflects your brand’s logo, helping to enhance brand recognition.
Favicons are small square images displayed in the tab of a browser web or bookmark bar next to the website’s title.
The ideal favicon size on Shopify is 16x16 or 32x32 pixels. Small as it may seem, a favicon can do wonders for your online store:
- It enhances your brand identity, making your Shopify store more memorable and easily identifiable.
- It gives your online store a professional and polished look, building trust with visitors and customers.
- It provides a visual cue for visitors to quickly locate your Shopify store among multiple tabs opened in their web browsers.
Learn more: 12 Brand Building Tips Shopify Store Owners Need to Know
How to Add or Change a Favicon on Shopify?
Step 1: Sign in to Your Shopify Account
First things first, go to Shopify website and log in to your Shopify account using your email address and password.
Learn more: Shopify Tutorial: Set Up Your Store from Scratch to Finish (2023)
Step 2: Go to the "Themes" section
On Shopify, a favicon is included in all themes as a straightforward option.
So, from your Shopify admin, head over to Online Store > Themes.
Step 3: Click "Customize"
Once you’re in the Themes section, hit the Customize button.
Step 4: Open the Theme Settings
Next, click on the icon referring to Theme Settings.
Step 5: Click on "Logo"
Depending on your current theme, the Favicon section will be displayed differently. Here is our tutorial on the Dawn theme.
In the Theme settings page, click Logo.
Step 6: Select Your Favicon Image
On the Logo section, you can add or change either your logo or your favicon.
In the Favicon image area, do one of the following:
- Click Select image to select an image you have already uploaded to your Shopify admin or to upload an image from your computer by pressing Add images.
- Click Explore free images to select an image from Shopify’s library of free favicon images.
Here, you can also change a selected favicon by clicking on the Change button.
Step 7: Add Alt Text to Your Favicon
Once a favicon is chosen, add alt text to describe your image. Alt text will be displayed when an image can’t load.
- Click Edit.
- Enter a brief description of your favicon image in the Alt text field.
- Hit Save.
Learn more: How to Write Shopify Product Descriptions That Inspire Purchase
Step 8: Save Your Favicon
Remember to click Save to save your changes.
Now the selected favicon is displayed on your browser tab next to your website’s title.
Boost Your Brand Recognition With A Favicon!
Whether you are starting out with Shopify or are a seasoned eCommerce expert, having a well-designed favicon on your Shopify store brings you one step closer to creating a strong and professional brand identity.
But don’t stop there and settle for a run-of-the-mill online store when you can take your business to a higher level with GemPages, our powerful and user-friendly page builder.
Let GemPages be your right-hand person to elevate your storefront and build pages that actually sell in no time.