Knowledge Base

Builder brands: Favicons in the Express editor

What is a Favicon?

A favicon is an icon that appears in the tabs of the browser when someone visits your site.

Favicon
 

It helps your brand be consistent and gives a visual image to your company.

To add a Favicon

  1. Log in to your Account Manager.
  2. Click the Websites tab on the left navigation menu.

    Website Editor
     
  3. Click the Edit Site button under your Website page.

    Website Editor
     
  4. Begin within your website editor.

    Website Editor
     
  5. Select the Settings option on the left menu bar of the editor.

    Select the settings option
     
  6. In the panel that opens up, choose the Favicon tab on the upper right.

    Choose the Favicon Tab
     
  7. Within this tab, click on the area labeled Click to upload favicon.
     
    Pro tip: A favicon will need to be a square image at the optimal size of 32x32 pixels. With smaller image resolutions like this, simple images or logos work best. This will open your media library with stock images, previously uploaded images, and an upload image option.


    Click to upload favicon
     
  8. Once you find the image you would like to use, click on it to add it as the favicon.
    If the image is being uploaded, you will see a progress bar, and when complete, it will create a thumbnail of the image that was selected.

    progress bar
     
  9. Once it is completed, choose Apply in the bottom right to save the Favicon for your site.

    Choose Apply
     

Replacing/deleting a Favicon

  1. Begin within your website editor.

    Website Editor
     
  2. Select the Settings option on the left menu bar of the editor.

    Select Settings option
     
  3. In the panel that opens up, choose the Favicon tab on the upper right.

    Choose Favicon tab
     
  4. Within this tab, there will be an area labeled Favicon with a preview of the current Favicon. When you hover your cursor over the image, you will see two icons appear, giving you the options to replace the current image or delete it.

    Replace or Delete
     
  5. Once you’ve completed your desired action, choose Apply in the bottom right to save the Favicon for your site.

    Choose Apply