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

# How to Embed an AhaSlides Presentation on Your Website

> Use a standard HTML iFrame snippet to embed any AhaSlides presentation on a webpage so visitors respond without navigating away from your site.

You can embed any AhaSlides presentation on a webpage using a standard HTML iFrame. Visitors can participate in polls, quizzes, and word clouds directly on your site without navigating to a separate URL.

<Note>
  Test your embed thoroughly across browsers and devices before going live. iFrame behaviour can vary depending on your website platform, browser settings, and network environment.
</Note>

## The iFrame Code Snippet

Replace the `src` URL with your own presentation's audience link, then paste the snippet into your page's HTML where you want the embed to appear.

```html theme={null}
<iframe
  src="https://audience.ahaslides.com/your-presentation-code"
  width="100%"
  height="800px">
  <p>Your browser does not support iframes.</p>
</iframe>
```

**How to find your audience link:** open the presentation in AhaSlides, click **Present**, and copy the URL from your browser's address bar. It will begin with `audience.ahaslides.com/` — that full URL is your audience link.

## Customising Width and Height

Adjust the `width` and `height` attributes to suit your page layout. The examples below show the two most common configurations:

```html theme={null}
<!-- Full-width, fixed height — recommended for most layouts -->
<iframe
  src="https://audience.ahaslides.com/your-code"
  width="100%"
  height="800px">
  ...
</iframe>

<!-- Fixed dimensions — for sidebars or card layouts -->
<iframe
  src="https://audience.ahaslides.com/your-code"
  width="640px"
  height="480px">
  ...
</iframe>
```

<Note>
  Setting `width="100%"` makes the embed responsive to its parent container's width. A height of `800px` works well for full-page embeds; adjust downward for sidebars or smaller content areas.
</Note>

## Tips for a Good Embed Experience

<CardGroup cols={2}>
  <Card title="Start your presentation before embedding" icon="play">
    The audience view is only interactive when a presenter has the presentation open and actively running. Launch your presentation before directing visitors to the embedded page.
  </Card>

  <Card title="Test across browsers" icon="globe">
    iFrame behaviour varies between Chrome, Firefox, Safari, and Edge. Check that your embed displays and responds correctly in all browsers your audience is likely to use.
  </Card>

  <Card title="Consider mobile viewports" icon="mobile-screen">
    On small screens, a fixed-height iFrame may require scrolling to see the full slide. Test your embed on mobile devices before publishing to ensure a smooth experience.
  </Card>

  <Card title="Keep sessions short" icon="clock">
    Embedding works best for focused, single-topic interactions rather than long multi-slide decks. Shorter sessions reduce the chance of audience drop-off within the embedded view.
  </Card>
</CardGroup>