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.

Step-by-step

Drag & Drop Builder

  1. Find an image to use as your favicon, then crop it to 16 × 16 px or 32 × 32 px and save it as a PNG or ICO file.
  2. Open any page in the builder and navigate to global styles by clicking the paint brush icon on the left-hand side 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 www.favicon.cc—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 Lead 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 help_circle in the top-right corner of your Leadpages dashboard, or submit a ticket ↗

Was this article helpful?
Powered by Zendesk