How to Add a favicon on Shopify



Adding a favicon to your Shopify store is much more than just an icon. It represents a huge milestone, a step closer to building a profitable store, and more importantly, improving brand visibility.

Every step you take to go above, and beyond will vastly increase your chances of becoming successful. Yes, even something as simple as adding or changing a favicon.

Related blog posts:

Below we’ll cover how to create a favicon for your shopify store, and how to add a favicon to Shopify.

How to Make a Favicon for Shopify

Strictly speaking, there is no favicon generator dedicated to Shopify alone, but rather a favicon generator that can be used on all websites/stores.

The following steps will demonstrate how to create a favicon:

Step 1: Go to favicon.io

Here you'll want to visit an online favicon generator site. To save you the trouble we've listed a site that's easy to use and free.

Go to favicon.io favicon.io


Step 2: Select Image Generator

Whilst you'll have the option to create a favicon from text, in most case you'll be creating a favicon from some of logo(image), thus select the generate favicon from image option.

Select image generator


Step 3: Upload Logo

Find and upload your logo in which you want to create a favicon from.

Upload image


Step 4: Download

Click download and store to an accessible location.

Download favicons


Awesome work! You’ve created a favicon for Shopify, now you’ll need to add or change the favicon on Shopify. Follow the next steps.

How to Add a favicon to Shopify

Step 1: Online Store > Themes

Go to Online store, then themes.

Shopify go to Online Store and then Themes


Step 2: Customize

Locate and click customize.

Shopify locate and click customize


Step 3: Theme Settings

Whilst on the theme editor page, locate and click the theme settings button.

Shopify locate and click the theme settings button


Step 4: Favicon

After clicking theme settings, you should now see theme setting options. Locate and click favicon.

Shopify locate and click favicon


Step 5: Select Image

If this is the first you're uploading a favicon, you'll see "Select image", otherwise it will display "change".

Shopify favicon select image button


Step 6: Image Options

After clicking select image, you'll be presented with two options: 1, use an existing asset from the library, or upload from your local device/computer.

Shopify image option


Step 7: Upload Image

Locate and select the image in which you would like to upload.

Don't forget to click select and save!

Shopify select image to use a favicon


Step 8: Favicon Confirmation

To confirm the favicon has uploaded as expected, go to your store front and confirm you can see the your new favicon in the browser tab.

Shopify confirm favicon upload


To note: Step 5 will be a slightly different process if a favicon exists. The "Select image" button will display as "Change", with options to remove, or change.

Shopify change favicon button

The Takeaway

Whether you're adding a favicon, changing urls, or installing a new theme, Shopify’s intuitive UI makes it super simple to perform all tasks with very little effort.

It’s always worth remembering that you are not alone! Many new Shopify store owners around the world hits the proverbial wall from time to time. Our very own blog aims to help as much as humanly possible to ensure you get the right information for free!

To summarize we've briefly covered:

  • How to make a favicon for Shopify
  • How to add a favicon on Shopify
  • How to change a favicon on Shopify

What next:

Retailers also searched for:

  • favicon Shopify
  • Shopify add favicon
  • Shopify change favicon
  • favicon size Shopify
  • Shopify favicon generator




Author

avatar author

Terry Wingfield

A techy at heart, with over 10+ years of software engineering skills, and 5+ years experience in ecommerce, retention, and personalization.