Intermediate

Sharing & Analytics

Get your demos in front of the right audience and measure their impact with sharing options, embedding, viewer tracking, and conversion analytics.

Sharing Links

Every SupaDemo demo gets a unique shareable link. Sharing options include:

  • Public link: Anyone with the link can view the demo. No login required
  • Password-protected: Require a password before the demo can be viewed
  • Email-gated: Viewers enter their email before accessing the demo, capturing leads automatically
  • Expiring links: Set an expiration date for time-sensitive demos (sales proposals, limited offers)
  • Custom slug: Customize the URL path for cleaner, branded links

Embedding in Websites

SupaDemo provides multiple embedding options:

iFrame Embed

HTML iFrame Embed
<!-- Basic iFrame embed -->
<iframe
  src="https://app.supademo.com/embed/your-demo-id"
  width="100%"
  height="600"
  frameborder="0"
  allow="clipboard-write"
  allowfullscreen
></iframe>

React Component

React Component
import { SupaDemo } from '@supademo/react';

function ProductPage() {
  return (
    <div className="demo-section">
      <h2>See it in action</h2>
      <SupaDemo
        demoId="your-demo-id"
        height={600}
        onComplete={() => console.log('Demo finished')}
      />
    </div>
  );
}

Analytics Dashboard

SupaDemo's analytics give you deep insight into how viewers interact with your demos:

Metric What It Tells You
Total views How many times your demo has been opened
Unique viewers How many distinct people viewed your demo
Completion rate Percentage of viewers who reached the final step
Average time How long viewers spend interacting with the demo
Drop-off points Which steps cause viewers to abandon the demo
CTA clicks How many viewers clicked your call-to-action buttons
Device/browser What devices and browsers viewers use to watch your demos

Viewer Tracking

Track individual viewer behavior for sales and customer success:

  • Email capture: When using email-gated sharing, see exactly who viewed your demo and how far they got
  • Viewer timeline: See the exact sequence of steps a viewer clicked and how long they spent on each
  • Return visits: Track when a viewer comes back to rewatch the demo - a strong buying signal
  • Team insights: See if a shared demo is being forwarded within an organization (multiple viewers from the same domain)

Conversion Tracking

Measure how demos drive business outcomes:

  • CTA conversion rate: Percentage of viewers who click your call-to-action
  • Lead capture: Track emails collected through gated demos
  • UTM parameters: Pass tracking parameters through demo links for attribution
  • Webhook events: Trigger automations when viewers complete demos or click CTAs

A/B Testing Demos

Optimize your demos with built-in experimentation:

  1. Create Variants

    Duplicate a demo and modify the copy, step count, or CTA. Each variant gets its own tracking.

  2. Split Traffic

    SupaDemo can automatically split viewers between variants when using the same share link.

  3. Measure Results

    Compare completion rates, CTA clicks, and engagement across variants to determine the winner.

SEO Optimization

Make your demos discoverable through search engines:

  • Set custom page titles and meta descriptions for public demos
  • Add Open Graph and Twitter Card metadata for social sharing previews
  • SupaDemo pages are rendered server-side for proper search engine indexing
  • Use descriptive custom slugs: demo.company.com/product-onboarding instead of random IDs

CRM Integrations

Connect SupaDemo to your sales tools for seamless workflows:

Integration Capability
HubSpot Sync viewer data as contacts, trigger workflows when demos are viewed, embed demos in emails
Salesforce Log demo views as activities on leads/contacts, track demo engagement in opportunity records
Slack Get real-time notifications when demos are viewed, with viewer details and engagement data
Zapier Connect SupaDemo events to 5000+ apps for custom automation workflows
Sales tip: Set up Slack notifications for demo views. When a prospect watches your demo and reaches the final step, that is a strong engagement signal. Follow up while the demo is fresh in their mind.

💡 Try It: Share and Track

Share your demo via link with a colleague or friend. Ask them to click through it. Then check the analytics dashboard. What can you learn from their viewing behavior?

Analytics reveal not just whether people view your demo, but how they interact with it. Drop-off points tell you where the demo loses interest or where steps need improvement.

Ready to Go Deeper?

Live instructor-led courses from our partners. Affiliate disclosure.