Custom Footer

AI Tools

⭐

Available in Grow Projects

Apply a custom footer to match your website.

Unlike Documentation Footer, this footer is placed outside of the documentation container and is written using HTML. Thus, the custom footer is a webpage itself with its own styles and scripts.

To customise footer:

Open Project Settings → Customisation.
In the Custom code card, click Edit footer.
Enter the custom HTML, then click Save & publish in the top menu.
Refresh the page to see the changes.

The footer can also be set to use full width from the same page.

The custom HTML is contained in an iFrame. It should contain a head and body. We recommend that you link your website styles and scripts rather than writing them in the footer as this would allow your footer to be cached.

If you have any links in the footer, make sure that you use target="_parent" to navigate inside the parent, not the iframe itself.

Load assets only from HTTPS sources, otherwise your readers will see a "Not Secure" badge next to the browser URL.

Last updated on May 21, 2026

Anything missing? Leave us feedback

customisation

Custom Footer

How to set a custom footer