CTRL K

🤖 AI Demo AgentJavaScript API

JavaScript API

After the widget script loads, a global LiveDemo function controls it.

Commands

Command	What it does
`LiveDemo('open')`	Opens the agent
`LiveDemo('open', { question: 'Show me pricing' })`	Opens it and asks a question
`LiveDemo('close')`	Closes it
`LiveDemo('identify', { email, name, company })`	Tells the agent who the visitor is
`LiveDemo('hideLauncher')`	Hides the launcher
`LiveDemo('showLauncher')`	Shows it again
`LiveDemo('on', event, callback)`	Listens to an event

Events

ready, open, close, session, lead, demo, cta, calendar, booked.

LiveDemo('on', 'lead', (lead) => {
    console.log('New lead', lead)
})

LiveDemo('on', 'booked', () => {
    gtag('event', 'agent_meeting_booked')
})

No-code: HTML attributes

<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>

Recipes

Logged-in users: call identify after login so they skip the connect form and see personalized demos.
Pricing page: a "Questions? Ask our agent" button with data-livedemo-question.
Analytics: forward lead, demo and booked to your analytics tool.
Checkout: hideLauncher on pages where the bubble distracts. Or use a page rule.

Next: Page rules

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.
Persona: Set your AI Demo Agent's welcome message, starter questions and extra instructions so it sounds like your best sales rep.
Voice & Avatar: Give your AI Demo Agent an ElevenLabs voice and an Anam or LemonSlice video avatar, or create an avatar from a photo.
Demos, Theme & History: Pick which demos the AI Demo Agent can open, set its theme, and undo or revert changes with version history.
Knowledge: Teach the AI Demo Agent from your whole website, documents, FAQs and sales calls, see exactly what it reads, and fill the gaps.
Crawl Your Website: Crawl your marketing site, docs or help center into the AI Demo Agent's knowledge and keep it up to date automatically.
Knowledge Gaps: See the questions your AI Demo Agent couldn't answer, grouped by topic, and turn them into FAQ answers in one click.
Lead Capture: Ask visitors for their name and email before the chat, capture emails during the conversation, or identify logged-in users from your site.
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.
Personalized Demos: Show every prospect a demo with their own company name, first name and logo, from an agent link or your website.
Conversation Insights: Every AI Demo Agent conversation gets a summary, topics, buying intent, unanswered questions and an optional recap email to the visitor.
Summary Emails: Email AI Demo Agent visitors a recap of their conversation automatically, from LiveDemo or your own SMTP server.
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.
Website Widget: Put the AI Demo Agent on your website as a chat bubble, email pill, smart search bar, button or inline iframe, with different behaviour per page.
Page Rules: Show a different teaser, starter questions or auto-open per page, or hide the AI Demo Agent widget on pages like checkout.
Webhooks & Slack: Send AI Demo Agent leads, qualified visitors, bookings and conversation summaries to Slack, Zapier or your own endpoint with signed webhooks.