Adding a Custom Favicon

Follow

If you have an existing website that already has a favicon file (the logo that shows up in the browser's address bar, and next to the site's title when a user bookmarks it) then you might want to use it on your landing pages as well. Doing so is fairly straight forward:

      1. Find the location of your favicon.ico file. Usually it sits in the root directory of your website, so http://website.com/favicon.ico. In our case it can be found at http://app.unbounce.com/favicon.ico. If you don't have one, you'll need to upload one to some of your own hosting (Unbounce does not currently support this).
      2. Open your Unbounce page in the editor and click on the "Javascripts" button in the lower left hand side of the editor.
      3. Add a new script and call it "favicon". Choose "Head" in the Placement dropdown menu and then paste in the following:
        <link rel="icon" type="image/x-icon" href="https://yoursite.com/favicon.ico" />
        Replace "https://yoursite.com/favicon.ico" with the URL of your own icon.
      4. That's it! Re-publish your page and your icon should be in the browser address bar.

Was this article helpful?
0 out of 1 found this helpful