Unbounce Answers/Next Steps/Tips & Tricks
How to use your own favicon for your landing pages
Carter Gilchrist
posted this on September 07, 2010 06:18 pm
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:
- 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).
- Open your Unbounce page in the editor and click on the "Javascripts" button in the lower left hand side of the editor.
- 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="http://yourwebsite.com/favicon.ico" />
of course replacing the "http://yourwebsite.com/favicon.ico" part with the URL of your own icon. - That's it! Re-publish your page and your icon should be in the browser address bar.
Comments
of note - don't use the opening and closing <script> tags here - they will cause the favicon to not display.
If i dont put the < /> the line will just appear on the top of my page.I did the same thing like in the picture 2.png and it doesn't work...
Hello Louis - you should still need to include the < /> otherwise your page won't know that it's code--it will think that it's just plain text. If you are still experiencing any difficulties, just send us a link to your page and we will have a look for you.
Ok - so I did the above. Now where do I upload the favicon.ico file?
Would it be possible in a future update to get a link from an uploaded photo or graphic on unbounce? Something like a media center on wordpress where we have all the pictures on the blog.
Hi Louis, currently images are all private when they are inside the application, we only generate a public URL for them when you choose to publish them. We will be addressing the image library on a whole at some point in the future, so I'll make a note to consider this as an added option. Thanks for the feedback!
I use a custom domain name with CNAME pointing to unbouncepages.com. So where do I upload the favicon file? Please advice.
Same question as Ozgul - is there a way to manually add this file if we're utilizing an unbounce landing page as our default homepage?
Hi Ozgul and Rebecca,
My apologies for this late response, but if you are using an Unbounce page as your homepage, then you would want to search for a third party image hosting service that supports .ico files. Then you would simply replace the link in the example script with the public link to your favicon image you are hosting elsewhere. Hope that helps.