Custom domain
Share https://demos.acme.com/livedemos/… instead of a LiveDemo link. Available on the Growth plan. Only the workspace Admin can set it up.
Requirements
- A subdomain you own, such as
demos.acme.com. Root domains likeacme.comcan't be used. - Access to its DNS settings.
Set it up
- Open Settings → Security & domain → Custom domain.
- Enter your subdomain and click Add domain.
- Add the record LiveDemo shows at your DNS provider:
| Type | Name | Target |
|---|---|---|
CNAME | demos | custom.livedemo.ai |
- Click Verify. It can take a few minutes. The status changes from Pending to Active.
HTTPS certificates are issued and renewed automatically.
DNS providers
| Provider | Where |
|---|---|
| Cloudflare | DNS → Records → Add record. Set the proxy status to DNS only (grey cloud) |
| GoDaddy | My Products → DNS → Add New Record → CNAME |
| Amazon Route 53 | Hosted zones → your domain → Create record, type CNAME |
| Namecheap | Domain List → Manage → Advanced DNS → Add New Record |
| Google Cloud DNS | Cloud DNS → your zone → Add standard |
What changes
Once Active, links you copy in LiveDemo use your domain:
| Link | Uses your domain |
|---|---|
| Demo share link (Copy link) | ✓ |
| Custom links | ✓ |
| Website embed code | ✓, https://demos.acme.com/livedemos/DEMO_ID?step=1 |
| AI Demo Agent share link | ✓ |
| AI Demo Agent embed script | No, it keeps loading from LiveDemo |
| Medium link | No |
URL parameters work on your domain too.
Links you already shared on LiveDemo's domain keep working.
Remove it
Click Remove and confirm. Links on that domain stop working. LiveDemo links keep working.
Troubleshooting
- Stays Pending: check the CNAME with
dig demos.acme.com CNAMEor an online DNS checker. The red message under the record shows what LiveDemo is waiting for. - Cloudflare: the record must be DNS only. A proxied (orange cloud) record blocks the certificate.
- CAA records: if your domain has CAA records, allow
letsencrypt.organdpki.googso the certificate can be issued. - "Use a subdomain you own, like demos.acme.com": you entered a root domain or a LiveDemo domain.
- "This domain is already used by another workspace": remove it from the other workspace first.
Next: Embed on website
More in Share
- Share your public LiveDemo: Publish your LiveDemo and share a public link so prospects and customers can explore the interactive demo without signing up.
- Public & Private Access: Control who can view your LiveDemo with the Public access switch, and what viewers see when a demo is private.
- Custom Links: Create a LiveDemo link per prospect or campaign with its own variable values, so one demo shows each viewer their own name.
- Preview & Fullscreen: Preview your LiveDemo as viewers see it and present it fullscreen on a sales call or at an event.
- Embed on website: Embed your LiveDemo on your website, landing pages or help center with a responsive iframe snippet.
- URL Parameters: Control where an embedded LiveDemo starts, autoplay, audio, custom links and personalization with URL parameters.
- Embed Events: Listen to step changes from an embedded LiveDemo and move it to any step from your page with postMessage.
- Embed in WordPress: Add an interactive LiveDemo to a WordPress page or post with a Custom HTML block, in the block editor or Elementor.
- Embed in Webflow: Add an interactive LiveDemo to a Webflow page or CMS collection with a Code Embed element.
- Embed in Framer: Add an interactive LiveDemo to a Framer site with the Embed component.
- Embed in Wix: Add an interactive LiveDemo to a Wix site with the Embed HTML element.
- Embed in Squarespace: Add an interactive LiveDemo to a Squarespace page with a Code block.
- Embed in HubSpot Pages: Add an interactive LiveDemo to HubSpot landing pages, website pages, blog posts and knowledge base articles.
- Embed in Notion: Add an interactive LiveDemo to a Notion page for internal docs, onboarding wikis and public Notion sites.
- Embed in Zendesk & Help Centers: Add interactive LiveDemos to Zendesk Guide, Intercom, HelpScout and other help center articles.
- Embed in React & Next.js: Add an interactive LiveDemo to a React or Next.js app with a small responsive iframe component and listen to step events.
- Share on Medium: Share your LiveDemo in Medium articles so readers can try your product right inside the post.
- Share on X (Twitter): Share your LiveDemo on X (Twitter) with a link preview that drives followers into the interactive demo.
- Share into email platforms: Add your LiveDemo to marketing and sales emails with a preview image that links readers straight into the interactive demo.
- Export in GIF or Video: Export your LiveDemo as a GIF or video to use in social posts, docs, presentations and anywhere iframes are not supported.