Embedded mode

Embedded mode strips the header and footer (including navigation and logo) from a Fern Docs site so a page renders as content only. Use it to:

• Surface docs inside a product dashboard or admin panel
• Embed a page in an iframe without the standard navigation chrome
• Render content-only views in another application

Pages served with embedded=true omit the frame-ancestors Content Security Policy directive, so any origin can load them in an iframe. Without the parameter, only the docs site’s own origin and Fern’s hosts can frame the page.

Enable embedded mode

Add the embedded=true query parameter to the URL:

    <iframe
    src="https://elevenlabs.io/docs/overview/intro?embedded=true"
    style="width: 100%; height: 500px; border: none; border-radius: 8px;"
  ></iframe>

Embedded mode persists across navigation within a session, so internal links keep it active without the query string on every URL. ?embedded=true is also required for the embed to work on third-party domains: without it, the page’s frame-ancestors Content-Security-Policy restricts embedding to *.buildwithfern.com hosts, and browsers will block the iframe on any other domain.

Keep the header or footer

Embedded mode hides both the header and footer by default. Add header=true or footer=true alongside embedded=true to keep that element:

<iframe
  src="https://elevenlabs.io/docs/overview/intro?embedded=true&footer=true"
  style="width: 100%; height: 500px; border: none; border-radius: 8px;"
></iframe>

Embed external pages

Embedding external pages in your docs uses the same <iframe> syntax, without ?embedded=true.