> ## Documentation Index
> Fetch the complete documentation index at: https://docs.guideless.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed a guide

> Add a public guide to a help article, website, LMS, or internal page.

Use an embed when viewers should watch the guide inside another page instead of opening a separate link. Embeds are usually better than exported video because edits stay live and [Insights](/analytics/overview) keep tracking.

<div
  style={{
position: "relative",
aspectRatio: "1024 / 640",
width: "100%",
overflow: "hidden",
borderRadius: "14px",
backgroundColor: "#0083FA",
}}
>
  <iframe
    src="https://guideless.ai/share/learn-how-to-embed-a-guide-wcFyCUAuwGYJ/embed"
    title="Learn how to embed a guide"
    loading="lazy"
    allowFullScreen
    style={{
  border: 0,
  position: "absolute",
  inset: 0,
  width: "100%",
  height: "100%",
  borderRadius: "14px",
  clipPath: "inset(0 round 14px)",
  colorScheme: "light",
}}
  />
</div>

<Tip>
  Embeds work best when the guide sits next to the article, checklist, or training material it
  explains.
</Tip>

## Before you embed

Make sure the guide is public. In the Share dialog, choose **Anyone with the link can view**.

Private guides show a not-public message when embedded.

## Copy embed code

<Steps>
  <Step title="Open Share" icon="share-2">
    Open the guide and click **Share**.
  </Step>

  <Step title="Choose embed" icon="code">
    Select the **Embed** tab.
  </Step>

  <Step title="Choose a view mode" icon="list-checks">
    Choose **Video** or **Step by step**. The preview shows how the embed will look.
  </Step>

  <Step title="Copy code" icon="copy">
    Click **Copy embed code**.
  </Step>

  <Step title="Paste it" icon="clipboard-paste">
    Add the iframe to your help center, website, documentation page, LMS, or internal tool.
  </Step>
</Steps>

## View modes

| View mode | How the embed behaves |
| - | - |
| Video | The guide player, sized to the video's shape. |
| Step by step | Every step on one page that scrolls inside the frame, with a button to open the guide in a new tab. |

Learn more about each mode in [View modes](/sharing/share-link#view-modes).

## Tips for a clean embed

* Paste the code into an HTML or embed block if your editor has one.
* Give the guide enough width and height so the player controls or steps are comfortable to use.
* Keep the surrounding page focused on the same workflow as the guide.

<Note>
  Embedded guides show the latest version. Update the guide once, and the embed updates with it.
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.