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. In the campaign's editor click on the top left paint palette icon and select 'Favicon'.


3. Choose an image, either upload a new image or choose an existing one from your gallery.

4. Once the Favicon has been added click the back arrow and your icon will save.

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

 

Note if you are adding it to a contest it will require the following steps as javascript would be required.  

1. Just click on 'Edit JS/CSS' in the top right corner



2. Then copy the following javascript, and replace 'url' with the url of the image you would like to appear for the favicon:

$(function(){

   var link = document.createElement(‘link’);

   link.type = ‘image/x-icon’;

   link.rel = ‘shortcut icon’;

   link.href = ’url';

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

});



How did we do?