> Connect LiveDemo to HubSpot, Slack, Zapier or Make through webhooks, and Calendly or Cal.com, to sync leads and get alerts.

Canonical: https://livedemo.ai/docs/guides/integrations/

# Integrations

Integrations live in **Settings → Integrations**. Only the workspace Admin can connect them (see [roles](https://livedemo.ai/docs/account/team-and-workspaces/#roles)).

| Integration | What it does |
| --- | --- |
| [HubSpot](#hubspot) | Creates contacts from demo leads and AI Demo Agent leads, and lets you use HubSpot forms in demos |
| [Slack](#slack) | Posts AI Demo Agent alerts to a channel |
| [Webhooks](#webhooks-zapier-make-your-backend) | Sends AI Demo Agent events to Zapier, Make or your backend |
| [Calendly / Cal.com](#calendly-and-calcom) | Books meetings inside the AI Demo Agent |
| [Google Analytics 4](https://livedemo.ai/docs/analytics/google-analytics/) | Sends demo and agent events to GA4, server-side or from your site |
| [Segment](https://livedemo.ai/docs/analytics/segment/) | Sends the same events to Segment as track calls |
| [MCP server](https://livedemo.ai/docs/integrations/mcp-server/) | Lets Claude, ChatGPT and Cursor read and edit your demos |

## HubSpot

### Connect

1. Open **Settings → Integrations** and turn on **HubSpot**.
2. Sign in to HubSpot in the new tab and approve access for your HubSpot account.

To disconnect, turn the switch off. Syncing stops right away. To fully revoke access, also uninstall LiveDemo under **Connected apps** in HubSpot.

### What syncs

- **Demo leads**: when a viewer submits a standard [lead form](https://livedemo.ai/docs/edit-a-livedemo/popup/#lead-forms), LiveDemo creates or updates the HubSpot contact with their **email**, **first name** and **last name**. All other form answers stay in **Analytics → Leads**.
- **AI Demo Agent leads**: when a conversation ends and the visitor left an email, LiveDemo creates or updates the contact and adds a **note** with:
  - the conversation summary, topics and buying intent;
  - the demos the visitor watched;
  - the visitor's [qualification answers](https://livedemo.ai/docs/ai-demo-agent/qualification-and-booking/) and qualified status;
  - unanswered questions;
  - a **Replay** link to the session in LiveDemo and the shareable recap link.

### Use a HubSpot form in a demo

1. Add a [popup](https://livedemo.ai/docs/edit-a-livedemo/popup/) and set **Popup Type** to **Form**.
2. Set **Form Type** to **hubspot**.
3. Pick your form in **Select form**. The list comes from your connected HubSpot account.

Submissions go straight to HubSpot, like any HubSpot form on your site, and the demo moves to the next step.

## Slack

1. Open **Settings → Integrations → Webhooks & Slack** and click **Add Slack**.
2. Create a Slack incoming webhook: at [api.slack.com/apps](https://api.slack.com/apps), click **Create New App → From scratch**, open **Incoming Webhooks** and click **Add New Webhook to Workspace**.
3. Paste the `https://hooks.slack.com/services/...` URL and pick the events.

Events: **Lead created**, **Lead qualified**, **Conversation ended**, **Meeting booked** and **Recap forwarded**. See [Webhooks & Slack](https://livedemo.ai/docs/ai-demo-agent/webhooks-and-slack/).

## Webhooks (Zapier, Make, your backend)

Click **Add webhook** in **Settings → Integrations → Webhooks & Slack**, paste an HTTPS URL (for example a Zapier "Catch Hook" or a Make webhook) and pick the events. LiveDemo sends signed JSON and retries failed deliveries 5 times. Payloads, signature verification and retries are covered in [Webhooks & Slack](https://livedemo.ai/docs/ai-demo-agent/webhooks-and-slack/).

## Calendly and Cal.com

Set in each AI Demo Agent, not in Settings: open the agent, go to **Persona**, paste your link in **Book a meeting URL** and turn on **Open Calendly / Cal.com inside the demo pane**. The booking page opens prefilled with the visitor's name and email. See [Qualification & Booking](https://livedemo.ai/docs/ai-demo-agent/qualification-and-booking/#booking-meetings).

## Google Analytics 4 and Segment

On the Growth plan, click **Add GA4** or **Add Segment** in **Settings → Webhooks, Slack & server-side analytics** to send demo views, completions, leads and agent events server-side. On any plan, the AI Demo Agent widget forwards events to `gtag`, `dataLayer` or `analytics.track` on your page. See [Google Analytics](https://livedemo.ai/docs/analytics/google-analytics/) and [Segment](https://livedemo.ai/docs/analytics/segment/).

## MCP server

Connect Claude, ChatGPT, Cursor or Claude Code at `https://mcp.livedemo.ai/mcp` with OAuth or an API key from **Settings → API keys & MCP**. See [MCP server](https://livedemo.ai/docs/integrations/mcp-server/).

---

Continue to [FAQ](https://livedemo.ai/docs/resources/faq/)