State of the Interactive Product Demo 2024

View the Report

Why did we make this report?

About this report:

Over the past three years, there has been increased growth and interest in interactive demo space. In particular around interactive demo best practices and benchmarks.

This is our second year running this report, to answer the most common questions we heard from customers and prospects over the last year.

With more than 18,000 interactive demos built on our platform (a 6x increase from last year) - we looked at the top 1% to understand what top-performing interactive demos had in common.

In this report we review:

Data overview:

  • Almost all of the companies analyzed were SaaS (software as a service) companies.
  • A majority of the data points are for the top 1% of our customer interactive demos
  • Top 1% and 25% were determined by our customer interactive demos with the highest traffic and click-through rates.
  • Data collection was a combination of customer data analysis and manually reviewing customer interactive demos.
  • We used our internal data to calculate engagement, completion, and click-through rates.
  • We manually reviewed interactive demos in the top 1% for data points such as use case, content, and promotion.

What are interactive demo benchmarks?

Below is a high-level overview of some of the most requested benchmark metrics around interactive demos. A breakdown of each of these stats for different demo use cases can be found below.

Metric definitions:

  • Engagement rate: Total number of sessions with a completed step one / total number of sessions
  • Completion rate: Total number of completed demo sessions / total number of started demo sessions
  • Click-through rate: Total number of CTA clicks to an external link / total number of demo sessions
  • Demo length: Average time a user spends on a demo

Top 1% of interactive demo metrics

Metrics for the top 1% of our customer interactive demos were determined by traffic and click-through rate.

Top 1% Interactive Demo Metrics

Top 25% of interactive demo metrics

Metrics for the top 25% of our customer interactive demos were determined by traffic and click-through rate.

Top 25% Interactive Demo Metrics

How are top interactive demos different?

As seen above, the top 1% of interactive demos have a 1.4x higher engagement rate and a 3.9x click-through rate than the top 25% of interactive demos.

Throughout this report, we’ll go over what the top 1% of interactive demos do differently in demo setup and promotion. Some highlights include:

Content: Tells a concise, inviting, and personalized story vs general features

  • Concise: ~ 15 steps and each dialog box is around 25 - 30 words
  • Inviting: Uses words like “easy”, “simple”, “love”
  • Personal: Uses words like “you”, “welcome”, “custom”

CTAs: Includes multiple internal CTAs to "Book a Demo", "Free Trial", or "Additional Tours"

Forms: 73% of the top interactive demos were ungated

Promotion: 81% link to a full-screen demo via a “Take a Tour” CTA on the website. 84% of CTAs are above the fold or in the navbar

Who uses interactive demos?

For our top-performing interactive demos, we analyzed what demographic information they have in common, such as company size, industry, and if they are PLG or Sales Led. If you're looking for demo examples, check out our interactive demo showcase.

What are the demographics of these companies?

What is the company size distribution?
A majority of companies were within the 11 - 50 employee range (33.7%), followed closely by the 51 - 250 range (30.8%).
Top 1% Company Employee Range Distribution
What are the most common industries?
A majority of companies specialized in SaaS for fintech, security, or HR tech. Following that was enablement software for sales, marketing, and customer success.
Top 1% Company Industry Distribution
What is PLG vs Sales Led distribution?
There was essentially an even split between the top-performing demos having a product-led or sales-led GTM motion.
Top 1% PLG vs Sales Led GTM motion

Why should I use interactive demos?

Before diving into how to make your demo successful, we wanted to answer why you should consider using one in the first place.

If you're not already using interactive product demo software, below are stats on how widely used interactive demos are and how they compare to other marketing channels like videos or ads.

How popular are interactive demos today?

Demo popularity was measured by a sample size of ~5000 B2B SaaS websites to see how many included an interactive demo and overall adoption from our customers.

What are the most common B2B SaaS website CTAs?
Demos have increased in popularity by almost 90% since 2022. Out of ~5000 B2B SaaS websites analyzed, 9.26% used some version of a “Product Tour” CTA.
Comparing B2B SaaS website CTAs from last year to this year
What is the average number of demos for Navattic customers?
The average number of demos built by Navattic customers was 2x compared to 2022 (9 compared to 20). This breakdown shows average demos by company plan size.
Breakdown of average number of demos built by company plan type

How do interactive demos compare to videos?

We often get asked about the advantages of an interactive demo vs a video. For this section, we compared the average click-through rates of interactive demos to videos.

 How do interactive demos compare to videos graphic?
Video Source: Vidyard

How do interactive demos CTR compare to other B2B channels?

We evaluated how typical interactive demo CTA CTR within an interactive demo compares to other B2B marketing channels such as email or paid ads.

What is the average CTR to a "Book a Demo" or "Free Trial" CTA?
We looked at different CTAs within an interactive demo such as “Free Trial” or “Book a Demo”. The highest CTR was “Additional Tours”.
Breakdown of the conversion rates of CTAs within an interactive demo
How does that compare to other B2B channels?
On average, the range for B2B marketing channels CTR is 0.7% - 3.7%. Interactive demos CTR range is 8.18% - 32.25%.
Breakdown of common B2B marketing channel conversion rates

How can I use interactive demos?

While the website use case is our most common use case, this year we noticed an increase in customers using interactive demos across their GTM funnel - in marketing, within their product or help guides, and in their sales cycle.

Use case breakdown for top 1% of interactive demos

Below we look at those three categories and the most popular use cases for marketing, product, and sales.

Interactive demos for the marketing use case

What are the most common marketing use cases?
The most common use case for marketing teams is to embed on a website (86.2%), followed by including a demo in a feature launch (7.8%).
Breakdown of most common use cases for marketing interactive demos
What are average stats for marketing use cases?
The feature launch use case had the highest engagement rate, while landing pages had the highest completion rate.
Breakdown of most common marketing use cases stats
What is the average set up for marketing use cases?
Website demos had the highest number of CTAs on average, while landing pages had the most text.
Breakdown of the set up for most common marketing use cases.

Interactive demos for the in-product or training use case

What are the most common product use cases?
The most common use case for product teams is to embed in a help center (40.0%), followed closely by linking out or embedding the demo in the product (37.8%).
Breakdown of most common use cases for product interactive demos
What are average stats for product use cases?
In product and onboarding have the highest click-through rates, while help centers had the highest engagement rate.
Breakdown of most common product use cases stats
What is the average set up for product use cases?
Training demos had the most amount of text per dialogue box, while onboarding had the most amount of steps.
Breakdown of the set up for most common product use cases.

Interactive demos for the sales use case

What are the most common sales use cases?
The most common use case for sales teams is for sales enablement (71.4%), followed evenly by conference and sales led demos (14.3%)
Breakdown of most common use cases for sales interactive demos
What are average stats for sales use cases?
Conferences had the highest completion rates, while sales led demos had the highest engagement rates.
Breakdown of most common sales use cases stats
What is the average set up for sales use cases?
Sales enablement had the most amount of steps, while conferences had the most amount of text.
Breakdown of the set up for most common sales use cases.

Demo Use Case Tips:

  • The average Navattic customer creates 20 demos. Try experimenting with different use cases after you’ve nailed down your first use case.
  • Tailor the step length and type of steps depending on what type of demo you are building. For example, an onboarding demo is on average 4 steps longer than a landing page demo.

How do I build successful interactive demos?

While the demo structure and content depends on the use case, by looking at the top 1% of interactive demos we found commonalities between all types of high-performing interactive demos.

Below we look at how top performing approach copy, in-demos CTAs, and gating.

Copy and content of high-performing interactive demos

What is the average step count distribution?
The most frequent step amount range is between 8 to 15 steps. Few demos had above 25 steps.
Average number of steps for demos in the top 1%
What is the most common step count range?
A majority of interactive demos fall within the 10 - 19 step range (51.5%), followed by 0 - 9 steps (28%).
Number of steps breakdown for demos in the top 1%
What is the average dialog box text length (characters)?
A majority of interactive demos have between 100 -199 characters, followed by 0 - 99.
Dialog box text breakdown for demos in the top 1%
Breakdown of what type of copy converts the highest

Click through rates and CTA types for high-performing interactive demos

What CTA within an interactive demo has the highest CTR?
On average, the "Additional Tours" CTA within an interactive demo had the highest click through rate (35.18%), followed by "Learn More" (34.42%).
Average stats for different CTAs within a demo for the top 1% of demos
How many CTAs should I include?
On average demos had 1.6 CTAs within the demo. CTAs are most often placed at Step 11 and Step 15.
CTA amount breakdown for demos in the top 1%

Gating vs ungating for high-performing interactive demos

Gatings vs Ungating graphic
Where should I place my form gate?
The most frequent form range is between step 0 (at the beginning) and step 5. However, forms were placed anywhere between step 0 and step 20.
Breakdown of most common step for form gates for the top 1% of demos
How do forms at the beginning compare to forms later in the demo?
Forms placed later in the demo had a 5% increase in completion rate and 15% increase in engagement rate.
Breakdown of forms in Step 0 vs Step 5 for the top 1% of demos
How do forms effect interactive demo performance?
Ungated demos had about on average 12% higher completion and 5% higher engagement rates.
Breakdown of average stats for gated vs ungated demos for the top 1% of demos

Demo building tips:

  • Keep demos to about 15 steps and aim for about 30 words per step.
  • Consider ungating your demo for higher completion, engagement and CTR rates. Instead of gating upfront, add a form later in the demo and/or multiple CTAs through your demo.

How can I promote my interactive demo?

Considering the most popular use case is for website interactive demos, this section looks at successful website deployment.

Below we look at how top-performing approach distribution methods, CTA copy, and demo placement.

Website CTAs vs embed of high-performing interactive demo

How should I embed my interactive demo?
The majority of demos are full-screen embeds which means they cover the entire width of your computer screen, vs being partially embedded on a website page.
Breakdown embed types for the top 1% of demos
What are interactive demo CTA CTR rates?
We looked at different website CTAs to an interactive demo like “Take a Tour” or “Start the Demo". The highest CTR was “Start the Demo” followed by "Try Demo".
Breakdown of the conversion rates of different interactive demo CTAs

Landing page placement of high-performing interactive demo

Where on the website are top demos placed?
The most common deployed was a separate landing page linked out via a CTA. Demo Libraries (multiple demos on a single page) increased by 2.7x compared to 2023.
Breakdown of website demo placement for the top 1% of demos

Below is a breakdown of where interactive demos are most frequently placed, both if they are linked out via a CTA or if they are embedded on a landing page.

CTA vs Embed Location Graphic

Demo promoting tips:

  • For the highest engagement place your interactive demo CTA above the fold or in the navbar.
  • If you have a more complex product or sell to a wide variety of buyers, consider a demo library. Demos libraries let you show off all your functionality at once for different use cases, product lines, or personas.

What are the key takeaways?

Use Cases:

Interactive demos are being used for a wider variety of use cases and by a larger audience. The average number of demos built by Navattic customers was 2x compared to 2023's report (20 per customer compared to 9 per customer). Demos usage on websites has increased in popularity by almost 90% since 2022, for both PLG and Sales Led companies.

New common use cases included interactive demos for feature launches, interactive demos embedded within a product, and sales enablement.

Content:

The highest-performing interactive demos are concise, inviting, and personalized. Try to tell a story that explains why this product will be valuable to your audience, instead of what your product does.

To tell more personalized interactive demos by persona or use case, consider a demo library. Demo libraries increased in popularity by 2.7x compared to 2023.

Promotion:

Ungated interactive demo CTAs such as “Take a Tour” or “Start Demo” are the most popular ways to deploy interactive demos. Top-performing interactive demos had these CTAs placed in a prominent spot on the website, such as above the fold or a navbar.

If you do need to gate your demo, consider gating it after step 5 to increase engagement and completion rates.

State of the Interactive Product Demo 2024

Thank you for reading!