How can I setup a favicon for when my website is bookmarked?

  • 0
  • 42
  • Article
  • Updated 12 months ago
  • (Edited)
It is possible to have a custom icon appear in your visitor's bookmarks. You need to create an .ico file, insert HTML code to reference the .ico file, and add code so visitors can bookmark the site (add to their Favorites).

Note: The .ico file will appear alongside the URL only after a visitor has bookmarked the site. The .ico file will then appear in the address bar and in the list of bookmarks (favorites) next to the title of the site.

Creating the icon:

You will need to use an icon editor to create your icon.(Click here for a FavIcon Generator) The icon editor program can either convert an existing bitmapped image to ico file format, or create an icon with drawing/painting tools.

Follow these guidelines when you create the icon:

  • It must be 16x16 pixels in size.

  • It must be saved in the ".ico" format.

  • It must be saved as favicon.ico.

To import the icon:

  1. Login to your website account.

  2. Click Websites Manager in the left navigation menu.

  3. Click Edit Site.

  4. At the top, click on your domain name or sitename. Then, click View File Manager.

  5. In File Manager, click Import and upload the .ico file into your root directory.

Adding the HTML reference:

Now you'll need to add the reference to the ico file so a visitor's browser can call the custom .ico file rather than using the default browser .ico file.

  1. Open the "index" page in SiteBuilder and then click on Page Settings in the top toolbar and choose the advanced settings tab. You'll want to add the following code to the head tag section.

    For sites without an SSL (http)

    <link rel="shortcut icon" href="" />

    For sites with an SSL (https)

    <link rel="shortcut icon" href="" />

  2. Publish your website to have the favicon live.
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 43,386 Points 20k badge 2x thumb

Posted 8 years ago

  • 0
  • 42
Photo of Village


  • 252 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled How do I create a favicon in sitebuilder.

How do I create a favicon in sitebuilder? I created the .ico file in photoshop, then uploaded the image to filemanager, then placed the html in the html head area, but it still won't work???
Photo of Todd H

Todd H, Social Media Specialist

  • 20,916 Points 20k badge 2x thumb
This article should provide help to setting up the favicon inside of Sitebuilder Plus.