How to Add Favicon Into Unbounce Landing Page Template

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. It is also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons, associated with a particular website or webpage.

How to Add a Favicon to Your Unbounce Page?

Following are the easiest way to add an icon to your unbounce page.

Here’s how and where to add codes. Once you’ve opened, you can access the JavaScript manager by clicking on the “JavaScript” button in the bottom left-hand corner of the screen.

Step: 1. Click on “JavaScript” and then click “Add”. Open the following script editor.

Step: 2 Paste this code:

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

Step: 3 Set the placement to “Head“

Step: 4 Name your script “Favicon” or something else to help identify it.

Step: 5 Replace with the URL of your own icon

<link rel="icon" type="image/x-icon" href="https://yoursite.com/favicon.ico" />

Step: 6 Now Save Code the JavaScript manager.

Step: 7 Save and publish! the page will be ready to go now.

Note: This script will get the favicon from your actual running website and use it as the favicon for your unbounce landing page. If you have uploaded favicon else place you can change the whole link.

Conclusion:

This is an incredibly easy way to add a favicon to your unbounce landing page which will make more beautiful and professional. Be sure to let us know in a comment how it works for you! We hope this unbounce tutorial help you lots, Thank you.

If you want customization in unbounce template or if you have already readymade design and you want to convert into unbounce platform check out the following services from ilmosys studio