This article covers how to add a custom favicon to a Keap™ Legacy Landing Page, including how to prepare the favicon image, host the image file, and configure the favicon in the landing page settings. This article does not cover creating or publishing a landing page. For help with landing pages, see how to create a landing page in Keap.

Why Adding a Custom Favicon Strengthens Your Brand Online

A favicon is the small icon displayed in the browser address bar and browser tab that represents a website. Visitors see the favicon every time your landing page is open in a browser tab — it is a subtle but consistent branding signal that makes your page look professional and recognizable. Adding a custom favicon to a Keap Legacy Landing Page replaces the default browser icon with your own brand icon, typically a simplified version of your company logo.

How to Add a Custom Favicon to a Keap Legacy Landing Page

To add a custom favicon, the favicon image must be hosted on a web server so that it can be referenced by URL in the landing page settings. Using your existing website to host the favicon image is recommended. Follow these steps to prepare and add a custom favicon to a Keap Legacy Landing Page.

The screenshot above shows the Keap Legacy Landing Page settings panel with the Favicon section visible. The Favicon section contains a URL field where the hosted favicon image URL is entered. The favicon will appear in the browser tab when the landing page is published and opened in a browser.

1. Prepare a compatible favicon image. Favicons must be in a compatible image format. PNG format is recommended. If a favicon image is not already available, use a favicon generator tool to create one — for example, see Favikon — a free online favicon generator to create a favicon from a logo or image.

   

   The screenshot above shows the Favikon favicon generation tool. Upload a logo or image to the tool to generate a compatible favicon file. Download the generated favicon file to your computer before proceeding to the next step.

2. Download the favicon file to your computer in PNG format.

3. Upload the favicon file to a web server. The favicon image must be hosted on a publicly accessible web server so it can be referenced by a URL. Uploading the file to your existing website is the recommended hosting option.

4. Copy the direct URL of the hosted favicon file. After uploading the favicon file to the web server, locate the direct URL of the uploaded file. The URL must point directly to the image file — for example, https://yourwebsite.com/favicon.png. This URL will be entered in the landing page settings in the next step.

5. Open the Settings for the Keap Legacy Landing Page where the favicon will be added.

   

   The screenshot above shows the Keap Legacy Landing Page editor with the Settings option visible. Selecting Settings opens the landing page configuration panel where the Favicon section is located.

6. In the settings panel, select Favicon.

   

   The screenshot above shows the Keap Legacy Landing Page settings panel with the Favicon option selected. Selecting Favicon opens the URL input field where the hosted favicon image URL is entered.

7. Paste the favicon image URL into the URL field in the Favicon section.

8. Select Done to save the favicon URL.

9. Republish the landing page to apply the favicon change. The custom favicon will appear in the browser tab the next time the published landing page is opened in a browser.

Frequently Asked Questions

What does this article cover?

This article covers how to add a custom favicon to a Keap Legacy Landing Page, including how to prepare the favicon image, host the image file, and configure the favicon in the landing page settings. This article does not cover creating or publishing a landing page. For help with landing pages, see how to create a landing page in Keap.

What image format should a favicon be?

PNG format is recommended for favicons added to Keap Legacy Landing Pages. If a favicon image is not already available in a compatible format, use a favicon generator tool such as Favikon — a free online favicon generator to create a compatible favicon file from a logo or image.

Where should the favicon image be hosted?

The favicon image must be hosted on a publicly accessible web server and referenced by a direct URL. Using an existing website to host the favicon image is the recommended approach. The URL entered in the Favicon settings field must point directly to the image file.

Does the landing page need to be republished after adding a favicon?

Yes. After entering the favicon URL in the landing page settings and selecting Done, the landing page must be republished for the favicon change to take effect. The custom favicon will not appear in the browser tab until the landing page has been republished.