Popular topics: Reach and Visitors ~ Marketing Dashboard Event RSVP using Google Forms

Search results for “${ term }

How to Add a Favicon to Your Site

A favicon is short for favorites icon. It is also known as a shortcut icon, website icon, URL icon, or bookmark icon. It is a small square icon (16 x 16 pixels or 32 x 32 pixels) associated with a particular website or webpage.

Following are the instructions for creating your own favicon and adding it to your site. This will replace the FASO logo with a personalized favicon in the browser navigation tabs when viewing your website.

Screenshot of the FASO favicon.

Screenshot of a personalized favicon.


Generate an Icon File

You can use design software like Photoshop or anything similar to create files with .ico formats. 

If you don't know how to do it, or don't have a tool like that, there are some tools online that can create the image for you.

Create a favicon image with Favicon-Generator

  • go to Favicon-Generator.org
  • select an image from your computer
  • select the option that says Generate only 16x16 favicon.ico
  • select or deselect any of the other options
  • click on Create favicon
  • then click on Download the generated favicon

Upload icon file to File Manager Interface

  • from FASO account Control Panel
  • click on the gear icon (top right)
  • click Account Settings
  • click on File Manager

  • click on Upload a file

  • select an icon (.ico) file from your computer by clicking on Choose files or simply drag and drop a file into the file uploader pop up.
  • click on the Upload button (lower right corner of the file uploader pop up)
  • Once the icon file has been uploaded, highlight and copy the URL of the icon you just uploaded.

__________________

NOTE: If you get the above error message, please try uploading using a different browser.

See this FAQ: Web Browsers Supported by FASO


Insert the icon in your site

In the following code, replace {{icon URL}} with the url of the image you uploaded. Then copy the entire code.

<link rel="shortcut icon" type="image/x-icon" href="{{icon URL}}"/>
<link rel="icon" type="image/x-icon" href="{{icon URL}}"/>

The code will look something like this:
<link rel="shortcut icon" type="image/x-icon" href="https://userfiles.faso.us/13459/5312.ico"/>
<link rel="icon" type="image/x-icon" href="https://userfiles.faso.us/13459/5312.ico"/>

In your FASO control panel, go to

  • Account Settings (gear icon, top right)
  • click Code Injection
  • Paste the code into the Head Javascript field
  • click Save Changes

09042019

Was this article helpful?

Can’t find what you’re looking for?

Our world-class customer care team is here for you

Contact Support