Quickstart

Three steps: find your demo ID, open the demo to confirm it works, then embed it.

1. Get your demo ID

Open the demo in the Showdini app. The ID is in the URL, between /p/ and the next slash:

https://app.showdini.ai/p/6712f0a1b2c3d4e5f6a7b8c9/knowledge/flows
                          └──────── demo ID ───────┘

2. Open it as a link

Before writing any HTML, paste this into your browser with your own ID:

https://demo.showdini.ai/start/YOUR_DEMO_ID

You should see the demo lobby, and starting the call should prompt for microphone access. This URL is already shareable — drop it in an email or a campaign and you are done. See Sharing a demo link.

3. Put it on your page

To keep visitors on your own site instead, paste this where you want the demo:

<iframe
  src="https://demo.showdini.ai/start/YOUR_DEMO_ID?embedded=true"
  allow="microphone; autoplay"
  allowfullscreen
  style="width: 100%; height: 700px; border: none;"
></iframe>

Two things matter here:

• embedded=true tells the demo it is running inside a frame.
• allow="microphone; autoplay" is required. The demo is a voice conversation, and without it the browser blocks microphone access.

If something is wrong

Symptom	Cause
Demo loads, agent cannot hear you	The allow attribute is missing from the iframe.
Microphone prompt never appears	The page is not served over HTTPS. Browsers only grant microphone access on secure origins — localhost counts while you develop.
Demo shows the full-page layout inside your frame	embedded=true is missing from the URL.

Where to go next

If you want to…	Read
Use your own branded URL, or share in campaigns	Sharing a demo link
Open the demo from a button, or expand it to a modal	Embedding a demo
Preselect a language or prefill the email	URL parameters
Know which campaign a visitor came from	Lead metadata
Push finished leads into your own systems	Webhooks