Add a Favicon

Add a Favicon

A favicon is the small image that appears in a browser's tab for a website. Adding one helps with your branding and makes it easier for visitors to find your site among all their open tabs.

Screen_Shot_2020-09-25_at_2.07.39_PM.png

Upload a New Favicon

  1. Click Design at the top of your Websites app to open the design panel.

  2. On the right-hand sidebar, select the Sitewide tab.

  3. Click Header & Logo.

  4. Scroll down to Favicon. You can either drag your favicon file into the box or click to upload it.

Note: Your favicon must be a PNG file between 256 and 512 pixels on each side. Transparency is allowed.

  1. Click Save, then Publish to make your favicon live on your website.

    • Related Articles

    • Edit Your Website's Header & Logo

      The Header & Logo settings in the Design panel lets you manage your website's logo, favicon, and edit the spacing and border of your website's Header. These are Sitewide settings, so any changes you make here will apply to every page on your website. ...
    • Change Browser Tab Bar Color for Safari

      Safari's newer browser version (Version 15 and later) lets website owners change the color of their website visitor's browser tab while viewing the website. You can change the color of your website visitors' browsers on Safari by adding a code ...
    • Add an Image or Logo to Your Footer

      If you are looking to add an image to your website's footer - such as the logo of your company, awards you have received, or any professional organizations you belong to - you can do so by following the steps below. Adding an image to the footer Part ...
    • Change the Text in a Browser Tab

      You have the ability to change the text that appears in your browser's tabs. By default, the tabs will display the page title along with your site title. Your site title is automatically appended to the end of your page title for every page on your ...
    • Make a Button or Link Open in a New Window

      When you create a button or hyperlink, you can make the link open in a new browser window on the user's device. To turn this setting on: Navigate to the button, link, or hyperlink that you'd like to open in a new window. To edit a hyperlink or a ...