How to Add a Favicon to Your Shopify Site | A Step-by-Step Guide

How to Add a Favicon to Your Shopify Site | A Step-by-Step Guide

A favicon, short for "favourite icon," is a small but crucial element for any website. It's that tiny icon you see in the browser tab when you visit a website. Favicon not only enhances the overall visual appeal of your site but also contributes to brand recognition and trust. In this guide, we'll walk you through the process of adding a favicon to your Shopify site.

Step 1: Access your Shopify Theme Editor

The first step in adding a favicon to your Shopify site is to access the Theme Editor in your Shopify admin. Here's how:

1. Log in to your Shopify admin.

2. From the admin dashboard, go to "Online store."

3. Select "Themes."

4. Click on "Edit theme" for the theme you want to customise.

Step 2: Find Theme Settings

Once you're in the Theme Editor, you need to find the theme settings or customisation options. These settings may be located in different places depending on your theme, but generally, you can look for them within the Theme Editor, explore the menu or sidebar for options related to theme settings or appearance customisation.

Step 3: Navigate to Favicon Settings 

In the section related to theme settings or appearance customisation, you should find an option specifically for adding or changing the favicon.  

Look for the option that mentions "Favicon" or "Site icon."

Step 4: Open Favicon Settings 

Once you've located the favicon option, click on it to open the favicon settings. This is where you'll upload your favicon image or select it from your media library.

Step 5: Upload Your Favicon

To upload your favicon image, follow these steps:

1. Click the "Upload" or "Select image" button.

2. Choose your favicon image from your computer, or select it from your media library if you've already uploaded it.

3. Ensure your favicon image meets the recommended dimensions and file format guidelines.

Step 6: Save Your Changes

After you've uploaded your favicon, make sure to save your changes. Look for a "Save" or "Publish" button within the favicon settings or the Theme Editor.

Step 7: Publish Your Updated Theme 

To make your favicon visible on your live Shopify site, you'll need to publish the updated theme. Here's how:

1. Navigate to the main Theme Editor page.

2. Click the "Publish" button to apply the changes to your live site.


Congratulations! You've successfully added a favicon to your Shopify site, improving its visual appeal and brand recognition. 

Please note that the specific steps and locations of theme settings may vary depending on your Shopify theme. If you encounter any difficulties or need further assistance, don't hesitate to reach out to Shopify's support or consult your theme's documentation for tailored instructions. Adding a favicon is a small but impactful step in enhancing your website's identity and user experience.

Leave a comment

by Sam Hooper – March 27, 2024