Custom Footer
Apply a custom footer to match your website.
Unlike Documentation Footer, this footer is situated outside of the documentation container and is created using HTML. Consequently, the custom footer functions as a standalone webpage, complete with its own unique styles and scripts.
How to set a custom footer
To customize the footer:
- Open Project Settings
from the Sidebar. - Under Customize, select Edit Footer
- Enter the custom HTML, and select Done.
- Refresh the page to see the changes.
The footer can also be set to use full width from the same settings window.
The custom HTML is encapsulated within an iFrame, which is required to include both a head and a body section. To optimize performance, we recommend linking your website's styles and scripts directly in the head instead of writing them in the footer. This practice allows for better caching of the footer content, enhancing load times for returning users.
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.