How do I add a favicon to my site?

Adding a favicon (also known as a favorites or bookmark icon) to your website is easy to do and can be accomplished in just a few simple steps.

  1. Create your favicon: If you don't already have a favicon image, head on over to http://favicon-generator.org/ and either upload an image that you would like to use or create one with the provided editor. Once you're done, make sure that the file is saved as 'favicon.ico'. Although you can actually use .gif and .png files as well, it's typically easiest to stick with the .ico file version.

  2. Load the favicon into your site: Log into your CMS account and go to Manage Content > Assets > System Files and upload your favicon.ico file. (Note that we are not putting the favicon in the image asset library. It is a special type of image that is going to reside in the system file asset library instead.)

  3. Publish your site: That's right, just publish your site and you're done!

Troubleshooting tip: Depending on what browser you are using, you may find that your new favicon doesn't show up immediately. If you're not seeing your new favicon image after publishing and refreshing your browser, add one of the following lines of HTML to the 'insert in head' page property section on your website's home page depending on what type of file you are using. Just remember to replace 'filename' with whatever you have name your image.

For .ico files:

<link rel="icon" type="image/vnd.microsoft.icon" href="filename.ico" />

For .gif files:

<link rel="icon" type="image/gif" href="filename.gif" />

For .png files:

<link rel="icon" type="image/png" href="filename.png" />