Add Favicon

To add a Favicon to your Storefront. You must use a 16 X 16 .ico file. You can use free convertor (e.g. favicon.io) to convert your icon to the right format.

Steps to replace the Salesforce favicon with your own icon:

• Upload your .icon to Static Resources, set it public, and copy the URL.
• Prepare the code to add to your site. This is an example:

<link rel="shortcut icon" href="/shop/resource/1716370034000/favicon"/> 

You must adjust the URL in href="", replace 'shop' with your site name, and you may find the rest of the URL from the URL of the favicon in Static Resources.

• Go to Site Builder -> Settings -> Advanced -> Edit Head Mark Up
• Fill your revised code, and then Save and Publish
• Add your favicon to force.com as Static Resources References. Go to Site Builder -> Administration -> Pages -> Go to Force.com, click Edit and Add Site Favorite Icon
• Click Log in to Experience as User in Contact record page or go to the public site, then you can see it.