Procedure to add Fevicon image to Landing Page!


Fevicon images are really important because of the following reasons:

1) They shows your brand image on the title bar of the Landing page

2) Its the Fevicon which shows up when you bookmark any link or page.

3) It makes it easy for user to identify the Landing page in pile of link in History or any other similar situation.


Fevicon image can be generated using many image editors or you can use this link to create one: https://www.favicongenerator.com/ or https://www.favicon-generator.org/

(Size of the Fevicon can very from 16px to 64px)


Possible ways to put Fevicon on Landing page:

1) Put the Link tag in Head tag

<head>
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">

</head>

We can use these two types of attributes.

  1. <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> (1 size)      


  1. <link rel="icon" href="favicon.png" sizes="16x16 32x32"   type="image/png"> (2 sizes)
  2. <link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml">   (any size)


2) Navigate to Landing page editor step 4(Page settings), in Embed JavaScript section, please insert your Favicon image URL like below.
<link rel='shortcut icon' href="favicon image URL" />
OR You can upload favicon images in to LeadSquared images and documents library and take the URL of the image after uploading and use that URL in above link tag and put it in Embed JavaScript section.