How Can I Add a Custom Favicon on my Landing Pages?

If you like, you can add a Favicon to your Landing Page, a little image included in the Tab of your browser. Let’s take a look below and see how to set this up.

First you have to upload your image and host it with your own website or another service such as dropbox, WordPress, your blog, basically anywhere where you’ll be able to get a url link for your favicon. For example this: http://landerapp.com/favicon.ico.

In case your website already has a favicon, you can use the same one for your landing page and you won’t need to host the image again.

The recommended size is 16*16 pixels. This website will help you get hone in on the perfect size of your favicon for different browsers and devices: http://realfavicongenerator.net/.

How do I use a custom favicon on my landing pages?

Once you've uploaded your favicon, copy the following code and then paste it in the head option of the script section located under “Page Settings”.

<link rel="icon" type="image/x-icon" href="http://landerapp.com/favicon.ico"

<link rel="shortcut icon" type="image/x-icon" href="http://landerapp.com/favicon.ico"

The italic and bold text as indicated is where your favicon URL should be. So, once you have the favicon’s URL, copy it and replace it for the one in the example above.

That’s all, just remember to save your changes and republish.