> Add interactive LiveDemos to Zendesk Guide, Intercom, HelpScout and other help center articles.

Canonical: https://livedemo.ai/docs/share/embed-in-zendesk/

# Embed in Zendesk & help centers

Interactive demos in help articles show users the exact clicks, instead of a wall of screenshots.

## Get the code

1. Turn on **Share → Public access** in the LiveDemo editor.
2. Open **Share → Embed** and click **Copy code** next to **Website**.

## Zendesk Guide

1. Edit the article and click the **Source code** button in the toolbar.
2. Paste the code where the demo should go and click **Save**.
3. **Publish**.

If the iframe disappears on save, your help center blocks unknown iframes. Ask a Guide admin to allow iframes from `story-api.livedemo.ai` in Guide's security settings.

## Other help centers

| Help center | How |
| --- | --- |
| **Intercom Articles** | Insert a video or iframe block and paste the embed URL (`https://story-api.livedemo.ai/...`). If iframes aren't allowed, link to the demo |
| **HelpScout Docs** | Use the code view (`<>`) of the article editor |
| **Document360, GitBook, ReadMe** | Use their HTML or embed block |

Most of these accept the `src` URL instead of the full code.

## Tips for help articles

- Make short demos (5–10 steps), one per task.
- Add a [voiceover](https://livedemo.ai/docs/edit-a-livedemo/voiceover/) or turn on [Navigation Tabs](https://livedemo.ai/docs/edit-a-livedemo/misc-settings/).
- Write the steps as text under the demo too, for search engines and screen readers.
- Recipe: [Help center guides](https://livedemo.ai/docs/use-cases/help-center-guides/).

---

Next: [Embed in React & Next.js](https://livedemo.ai/docs/share/embed-in-react-nextjs/)