> For the complete documentation index, see [llms.txt](https://docs.supademo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.supademo.com/share/embed/instructions-for-popular-apps.md).

# Instructions for Popular Apps

Embed Supademo demos in popular apps like Notion, Webflow, Intercom, Zendesk, and WordPress with per-platform steps and video walkthroughs for each tool.

Supademo embeds natively into popular knowledge bases, websites, and documentation tools — including Intercom, Notion, Webflow, Zendesk, HubSpot articles and more. This page is an A–Z directory of platform-specific steps, each with an interactive walkthrough; for the general embed method and the responsive iframe code itself, see [Embed a Demo on Your Website](https://docs.supademo.com/share/embed/website-embed).

In most cases, you will be able to embed Supademo by:

1. Choosing iFrame or Embed options in the platform's editor and pasting in the embed code from the Supademo's Share modal (e.g. Zendesk);
2. Pasting in the share link of the Supademo to automatically embed it (e.g. Notion, Intercom);
3. Exporting the Supademo as an MP4 video or GIF, or copying and pasting steps via Copy Steps.

Don't see your platform below? Please feel free to ask us for instructions for your specific platform by contacting our support line [here](https://supademo.com/help) or by requesting an integration.

<a href="https://feedback.supademo.com/feature-requests" class="button primary">Request an integration</a>

## Articulate LMS

1. In Supademo, open your demo, click **Share → Embed**, and copy the inline embed code.
2. In your Articulate Rise 360 lesson, add a block and choose the multimedia/embed block type.
3. Paste the embed code and save the lesson.&#x20;

Watch the walkthrough: <https://app.supademo.com/demo/clwh1ay8j02b8pdhhtut2zx61>

## Bubble

1. Copy the inline embed code from your demo's **Share → Embed** section.
2. In the Bubble editor, drag an **HTML** element onto your page.
3. Paste the embed code into the element's HTML property, then preview or deploy.

Watch the walkthrough: <https://app.supademo.com/demo/clb5jvcq3007rvypanb118ugd>

## Canva

1. In Supademo, copy your demo's public share link from **Share → Link**.
2. In Canva, open your design and use the **Embed** app (search "Embed" in the Apps panel).
3. Paste the link to place the demo in your design.

Watch the walkthrough: <https://app.supademo.com/demo/clx12uk5p06rx35xe1i2pa7yc?preview=true>

## Coda

1. Copy your demo's public share link from Supademo.
2. In your Coda doc, paste the link where you want the demo.
3. From the paste menu, choose **Embed** (or type `/embed` and paste the link into the embed dialog).

Watch the walkthrough: <https://app.supademo.com/demo/OqUvqJKsDtOhkSnH81SQm>

## Confluence

1. Copy your demo's public share link (or the inline embed code) from Supademo.
2. In your Confluence page, type `/iframe` to insert the **iFrame** macro.
3. Paste the demo URL into the macro's URL field, set a width and height, and publish the page.

Watch the walkthrough: <https://app.supademo.com/demo/cXaziE8WwfyOen_5DH6sZ>

## Document360

1. Copy the inline embed code from your demo's **Share → Embed** section.
2. In the Document360 article editor, switch to the code/HTML view.
3. Paste the embed code where the demo should appear, then save and publish the article.

Watch the walkthrough: <https://app.supademo.com/demo/8UWuL79bVDqG1gkBBiUvB>

## Framer

1. Copy the inline embed code from Supademo.
2. In Framer, open the **Insert** menu, search for the **Embed** component, and drop it onto your canvas.
3. In the properties panel, set the embed type to **HTML** and paste the code.
4. Resize the component's frame, then **Publish**.

Watch the walkthrough: <https://app.supademo.com/demo/TiLbq4aYRr267d1XJ9bpX>

## FreshDesk

1. Copy the inline embed code from your demo's **Share → Embed** section.
2. In the Freshdesk article editor, open the HTML/source code view.
3. Paste the embed code into the article body, then save and publish.

Watch the walkthrough: <https://app.supademo.com/demo/6GnVMTFWMPVJwXgeqSDO6>

## Ghost

1. Copy the inline embed code from Supademo.
2. In the Ghost editor, type `/html` to add an **HTML** card.
3. Paste the embed code into the card and publish the post.

Watch the walkthrough: <https://app.supademo.com/demo/dspW9rg0yvAfCavSughKT>

## GitBook

1. Copy your demo's public share link from Supademo.
2. In GitBook, paste the link on an empty line (or use **Insert → Embed a URL**).
3. GitBook converts the link into a live embedded demo — this documentation site does exactly that.

Watch the walkthrough: <https://app.supademo.com/demo/Or_GvtqFxbZNAWhfAQkg1>

## Guru

1. Copy your demo's public share link (or the inline embed code) from Supademo.
2. In the Guru card editor, use the embed option to paste the link or code.
3. Save the card and verify the demo renders.

Watch the walkthrough: <https://app.supademo.com/demo/XBlVSoaLQNJJt-rCvoxzj>

## HelpScout

1. Copy the inline embed code from your demo's **Share → Embed** section.
2. In the Help Scout Docs article editor, open the HTML/code view.
3. Paste the embed code where the demo should appear, then save the article.

Watch the walkthrough: <https://app.supademo.com/edit/zyz1rJMWCv8WsxNLX69kp>

## Intercom Articles

1. Copy your demo's public share link from Supademo.
2. In your Intercom article, paste the link on its own line.
3. Intercom automatically converts the link into an embedded interactive demo.

Watch the walkthrough: <https://app.supademo.com/demo/cme749fgv2j24h3py0w4nwwox>

## Journey.io

1. Copy your demo's public share link from Supademo.
2. In your Journey, add a new step/block and paste the Supademo link.&#x20;
3. Save and preview the Journey to confirm the demo is interactive.

Watch the walkthrough: <https://app.supademo.com/demo/WUd6LtpTAGxknAvsFbF6G>

## Medium

1. Copy your demo's public share link from Supademo.
2. In your Medium story, paste the link on its own empty line.
3. Press **Enter** — Medium converts the link into an embed.

Watch the walkthrough: <https://app.supademo.com/demo/yD9c60RPXABUIncxZl3C3>

## Mirror XYZ

1. Copy your demo's public share link from Supademo.
2. In the Mirror entry editor, paste the link on its own line so Mirror renders it as an embed.
3. Publish the entry and confirm the demo renders.

Watch the walkthrough: <https://app.supademo.com/demo/pGkFhCx3Fsgb_NI4KKxJM>

## Notion

1. Copy your demo's public share link from Supademo.
2. In Notion, paste the link where you want the demo and choose **Create embed** from the paste menu (or type `/embed` and paste the link).
3. Resize the embed block by dragging its edges.

Watch the walkthrough: <https://app.supademo.com/demo/MVfUnpGjiiS8SuXI92CP7>

## Slab

1. Copy your demo's public share link from Supademo.
2. In your Slab post, paste the link on its own line and let Slab unfurl it into an embed.
3. Save the post and confirm the demo is interactive.

Watch the walkthrough: <https://app.supademo.com/demo/Bz7FeA6hU0cw1nf7FhzJ_>

## Squarespace

1. Copy the inline embed code from your demo's **Share → Embed** section.
2. Edit your Squarespace page, click an insert point (**+**), and add a **Code** block.
3. Paste the embed code with the block set to **HTML**, then save.&#x20;

Watch the walkthrough: <https://app.supademo.com/demo/6Sh_sIRwqARe7uZnExFPo>

## Webflow

1. Copy the inline embed code from Supademo.
2. In the Webflow Designer, drag an **Embed** element from the **Add** panel onto your page.
3. Paste the code into the HTML embed editor and click **Save & Close**.
4. **Publish** your site to see the demo live.

Watch the walkthrough: <https://app.supademo.com/demo/Z-vpaguBoPjKOzJ_pFOFR>

## Wix

1. Copy the inline embed code from Supademo.
2. In the Wix editor, click **Add Elements → Embed Code → Embed HTML**.
3. Paste the embed code into the HTML settings panel and click **Apply**.
4. Resize the embed frame and publish your site.

Watch the walkthrough: <https://app.supademo.com/demo/sZdR_JImWfLeepcgt9kHO>

## WordPress

1. Copy the inline embed code from your demo's **Share → Embed** section.
2. In the WordPress block editor, add a **Custom HTML** block where you want the demo.
3. Paste the embed code into the block.
4. Preview the block, then **Update** or **Publish** the page.

Watch the walkthrough: <https://app.supademo.com/demo/QD_a9GT6ynuDyjh1m8EOz>

## Zendesk

1. Copy the inline embed code from Supademo.
2. In the Zendesk Guide article editor, click the **source code** (`</>`) button.
3. Paste the embed code where the demo should appear, then save and publish the article.

Watch the walkthrough: <https://app.supademo.com/demo/61sNeHtZ98KwXRbfwX66V>

## Zoho Desk

1. Copy the inline embed code from your demo's **Share → Embed** section.
2. In the Zoho Desk knowledge base article editor, open the HTML/source view.
3. Paste the embed code into the article body, then save and publish.

Watch the walkthrough: <https://app.supademo.com/demo/clx9l8i2906gut2oe1wqcm0iw?preview=true>