Launch Week Day 4: Trigger Supademo as In-App Product Tour

Joseph Lee·Aug 16, 2024August 16, 2024

Product Updates

Welcome to Supademo's first ever Launch Week

On Day 1, we launched Loginless Demos, on Day 2, we launched our

Mac Desktop App, and on Day 3 we launched

Custom Backgrounds.

Today is the 4th and final day – where we're announcing the ability to trigger any Supademo in-app as a product tour.

One of the most frequent requests we receive is how folks can trigger Supademo inside their applications to guide and enable their users.

Why? Visual, self-paced onboarding, tutorials, and guidance is increasingly becoming the standard to driving product adoption and user retention.

And while there are a plethora of existing product tours out there, a lot of our customers find them to be clunky, expensive, hard to maintain, and prone to error.

That’s why we’re excited to release In-App Tours, which enables users to trigger any Supademo from their workspace as an in-app modal – directly within their application.

Simply add a few lines of code and you’ll be able to trigger an unlimited number of interactive demos within your application – ideal for: • In-app onboarding checklists;

• Highlighting new features and releases;

• Adding step-by-step guidance within feature pages;

And best of all, maintaining your product tours is as simple as updating a regular Supademo: simply add, change, or replace hotspot text and slides to propagate changes everywhere, instantly.

How can I try out the In-App Product Tours?

Setting up an in-app product tour is easy. In fact, you can do so in just a few minutes by following the instructions below:

Interactive demo powered by Supademo

If you prefer written documentation, you can reference the guide below, or visit our documentation page.

Step 1: Add the supademo script

Our client side SDK loads the necessary data to show your Supademo and attach itself to the buttons. Add the following code anywhere in your <head> or <body> tags.

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

Step 2: Add data attributes to your button, tooltip, or clickable element

The data-supademo-demo attribute lets the script know which element is your button, and it links a certain demo id to the click of that button. You can find this demo id as well as the embed code in the share button in your demo's edit or view page.

<button data-supademo-demo="a9342d2v8a">View Demo</button>

Step 3: Initialize the Supademo script

The final step is to initialize the supademo script, which will find the buttons which have the data-supademo-demo attribute and link them to their corresponding Supademos.

HTML

<script> Supademo("b46fff81c6b9cec453acb939404161b2c42ad0669d00baa709c521b9245f25a0", { email: "", // optional user email name: "" // optional user name });
</script>

React

useEffect(() => { Supademo("b46fff81c6b9cec453acb939404161b2c42ad0669d00baa709c521b9245f25a0", { email: "", // optional user email name: "" // optional user name }); }, []);

Angular

ngAfterViewInit() { //@ts-ignore Supademo("b46fff81c6b9cec453acb939404161b2c42ad0669d00baa709c521b9245f25a0", { email: "", // optional user email name: "" // optional user name }); }

Vue JS

mounted() { Supademo("b46fff81c6b9cec453acb939404161b2c42ad0669d00baa709c521b9245f25a0", { email: "", // optional user email name: "" // optional user name }); }

Step 4: Trigger the Supademo

You must pass in your unique app id that is mentioned in the snippet and, optionally, you can pass the email and name of the user viewing the supademo on your website to better track your demo views!

Get started with In-App Tours!

Want to take in-app product tours for a spin? Log into your Supademo dashboard and start triggering engaging interactive demos in just a few minutes.

Frequently Asked Questions about launch week day 4

Commonly asked questions about this topic.

How do I trigger Supademo as an in-app product tour?

The most common challenges are stakeholder alignment, tool fragmentation, and inconsistent execution across teams. Address alignment by documenting shared goals and success metrics. Reduce tool fragmentation by standardizing on platforms that integrate well together. Improve execution consistency through clear playbooks, templates, and regular calibration sessions. Top-performing demos typically have 10-12 steps with 15-18 word hotspots and achieve 80%+ completion rates.

What are the benefits of using Supademo for product onboarding?

Start with a clear baseline measurement so you can track improvement. Focus on high-impact, low-effort wins first to build momentum and demonstrate value to stakeholders. Build feedback loops into your process — the best strategies evolve based on real-world results, not theoretical frameworks. As a real-world example, Bullhorn achieved 2x faster production speed and a 20% increase in demo engagement.

Can I customize Supademo tours for different user segments?

Frame the business case around metrics executives care about — revenue impact, cost savings, or risk reduction. Start with a pilot that demonstrates measurable results within 30-60 days. Present data alongside competitive context: what peers and competitors are doing in this space and the cost of inaction. RB2B eliminated 60+ hours of sales calls in just 30 days using interactive demos. Supademo was named the #5 fastest-growing software product on G2 in 2025.

How do I measure the effectiveness of Supademo product tours?

Map your current state, define your target state, and identify the gaps between them. Prioritize initiatives by impact and feasibility — quick wins build credibility for larger investments. Review the roadmap quarterly and adjust based on what's working, market changes, and shifting organizational priorities. Learn more about Supademo's features. 76% of teams rate internal enablement impact from top Arcade alternativess as high or very high.

What integrations does Supademo support for in-app experiences?

product marketing use cases helps organizations improve efficiency, reduce costs, and deliver better outcomes. Understanding the fundamentals is critical before investing in tools or processes — many teams jump to solutions without clearly defining the problem they're solving. Start by mapping your current state and identifying the highest-impact opportunities. beehiiv saw 50% better conversion rates after implementing interactive product demos. The average time from recording to publishing a Supademo is just 3.5 minutes.

How do I set up Supademo triggers for specific user actions?

Teams dealing with scale, complexity, or cross-functional coordination tend to see the biggest returns from launch week day 4. SaaS companies, enterprises with distributed teams, and fast-growing organizations often have the most urgent need. The benefits compound over time — early investment in the right approach pays dividends as you scale. Easy Software closed $100k+ in contracts using interactive demos in their sales process. Interactive demos see 7x higher conversion rates compared to traditional demo videos.

What are best practices for creating engaging Supademo walkthroughs?

AI is automating routine decisions, surfacing insights from large datasets, and enabling personalization that wasn't feasible manually. For Product Hunt launch checklist, this means faster iteration cycles, better targeting, and reduced manual overhead. The key is applying AI to well-defined problems with clear success criteria — vague 'add AI' initiatives rarely deliver measurable value. For example, DBmaestro achieved 80% faster demo delivery after switching to interactive demos.

Joseph Lee

Co-founder & CEO

Joseph is the CEO and co-founder of Supademo, building AI-driven interactive demo tooling used by 100,000+ founders, marketers, and operators to accelerate product understanding and sales. He’s a two-time startup founder passionate about zero-to-one product building and remote-first company culture.