How to add a Favicon to your Tab

What is a favicon?

Favicons are small square images usually 16×16 pixels which are used by web browsers to show a graphical representation of the site being visited at the left side of the browser’s address bar.

Follow these steps to add a favicon to your page:

  1. Go to your Wishpond campaign settings (click on “Edit”)

  2. Within your settings access the Javascript editor and copy this custom Javascript into the Javascript editor:

 

$(function(){

var link = document.createElement('link');

    link.type = 'image/x-icon';

    link.rel = 'shortcut icon';

    link.href = 'https://s3.amazonaws.com/media.wishpond.com/media/008/663/903/original.png';

    document.getElementsByTagName('head')[0].appendChild(link);

});


3. Replace the image-link-here.png with the URL to your image that you wish to use (the recommended size is 16 px by 16 px).

4. Once the Favicon has been added to the Javascript editor click on Save and that’s it.


Opening up our Landing Page now we can see the tab called Landing Page with the Favicon right next to it: