Skip to content
Supademo Academy
Start free

Overview: Your path, your roles, and every course, playbook, and workflow on one page.

Workflows: Recipes for AI Command, Claude, and AI demo agents, each with a video and the steps in order.

Playbooks: One use case from first recording to results, in a few short video steps.

Courses: Short video lessons in order, from recording a demo to managing your workspace.

Live training: A free 30-minute session with the Supademo team, for up to five people.

Docs: Every setting and feature, searchable.

More resources: Support, FAQs, integrations, API docs, and example demos.

Create Your Demo: Learn the fundamentals of recording high-quality interactive demos with Supademo.

Edit & Personalize: Master the editing tools to polish your demos, add personalization, voiceovers, translations, and custom branding.

Share: Learn all the ways to distribute and share your demos with your audience.

Measure & Improve: Track engagement analytics and optimize your demos for better results.

Workspace Foundations: Learn workspace management, themes, integrations, and enterprise admin features.

Next lesson

Embed

Integrate interactive content into your website, help docs, or application.

4 minLesson 2 of 5
Lessons in Share2 of 5
  1. 1Share Link5 min
  2. 2Embed4 min
  3. 3Exports3 min
  4. 4Multi-Demo Sharing5 min
  5. 5Sharing Settings5 min

What you will learn

  • Generate embed codes for any platform
  • Configure responsive sizing options
  • Customize embed appearance
  • Integrate with popular tools and CMS

Try it yourself

Click through the features from this lesson.

Prefer to read? Expand to read the lesson

The Embeds Section

The second section of the Share page is called Embeds.

Embeds let Supademos live directly inside other tools, instead of being opened as standalone links. This is useful when you want a demo to appear exactly where someone is already working, reading, or getting stuck.

There are two embed types: inline embeds and pop-up embeds. Each one is used in a different situation.

Inline Embeds

Inline embeds place a Supademo or showcase directly inside a page using an iframe.

For the most part, anywhere iframes are supported, Supademos can be embedded.

Inline embeds are most commonly used in documentation and knowledge bases, where the demo should appear as part of the content itself. Instead of linking out to a separate page, the walkthrough lives alongside the written explanation.

Pop-up Embeds

Pop-up embeds work differently.

Instead of being embedded directly into a page, the demo opens as a pop-up overlay when a viewer clicks a specific trigger, such as a button, link, or icon inside an app or interface.

Pop-up embeds are ideal for in-app guidance. They're often used for onboarding, feature education, or contextual help tied to a specific workflow. A user can open the demo, watch or interact with it, then close it and immediately continue what they were doing.

They're also commonly used in training and support scenarios, where help needs to appear right at the moment it's needed, without pulling the user out of their current environment.

In product marketing and expansion use cases, pop-up embeds can be used to explain features that aren't enabled yet. Clicking a locked or premium feature can trigger a demo that shows how it works, helping users understand the value before upgrading.

Bringing Demos Closer to Users

Both embed types make it possible to bring Supademos closer to where users already are — whether that's inside documentation, internal tools, or directly within the product itself.

Next, we'll look at exports and downloads, and when it makes sense to share Supademos outside the browser entirely.