Header and Footer

Add your own header and footer to every page of your published docs. Use them for your logo, links back to your website, a sign-up button, contact details or legal links. You can write the HTML yourself or let AI create it.

1. Open the collection and click Settings in the left sidebar.
2. Open the Header And Footer tab.
3. Click Header or Footer to choose which one to edit.
4. Write or paste your HTML in the code editor. To start from a sample, click Load example header or Load example footer.
5. Check the Preview panel. It shows your header at the top and your footer at the bottom.
6. Click Save. The change is saved and published right away.

Don't want to write HTML? Describe what you want and let AI build it.

1. In the Header And Footer tab, select Header or Footer.
2. Click Create header by AI (or Create footer by AI).
3. Describe what you want, for example: "Dark header with our logo on the left and links to Pricing, Blog and Sign in on the right."
4. Click Generate and review the Preview.
5. Click Apply to Editor to copy the code into the editor.
6. Adjust the code if needed, then click Save.

Not happy with the result? Change your description and generate again before you apply it.

If you edited the code but haven't saved, click Reset to published header (or footer) to go back to the live version.

You can keep your header and footer code but hide them:

1. Go to Settings > Theme & Customization.
2. Under Visible Components, turn Header or Footer off.
3. To control phones separately, use Mobile view header & footer.
4. Click Save.

See Logo, Theme and Fonts for all visible components.

• Keep the header short. A tall header pushes your content down on every page.
• Use full links (https://...) so they work on both the DocStar link and your custom domain.
• Check your site on a phone after saving, and hide the header and footer on mobile if they take too much space.
• Add tracking scripts with Google Tag Manager instead of putting them in the header.