Have you ever heard of the word favicon?
If you are the kind who likes to open many browser tabs at once while working, I am sure that you also struggled to identify a tab in the browser sometimes, when there are too many tabs being opened and the titles are showing just too short to read. Favicons are your life-saver these times.
Can’t find a tab in the browsers
So, what is a favicon, and what’s it used for?
A favicon is a small image or icon on the top left of each browser tab, usually in square format, and displayed next to your page SEO tile.
Instead of reading the name, users can look at the favicon, and get a clue about the brand identity regarding the page they’re referring to with their logo representation on the browser tab. Hence, they can shift between the open tabs with ease.
Favicon also appears next to your page’s SEO title in search engine results, on the bookmark bar,.. making your website look professional. This is crucial to make your store stand out from a bunch of other websites on the internet and might be a direct reason to boost your Click-Through-Rate.
Favicon in Shopify
In Shopify, if you haven’t set up your favicon, the platform would use your browser’s default favicon instead. However, most merchants would want to change it to their own brand image. So, in this article, I will show you step-by-step how to add a favicon to your Shopify store.
There are a lot of websites that provide custom favicon services for free. You could search “free favicon generator” on the internet to find out or you can create your own, but using your brand logo is the most favorable choice for most store owners
The ideal size for a favicon is either 16×16 pixels or 32×32 pixels. If your favicon file is too large, then it will be reduced to 32×32 pixels when you upload it to Shopify.
How to add a favicon to your Shopify store
Step 1: Select the Themes section.
- From your Shopify admin, select Online Store > Themes.
- Choose the theme that you want to edit, and then click Customize.
- Adding a favicon to your Shopify store
Step 2: Go to the Theme settings tab.
- Go to Theme settings by clicking on the brush symbol on the theme editor toolbar
Adding a favicon to your Shopify store
Step 4: Choose a favicon.
Scroll down to see the Favicon section, and click Favicon.
Adding a favicon to your Shopify store
There are two options for you here: you could upload your favicon or use your logo/cover image as a favicon.
1. Select/Upload a favicon:
In the Favicon image area, click Select image, and then do one of the following:
Adding a favicon to your Shopify store
- To select an image that you have already uploaded to your Shopify admin, click the Library tab.
- To select an image from your local computer, click the Library tab, and then click Upload
Adding a favicon to your Shopify store
- Apart from that, you could also choose free images from Shopify as your favicon. Next to the Library tab, choose the one you like and click Select.
- Adding a favicon to your Shopify store
To add alt text to your favicon image: Click Edit.
Adding a favicon to your Shopify store
In the Edit image window, enter a brief description of the image and click Save.
Adding a favicon to your Shopify store
2. Use your brand logo/cover image as a favicon
Click on the symbol next to Favicon.
Adding a favicon to your Shopify store
Choose your website default logo/square logo/cover image to be your favicon
Adding a favicon to your Shopify store
Step 5: Save.
- Lastly, don’t forget to Click Save to finish your work.
Adding a favicon to your Shopify store
Then you’re done adding the favicon to your Shopify store. The steps on mobile are also the same as on Desktop.
Conclusion
Favicons or favorites icons are a game-changer for store owners. It makes a website identical to others in the tab bar and also improves user experience when browsing the internet. Therefore, adding a favicon is necessary and it should be one of the very first steps to do when it comes to building your online store.
Hopefully, this article has given you a hand in manipulating steps to add a favicon to your Shopify store. If you want to know more about how to set up a Shopify store, you can check our other articles on our website here: vify.io
