Edit

Share and embed interactive product demos anywhere

Get your demos in front of the right people. Share a link, embed the demo on any page, post it with a preview card, or export it as video, all from one place.

Public share link

nvariant.ai/d/onboarding

Copy

Trackable

Expires in 30 days

Share a link

HTML

React

Vue

<iframe

src = nvariant.ai/embed/onboarding

width = 100% height = 640 />

Embed on any page

Password protection

On

Social preview card

On

MP4 export

Ready

Copy embed snippet

Access, social, and video

Publish once, then share the same demo through every channel your team uses.

How do you share an interactive product demo?

Every published nVariant demo gets a public link that opens in any browser, with no login and no download for the viewer. From the share menu you can copy that link, create trackable links for a campaign or a rep, embed the demo on a web page with an iframe, post it with a social preview card, or export it as an MP4 video.

The right channel depends on where your buyer already is. Embeds suit landing pages and help centres. Trackable links suit outbound email and sales follow ups. Video export covers ads and platforms that cannot run an embed. Every channel reports into the same analytics.

Sharing at a glance

Public link

Opens in any browser, deep link to a step with ?step=N

Trackable links

One per campaign, rep, or channel, with an optional expiry

Embed

Iframe for HTML, React, Angular, Vue, and Svelte

Social

Preview cards for LinkedIn, X, and Facebook

Video

MP4 export with optional voiceover

Share in every format

Six ways to put the same demo in front of a buyer.

Public Share Link

One link to share your demo anywhere. Deep-link to any specific step with ?step=N.

Public Share Link

One link to share your demo anywhere. Deep-link to any specific step with ?step=N.

Trackable Links

Create named links per campaign and see exactly who clicked, when, and how many times.

Trackable Links

Create named links per campaign and see exactly who clicked, when, and how many times.

Inline Embed

Drop an iframe into any site, help center, or docs. Snippet formats for HTML, React, Vue, Angular, and Svelte.

Inline Embed

Drop an iframe into any site, help center, or docs. Snippet formats for HTML, React, Vue, Angular, and Svelte.

Access control

Protect steps with a password or gate the demo behind a lead form, so sensitive flows stay with the people you chose.

Access control

Protect steps with a password or gate the demo behind a lead form, so sensitive flows stay with the people you chose.

Social Sharing

Share to Twitter, LinkedIn, and Facebook with auto-generated rich preview cards built in.

Social Sharing

Share to Twitter, LinkedIn, and Facebook with auto-generated rich preview cards built in.

Export as Video

Render your demo as an MP4 with voiceover and hotspots baked in. Ready for YouTube, email, or social.

Export as Video

Render your demo as an MP4 with voiceover and hotspots baked in. Ready for YouTube, email, or social.

One demo, every channel

Meet buyers where they already are. Drop the demo into a landing page, send it as a trackable link, or post it with a rich social card.

Inline iframe for HTML, React, Vue, Angular, and Svelte

Password or lead form gating on any step

Deep link straight to a step with ?step=N

Share demo

Manage how you share and track this demo

Link

Trackable

Embed

Social

Export

HTML

React

Vue

Angular

Svelte

<iframe
  src="https://app.nvariant.ai/embed/onboarding"
  width="100%" height="600"
  allowfullscreen></iframe>

Copy snippet

Add ?step=4 to open the demo on a specific step.

How it works

1. Publish your demo

Hit publish and your demo gets a permanent public URL in seconds.

2. Choose how to share

Copy a link, create a trackable link, or grab an embed snippet. One demo, every channel.

3. Watch it perform

Track views, clicks, and engagement as your demo reaches its audience.

Where each sharing option works best

Pick the channel by where the viewer is, not by habit.

1

Landing and pricing pages: embed

Put the demo where visitors already evaluate the product, such as a feature page hero or next to the plan table on pricing.

2

Outbound and follow up: trackable link

Create one link per sequence or rep so you can see which message produced opens and completions.

3

Help centre: embed plus guide

Embed the demo in the article and pair it with a written guide for readers who prefer text.

4

Ads and YouTube: MP4 export

Export with voiceover for channels that only accept video, then link to the interactive version in the description.

Sharing and embedding questions, answered

Links, embeds, access control, and exports.

How do I share a demo?

How do I share a demo?

Can I embed a demo on my website?

Can I embed a demo on my website?

Can I link to a specific step?

Can I link to a specific step?

What are trackable links?

What are trackable links?

Can I control who sees a demo?

Can I control who sees a demo?

Can I turn a demo into a video?

Can I turn a demo into a video?

Do viewers need an account to open a demo?

Do viewers need an account to open a demo?

Can a trackable link stop working after a date?

Can a trackable link stop working after a date?

Start turning demos into real adoption

Create interactive demos in minutes and see how users actually engage.

Start turning demos into real adoption

Create interactive demos in minutes and see how users actually engage.

Start turning demos into real adoption

Create interactive demos in minutes and see how users actually engage.