Website Widget
- Publish your agent (Share → Public access).
- Open Share → Embed and pick an Embed type.
- Click Copy code and paste it before
</body>on every page.
<script
src="https://livedemo-cdn.s3.us-east-1.amazonaws.com/static/livedemo-embed.js"
data-agent-id="YOUR_AGENT_ID"
async></script>
The script reads the embed type from your agent, so you can switch types in LiveDemo without touching your site.
Embed types
| Embed type | What visitors see |
|---|---|
| Chat bubble | A chat bubble with a teaser and starter questions |
| Email pill | An orb that expands into a work-email field with a demo preview |
| Smart search bar | An "Ask anything about…" bar. The question opens the agent and it answers right away |
| Button trigger | No launcher. Any element with data-livedemo-open opens the agent |
| Inline (iframe) | The full agent inside your page, for a dedicated demo page |
Customize each launcher with the ⚙ button next to it (position, accent color, placeholder, teaser).
Button trigger
<button data-livedemo-open>Talk to our demo agent</button>
<button data-livedemo-open data-livedemo-question="How does pricing work?">Pricing</button>
<button data-livedemo-open data-livedemo-demo="DEMO_ID">See the Salesforce sync</button>
Override per page
Script attributes override the agent's settings on that page: data-launcher (bubble, pill, smartbar, none), data-position, data-teaser, data-preview="off" and data-expand.
Settings
Share → Settings:
| Setting | What it does |
|---|---|
| Show on my website | Off hides every installed widget at once |
| Allowed domains | Sites that can load the agent, such as acme.com, *.acme.com. Empty = any site |
| Page rules | Different teaser, questions or auto-open per page (below) |
| Show Powered by LiveDemo | Turn off on paid plans |
| Installed on | The last page where the widget loaded, and when. Use it to check your install |
Page rules
One agent can behave differently on each page. The first matching rule wins.
| Field | Example |
|---|---|
| Path pattern | /pricing (exact), /docs/* (the section and everything under it), * (every page) |
| Hide the widget on this page | No launcher and no auto-open, such as on /checkout. data-livedemo-open buttons still work |
| Teaser text | "Questions about plans? Ask me." |
| Starter questions | Up to 4, shown in the launcher and in the chat |
| Auto-open after | Opens the agent after N seconds (0 = never). Once per browser session |
Page and campaign context
The agent knows the page the visitor is on, the referrer and the UTM campaign (utm_source, utm_medium, utm_campaign, utm_term). It uses them to pick examples and demos: a visitor from a "salesforce-integration" campaign hears about Salesforce first.
JavaScript API
LiveDemo('open', { question: 'Show me pricing' })
LiveDemo('close')
LiveDemo('identify', { email: 'jane@acme.com', name: 'Jane', company: 'Acme' })
LiveDemo('hideLauncher')
LiveDemo('showLauncher')
LiveDemo('on', 'lead', lead => console.log(lead))
Events: ready, open, close, session, lead, demo, cta, calendar, booked.
Visitors you identify skip the connect form, and their company personalizes the demos (see Personalized Demos).
Next: Knowledge
More in AI Demo Agent
- Create an AI Demo Agent: Create an AI Demo Agent that answers buyer questions from your knowledge, opens the right LiveDemo, qualifies visitors and books meetings.
- Conversation Insights: Every AI Demo Agent conversation gets a summary, topics, buying intent, unanswered questions and an optional recap email to the visitor.
- Qualification & Booking: Let the AI Demo Agent ask your qualification questions, decide who is qualified with your own rules, and book meetings inside the demo.
- Knowledge: Teach the AI Demo Agent from your whole website, documents, FAQs and sales calls, see exactly what it reads, and fill the gaps.
- Personalized Demos: Show every prospect a demo with their own company name, first name and logo, from an agent link or your website.
- Recap Page: Every AI Demo Agent session gets a private, shareable recap page that visitors forward to their team, and you see who opened it.
- Webhooks & Slack: Send AI Demo Agent leads, qualified visitors, bookings and conversation summaries to Slack, Zapier or your own endpoint with signed webhooks.