Add a Favicon

Modified on Thu, 03 Aug 2023 at 10:17 AM

What is a Favicon?
A favicon is a file containing a small icon associated with a particular website or web page. These are the small logos/icons that you often see in the address bar or browser tab when browsing the web. You can create this icon and upload it to a website, thus giving you a small but noticeable touch of branding.

How to Create a Favicon
There are some limitations on favicon files. They must be one of the following dimensions: 16×16, 32×32, 48×48, or 64×64 pixels. They can only be up to 32-bit color depth. There are several options for file types, but the one supported by the largest number of browsers is .ico. You can use any image you'd like, but we recommend using a simple logo or stylized letter that represents your site/company so it's distinguishable when very small.

Once you have the image you'd like to use for your favicon, you can convert it to a .ico file by using a site like this one. Once you've uploaded the image, chosen your dimensions, and downloaded the converted file, you're ready to install it on your site!

How to Add a Favicon to Your Site

Upload your file to the root /images directory (use the Content - Manage Files too) , then edit the Script.Google.TagManager Topic in your site, adding the following line to the HTML tab: 

<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />

BE SURE to also set the Configuration - Settings - Google.TagManager.Enabled to TRUE and Refresh Store. This will place the favicon code in the head of your site for every page.

How do I set a favicon for each MoreStore in v10?

You can follow the same steps above, but enter the code in your store-specific Topic version for the appropriate store (must have Configuration - GlobalConfig Parameters - AllowTopicFiltering TRUE) for the Script.Google.TagManager topic, and give the favicon.ico images a different name per store, such as:

<link rel="icon" href="/Images/store-name-favicon.ico" type="image/x-icon"/>

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article