Need help? You’ve come to the right place

What’s New Getting Started Building Integrating Publishing

Customize a favicon

Last Updated

Every webpage has a favicon—a small identifying image that can appear in tabs, the address bar, and bookmark pages depending on the browser. Our logo is the default favicon for pages and sites you create, but you can customize your favicon if you’d like.

Check out the steps below to learn how. 


The fine print

  • File size of your favicon image must be either 16 x 16 or 32 x 32. The Leadpages image uploader will not show images that are not those image measurements.
  • After uploading your favicon image and updating/publishing your page or site, if you do not see your favicon when visiting your page or site, try visiting it in an incognito/private window of your browser.


Drag & Drop Builder

  1. Find an image to use as your favicon, then before uploading it to Leadpages, crop it to 16 × 16 px or 32 × 32 px and save it to your computer as a PNG or ICO file.
  2. Open any page in the builder and navigate Styles on the left-hand sidebar of the builder.
  3. Click Choose Image in the favicon section. Upload your image or select an existing one from your library.
  4. Publish (or update) your page or site. 


Standard Builder

While our Standard Builder does not include the option to upload a favicon, there's still a way to add one.

  1. Create a 16px × 16px image and save it as a PNG file. 
  2. Convert your image to an ICO format. You can use a service such as Website Planet or—which is free—to complete this step.
  3. Upload the new icon to your server. If you don’t have a server, we recommend choosing a photo or file-hosting service that provides a direct link to the image (with a URL ending in “.ico”).
  4. Edit your Standard landing page and click Lead Page Options ›Tracking Codes.
  5. Add the following code to the head tag section (making sure to replace the placeholder text with your favicon’s URL):
    <link rel="shortcut icon" type="image/x-icon" href="your-full-favicon-url-here" />
  6. Save your page. 
NOTE: You may not see your new favicon right away, depending on your browser’s settings. If you can’t see it, try clearing your cache.

Need more help?

You can always get in touch with our support team—just click Support in your Leadpages navigation menu, or submit a ticket ↗

Was this article helpful?
Powered by Zendesk