How can I add a Favicon to my Store?
A favicon is a simple graphic icon that can be added to any website and will display on the tabs and title bars of most browsers when viewing the site. Favicons will also display on visitor's bookmarks and browser history listings and help your site stand out a bit better when listed among other sites.
Below is an example of what favicons look like:
To add a favicon to your site, you will need the following item:
Creating your Favicon
The favicon.ico file can be created in a variety of different ways. Most photo-editing programs will have free plugins available that can be used to create your file and save it in *.ico format. Beginning with Shift4Shop version 11.3.4, you can also generate a favicon.ico file directly from your Online Store Manager.
To create your favicon:
Below the Store Logo section, you will see a section for your favicon
This action will take you to the Shift4Shop Favicon Maker which will allow you to generate a favicon from an image file.
Therefore, the image used for your favicon should be square, and contain sharp edges/colors so that it appears clear in this small resolution. Check out some popular sites like wikipedia, google, facebook, amazon and others to get some ideas.
Once the file is ready, click on the "Download your favicon" link to download it to your computer. Be sure to name it favicon.ico since that is the name our system uses for the file.
Uploading your Favicon
Once you have your favicon.ico file created, go back to the Settings >General > Store Settings section of your Online Store Manager
Once the upload is complete, click away from the file manager to close it.
If you are still unable to see the favicon, try a different browser that you normally don't use or simply wait a few hours for the cache to update organically.
It is also worth noting that you may need to clear your store's cached files in order to see the new favicon. The store's cache can be cleared by going to the "General" tab located in the Store Settings page mentioned above.
If you need to restore the site's default favicon for whatever reason, you can use the following file: