> Use an Embed popup to put a Calendly or Cal.com calendar, a Typeform, a video or any HTML embed inside your LiveDemo.

Canonical: https://livedemo.ai/docs/edit-a-livedemo/embed-popups/

# Embed popups

An embed popup shows any embed code inside the demo: a booking calendar, a survey, a video or a third-party form. Available on paid plans.

## Add one

1. Hover between two steps and click **Add popup**.
2. Set **Popup Type** to **embed**.
3. Paste the embed code into **Embed HTML**.
4. Optional: **Show overlay** and pick an **Overlay Color** to dim the screen behind it.

## Allow the embed

LiveDemo demos block third-party content by default. Add the provider to the demo's [Content Security Policy](https://livedemo.ai/docs/edit-a-livedemo/content-security-policy/). For Cal.com:

```text
frame-src https://app.cal.com; script-src https://app.cal.com
```

If the embed shows blank, a missing CSP entry is almost always the reason.

## Ideas

| Embed | Use it for |
| --- | --- |
| Calendly / Cal.com inline widget | "Book a demo" without leaving the demo |
| Typeform or Tally | A short survey at the end |
| YouTube, Vimeo or Loom | A founder intro or a customer story |
| HubSpot meetings | Booking into your sales team's calendars |

---

Next: [Branching](https://livedemo.ai/docs/edit-a-livedemo/branching/)