Popup Embed

Add an interactive button or link to your website that opens your Supademo or Showcase in a popup overlay.

Add this script tag inside the <head> or <body> tags of your website:

<script src="https://script.supademo.com/supademo.js"></script>

Create a button that calls the Supademo.open() function when clicked:

<button onclick="Supademo.open('YOUR_DEMO_ID')">
  Take a tour
</button>

That's it! When clicked, your Supademo will open in a popup overlay.

To open a Showcase instead of a Demo, pass the type option:

<button onclick="Supademo.open('YOUR_SHOWCASE_ID', { type: 'showcase' })">
  Take a tour
</button>

Your ID can be found in the URL when viewing your Demo or Showcase:

For React, Vue, Angular, or Svelte applications, call Supademo.open() from your click handler after the SDK script has loaded.

Last updated 7 months ago

Was this helpful?