Adding Favicons to Landing Pages

Uploading Favicons to the File Manager and Copying the URL

Favicons require URLs to be added to a landing page in Lead Gen & CRM. If you do not have an uploaded favicon with its own URL available, you will need to upload a favicon image file to either an external image hosting website or to Lead Gen & CRM's File Manager.

While there is no problem with using favicons hosted on external image hosting websites, Lead Gen & CRM recommends uploading the favicon image to the File Manager. Using the uploaded file URL adds some security and stability to your favicon, since Lead Gen & CRM has no control over images uploaded to external image hosting sites.

To upload an image file to the File Manager to use as a favicon, do the following:
 

1. Click    New > File Manager Item in the top right toolbar.
   
   
    
2. Upload a file to the File Manager.
   
   
    
3. Right-click the uploaded favicon file and select View.
   
   
    
4. Right-click the image in the modal window that appears and select Open image in new tab.
   
   
    
5. Copy the URL in the browser's URL bar.
   
   

When uploading image files, consider the following:

• Favicon image dimensions vary by browser. Generally, the favicon image size must not exceed 16 pixels in height or width. However, there is not one uniform image size or file type standard to adhere to when adding favicons to pages. Different browsers—whether desktop or mobile—have different sizes and types that they use. Using images that are larger or smaller than the browser dimensions allow will distort the appearance of the favicon in browser tabs.
   
• Your favicon will break if the image is removed from its host website. If you are using an external website to host your favicon image, deleting the image there will make the favicon file URL invalid, and the file link will be broken. If you remove the favicon image from Lead Gen & CRM's File Manager, the favicon file link will break as well.

Adding Favicons

To add an uploaded favicon to a landing page, create or edit a landing page:
 

1. Click    Edit Code in the landing page's left panel.
2. Click Pages > All Pages in the code header.
3. Click the Head tab.
4. Add the following code snippet:
   <link rel="shortcut icon" type="image/png" href="YOUR_FILE_URL"> and replace YOUR_FILE_URL with the URL of your favicon image in the pasted code snippet.
5. Click Save and Close.
6. Click Publish.
   
   

    

When adding favicons, consider the following:

• Match the image file type with the code. Favicons will not function properly if their file type does not match with the type portion of the code in the above code snippet. For example, if you are using a .JPG image, then type="image/png" should instead be type="image/jpg" for the favicon to work.
   
• Only valid image file formats are accepted. You cannot set a non-image file format as a favicon. For example, you cannot set .DOC, .PDF, and .PPT file types as a favicon.

Favicon Generation and Information

Due to the differences in favicon size restrictions across browsers and platforms, Lead Gen & CRM recommends utilizing the services of a favicon generator.

Refer to the following external websites for more information on favicon generation and favicons in general:

• Real Favicon Generator
• Favicon FAQs

Did this article answer your question?