CINXE.COM
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><script src="https://app.joincharm.com/setup.js?id=eFZwWQCDhteRMnG_Nq5lA" async="" data-next-head=""></script><title data-next-head="">State of the Interactive Product Demo 2024</title><link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon.png" data-next-head=""/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" data-next-head=""/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" data-next-head=""/><link rel="manifest" href="/favicon/site.webmanifest" data-next-head=""/><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" data-next-head=""/><meta name="msapplication-TileColor" content="#00aba9" data-next-head=""/><meta name="theme-color" content="#ffffff" data-next-head=""/><meta name="description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta name="image" content="https://www.navattic.com/api/og?title=State%20of%20the%20Interactive%20Product%20Demo%202024&type=Report" data-next-head=""/><script id="schema-org" type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"Organization","name":"Navattic","url":"https://www.navattic.com","logo":"https://www.navattic.com/img/icon.png"}</script><script id="schema-org-webpage" type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"WebPage","url":"https://www.navattic.com","inLanguage":"en","mainEntityOfPage":"https://www.navattic.com","description":"Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns.","name":"Interactive Product Demo Software That Delights","author":{"@type":"Organization","name":"Navattic"},"copyrightHolder":{"@type":"Organization","name":"Navattic"},"copyrightYear":2024,"creator":{"@type":"Organization","name":"Navattic"},"publisher":{"@type":"Organization","name":"Navattic"},"datePublished":"2019-01-18T10:30:00+01:00","image":{"@type":"ImageObject","url":"https://www.navattic.com/api/og?title=State%20of%20the%20Interactive%20Product%20Demo%202024&type=Report"}}</script><meta property="og:url" content="https://www.navattic.com/report/state-of-the-interactive-product-demo-2024" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:title" content="State of the Interactive Product Demo 2024" data-next-head=""/><meta property="og:description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta property="og:image" content="https://www.navattic.com/api/og?title=State%20of%20the%20Interactive%20Product%20Demo%202024&type=Report" data-next-head=""/><meta property="og:site_name" content="Navattic" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:creator" content="navattic" data-next-head=""/><meta name="twitter:title" content="State of the Interactive Product Demo 2024" data-next-head=""/><meta name="twitter:description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta name="twitter:image" content="https://www.navattic.com/api/og?title=State%20of%20the%20Interactive%20Product%20Demo%202024&type=Report" data-next-head=""/><link rel="preload" href="/_next/static/media/2a1a9af154176195-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/8c356de1ceadefc2-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/8b51fdbf00838903-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/a74be9929f395589-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/fe50c3a9343c48d0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/f9b762b1cc6c9566.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f9b762b1cc6c9566.css" data-n-g=""/><link rel="preload" href="/_next/static/css/88763076391f4a21.css" as="style"/><link rel="stylesheet" href="/_next/static/css/88763076391f4a21.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-090b4088232e9b77.js" defer=""></script><script src="/_next/static/chunks/framework-5e67a37a0bcc6e4b.js" defer=""></script><script src="/_next/static/chunks/main-b24bcf9f673ce84d.js" defer=""></script><script src="/_next/static/chunks/pages/_app-56bd52f60c54863f.js" defer=""></script><script src="/_next/static/chunks/ad7f724d-855d35c176ee65cc.js" defer=""></script><script src="/_next/static/chunks/4392-52bca9d0af14925e.js" defer=""></script><script src="/_next/static/chunks/806-2f99e725928069a3.js" defer=""></script><script src="/_next/static/chunks/9965-77d98210cf1ad31a.js" defer=""></script><script src="/_next/static/chunks/5496-e03d62b20dd1fff4.js" defer=""></script><script src="/_next/static/chunks/3253-18552d9380ba482e.js" defer=""></script><script src="/_next/static/chunks/1499-4c5b540e0d6b95df.js" defer=""></script><script src="/_next/static/chunks/9364-5f9942b261039e98.js" defer=""></script><script src="/_next/static/chunks/1464-1930cff9bc7414c0.js" defer=""></script><script src="/_next/static/chunks/pages/report/%5Bslug%5D-15a35d8ca43bcada.js" defer=""></script><script src="/_next/static/6xMcT4mna6bO2HRp-eZUW/_buildManifest.js" defer=""></script><script src="/_next/static/6xMcT4mna6bO2HRp-eZUW/_ssgManifest.js" defer=""></script><style id="__jsx-2741586647">html{font-family:'inter', 'inter Fallback'}</style></head><body><div id="__next"><noscript><img height="1" width="1" style="display:none" alt="" src="https://dc.ads.linkedin.com/collect/?pid=6365961&fmt=gif"/></noscript><div class="dark min-h-screen bg-[#FCFCFE]"><header class="dark:border-slate-800 dark:lg:border-transparent lg:border-transparent sticky top-0 z-40 flex border-b w-full justify-center h-[65px] transition-bg ease-in"><nav class="px-6 2xl:px-10 container flex w-full items-center justify-between gap-6"><a class="mr-2 flex min-w-[100px] items-center sm:mr-2 md:mr-4 lg:mr-10 " href="/"><svg height="30px" viewBox="0 0 221 41" fill="currentColor" class="text-royal-light dark:text-white h-[22px] sm:h-[24px] shrink-0"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M68.384 11.293l.148 1.971.03.77.019 1.055h.148c.296-.617.698-1.193 1.207-1.728a8.72 8.72 0 0 1 1.749-1.412A8.67 8.67 0 0 1 73.853 11a8.85 8.85 0 0 1 2.463-.341c1.511 0 2.808.252 3.892.755s1.987 1.176 2.709 2.02 1.256 1.834 1.601 2.969.517 2.353.517 3.651v14.312h-4.631V21.565a15.51 15.51 0 0 0-.222-2.677c-.148-.844-.419-1.59-.813-2.239s-.936-1.168-1.626-1.558-1.576-.584-2.66-.584c-1.839 0-3.342.69-4.508 2.069s-1.749 3.221-1.749 5.525v12.267h-4.631V16.259l-.049-2.385-.148-2.58h4.384zm37.045 8.129c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.316 11.001h-5.025l-9.508-23.074h5.123l6.848 18.157h.099l6.897-18.157h4.926l-9.36 23.074zm26.405-14.944c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.267-8.324h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm13.498 0h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm7.488 19.325h-4.631V11.293h4.631v23.074zm.788-31.398c0 .844-.304 1.541-.911 2.093s-1.338.828-2.192.828-1.576-.284-2.168-.852a2.76 2.76 0 0 1-.887-2.069c0-.844.296-1.55.887-2.118s1.314-.85 2.168-.85 1.585.284 2.192.852a2.78 2.78 0 0 1 .911 2.118zm21.676 14.166c-.493-.746-1.232-1.371-2.217-1.874s-2.036-.755-3.153-.755c-1.215 0-2.291.227-3.227.682s-1.732 1.063-2.389 1.825-1.158 1.647-1.503 2.653a9.69 9.69 0 0 0-.517 3.164 9.69 9.69 0 0 0 .517 3.164c.345 1.006.846 1.89 1.503 2.653s1.461 1.371 2.414 1.825 2.036.682 3.251.682c1.182 0 2.258-.227 3.227-.682s1.765-1.071 2.389-1.85L221 31.398c-.985 1.136-2.217 2.02-3.695 2.653s-3.153.949-5.025.949c-1.806 0-3.473-.292-5-.876s-2.849-1.404-3.966-2.458-1.995-2.328-2.636-3.821-.961-3.164-.961-5.014c0-1.817.312-3.472.936-4.965s1.494-2.775 2.611-3.846 2.438-1.898 3.966-2.483 3.177-.876 4.951-.876c1.642 0 3.276.325 4.902.974s2.915 1.59 3.867 2.823l-3.35 2.677zM14.614 33.38l-.944 1.548a11 11 0 0 1-10.137 5.247l-1.255-.089-2.166-.235c-.078-.111.395-2.16 1.42-6.147 5.227-2.321 9.588-2.43 13.081-.325zm23.478-9.783l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.454-10.624l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.035-9.923c.087.104-.483 2.276-1.711 6.518-4.952 2.735-9.26 3.207-12.924 1.415l1.019-1.906a11 11 0 0 1 8.879-5.782l2.665-.186c1.344-.084 2.035-.104 2.072-.059z"></path></g></g></svg></a><div class="text-sm hidden items-baseline h-full items-center gap-6 lg:flex md:gap-4 lg:gap-4 xl:gap-5"><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:Rd66:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Product<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:Rl66:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Customers<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div><a class="self-center relative rounded-md flex items-center gap-1 px-3.5 py-1.5 font-semibold text-royal-light dark:text-white group:bg-slate-200/50 dark:hover:bg-slate-800" href="/pricing">Pricing</a><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:R1566:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Resources<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:R1d66:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Company<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div></div><div class="text-sm flex items-center "><div class="hidden flex-none items-baseline gap-6 lg:flex"><a href="https://app.navattic.com/auth/login" class="relative flex items-center gap-1 py-1 font-semibold text-royal-light dark:text-white">Sign in<svg height="1rem" width="1rem" class="inline self-center h-3.5 w-3.5"><use href="/icons/sprite.svg#lucide/chevron-right"></use></svg></a> <a class="bg-[rgba(236,232,240,0)] text-[#455cad] flex flex-shrink-0 items-center justify-center rounded-lg border border-[#455cad]/50 dark:border-slate-500 dark:text-white px-4 py-2 font-semibold transition-all ease-in hover:ring-4 active:bg-white lg:px-3" href="https://app.navattic.com/auth/sign-up">Sign up free</a><a class="dark:bg-slate-200/20 bg-white text-[#455cad] flex flex-shrink-0 items-center justify-center rounded-lg border border-[#455cad]/50 dark:border-slate-500 dark:text-white px-4 py-2 font-semibold transition-all ease-in hover:bg-white hover:ring-4 active:bg-white lg:px-3" href="/get-demo">Get a demo</a></div><div class="relative"><button class="border dark:border-slate-700 outline-none ml-3 active:bg-gray=100 cursor-pointer rounded-md p-1 text-royal-light dark:text-white transition-all ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 lg:hidden" id="headlessui-popover-button-:Rn66:" type="button" aria-expanded="false"><svg height="1rem" width="1rem" class="inline self-center h-5 w-5"><use href="/icons/sprite.svg#lucide/menu"></use></svg></button></div></div></nav></header><main class="overflow-x-hidden lg:overflow-x-visible relative -mt-[65px]"><div class="-mt-[66px] pt-[66px] relative bg-gradient-to-r from-royal-dark to-slate-900" style="background:radial-gradient(95% 150% at 13.18% 0%, #1e293b 42.87%, rgb(43 38 119) 86.38%, #1e293bfa 100%)"><div class="opacity-[10%] absolute inset-0 bg-grid [mask-image:linear-gradient(180deg,#fff,rgba(255,255,255,0.1))]"></div><section class="pt-16 pb-32 text-center"><div class="mx-auto px-4 sm:px-6 text-royal-light flex flex-col items-center"><div class="relative"><h1 class="max-w-3xl mt-10 mb-5 sm:leading-tighter font-semibold text-5xl sm:text-7xl text-white tracking-[-0.02em]">State of the Interactive Product Demo 2024</h1><a href="#report"><button class="relative flex bg-white mt-8 mx-auto items-center inline-block justify-center rounded-md border border-gray-300 px-5 py-3 text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary text-sm focus:ring-blue-200">View the Report<span aria-hidden="true" class="rotate-90 bg-gray-300/40 p-[2px] rounded-full ml-2 -mr-1 leading-none flex items-center">→</span></button></a></div></div></section></div><div id="report"><div class="h-full container px-6 relative lg:flex"><aside class="lg:border-r lg:pr-10 hidden lg:block space-y-10 border-t border-zinc-200 pb-8 pt-5 lg:mt-0 lg:w-3/12 lg:border-t-0 "><div class="sticky top-20"><div><div class="w-full border-b pb-4 mb-4 font-semibold text-royal-light text-sm">In this <!-- -->report</div><ol class="grid gap-5"><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-royal-light"><div class="bg-royal-light p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-white rounded-full h-1.5 w-1.5"></div></div><span>Why did we make this report?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>What are interactive demo benchmarks?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>How are top interactive demos different?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>Who uses interactive demos?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>Why should I use interactive demos?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>How can I use interactive demos?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>How do I build successful interactive demos?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>How can I promote my interactive demo?</span></li><li class=" font-medium flex items-center text-xs cursor-pointer leading-snug text-zinc-400"><div class="p-1 flex items-center justify-center rounded-full mr-3"><div class="bg-zinc-300 rounded-full h-1.5 w-1.5"></div></div><span>What are the key takeaways?</span></li></ol></div></div></aside><article class="pt-16 pb-20 lg:pl-20 max-w-4xl"><div class="max-w-5xl mx-auto report-styles_markdown__2Ye7L"><a href="#Why-did-we-make-this-report" class="!no-underline"><div class="anchor" id="Why-did-we-make-this-report"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>Why did we make this report?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><h4><strong>About this report:</strong></h4><p>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.</p><p>This is our second year running this report, to answer the most common questions we heard from customers and prospects over the last year.</p><p>With more than 18,000 interactive demos built on our platform (a 6x increase from last year) - we looked at the <strong>top 1%</strong> to understand what top-performing interactive demos had in common.</p><h4><strong>In this report we review:</strong></h4><ul><li><a href="/report/state-of-the-interactive-product-demo-2024#How-are-top-interactive-demos-different">What makes top interactive demos stand out</a></li><li><a href="/report/state-of-the-interactive-product-demo-2024#Why-should-I-use-interactive-demos">How interactive demos compare to other common marketing channels</a></li><li><a href="/report/state-of-the-interactive-product-demo-2024#How-can-I-use-interactive-demos">What are the most popular use cases for interactive demos</a></li><li><a href="/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos">How to build an engaging interactive demo</a></li><li><a href="/report/state-of-the-interactive-product-demo-2024#How-can-I-promote-my-interactive-demo">What are the most common ways to promote a website interactive demo </a></li></ul><h4><strong>Data overview:</strong></h4><ul><li>Almost all of the companies analyzed were SaaS (software as a service) companies.</li><li>A majority of the data points are for the top 1% of our customer interactive demos</li><li>Top 1% and 25% were determined by our customer interactive demos with the highest traffic and click-through rates.</li><li>Data collection was a combination of customer data analysis and manually reviewing customer interactive demos. </li><li>We used our internal data to calculate engagement, completion, and click-through rates.</li><li>We manually reviewed interactive demos in the top 1% for data points such as use case, content, and promotion.</li></ul><a href="#What-are-interactive-demo-benchmarks" class="!no-underline"><div class="anchor" id="What-are-interactive-demo-benchmarks"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>What are interactive demo benchmarks?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><p>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.</p><p>Metric definitions: </p><ul><li>Engagement rate: Total number of sessions with a completed step one / total number of sessions </li><li>Completion rate: Total number of completed demo sessions / total number of started demo sessions</li><li>Click-through rate: Total number of CTA clicks to an external link / total number of demo sessions</li><li>Demo length: Average time a user spends on a demo </li></ul><h3>Top 1% of interactive demo metrics</h3><p>Metrics for the top 1% of our customer interactive demos were determined by traffic and click-through rate. </p><div class="flex flex-col items-center mt-14 mb-10"><img alt="Top 1% Interactive Demo Metrics" loading="lazy" width="2000" height="833" decoding="async" data-nimg="1" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/be68b8fb5e6ba9333f0006a17577e09ddba81118-2400x1000.png?w=2000&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/be68b8fb5e6ba9333f0006a17577e09ddba81118-2400x1000.png?w=2000&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/be68b8fb5e6ba9333f0006a17577e09ddba81118-2400x1000.png?w=2000&auto=format"/></div><h3>Top 25% of interactive demo metrics</h3><p>Metrics for the top 25% of our customer interactive demos were determined by traffic and click-through rate. </p><div class="flex flex-col items-center mt-14 mb-10"><img alt="Top 25% Interactive Demo Metrics" loading="lazy" width="2000" height="833" decoding="async" data-nimg="1" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/de37445e084e38e1d9337687ffa87c325132c7a3-2400x1000.png?w=2000&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/de37445e084e38e1d9337687ffa87c325132c7a3-2400x1000.png?w=2000&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/de37445e084e38e1d9337687ffa87c325132c7a3-2400x1000.png?w=2000&auto=format"/></div><a href="#How-are-top-interactive-demos-different" class="!no-underline"><div class="anchor" id="How-are-top-interactive-demos-different"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>How are top interactive demos different?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><p>As seen above, the top 1% of interactive demos have a <strong>1.4x higher engagement rate and a 3.9x click-through rate </strong>than the top 25% of interactive demos. </p><p>Throughout this report, we’ll go over what the top 1% of interactive demos do differently in demo setup and promotion. Some highlights include:</p><p></p><p><strong><a href="/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos">Content:</a> </strong>Tells a concise, inviting, and personalized story vs general features</p><ul><li>Concise: ~ 15 steps and each dialog box is around 25 - 30 words</li><li>Inviting: Uses words like “easy”, “simple”, “love”</li><li>Personal: Uses words like “you”, “welcome”, “custom”</li></ul><p><strong><a href="/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos">CTAs:</a> </strong>Includes multiple internal CTAs to "Book a Demo", "Free Trial", or "Additional Tours"</p><p><strong><a href="/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos">Forms:</a> </strong>73% of the top interactive demos were ungated</p><p><strong><a href="/report/state-of-the-interactive-product-demo-2024#How-can-I-promote-my-interactive-demo">Promotion:</a> </strong>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</p><a href="#Who-uses-interactive-demos" class="!no-underline"><div class="anchor" id="Who-uses-interactive-demos"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>Who uses interactive demos?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><p>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 <a href="/showcase">interactive demo showcase</a>. </p><h3><strong>What are the demographics of these companies?</strong></h3><div id="What-is-the-company-size-distribution" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the company size distribution?</h3><div class="lg:text-lg my-4 text-zinc-800">A majority of companies were within the 11 - 50 employee range (33.7%), followed closely by the 51 - 250 range (30.8%).</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Top 1% Company Employee Range Distribution" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/3a095d551457f979bcb3756b232d725ac31823f7-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/3a095d551457f979bcb3756b232d725ac31823f7-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/3a095d551457f979bcb3756b232d725ac31823f7-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-are-the-most-common-industries" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are the most common industries?</h3><div class="lg:text-lg my-4 text-zinc-800">A majority of companies specialized in SaaS for fintech, security, or HR tech. Following that was enablement software for sales, marketing, and customer success.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Top 1% Company Industry Distribution" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/4b14a947aef01797161436539c2b70fa7f807e5d-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/4b14a947aef01797161436539c2b70fa7f807e5d-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/4b14a947aef01797161436539c2b70fa7f807e5d-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-is-PLG-vs-Sales-Led-distribution" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is PLG vs Sales Led distribution?</h3><div class="lg:text-lg my-4 text-zinc-800">There was essentially an even split between the top-performing demos having a product-led or sales-led GTM motion. </div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Top 1% PLG vs Sales Led GTM motion" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/a2360788b5c07d5ee8cc09c110ba8f7cdbffd3a3-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/a2360788b5c07d5ee8cc09c110ba8f7cdbffd3a3-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/a2360788b5c07d5ee8cc09c110ba8f7cdbffd3a3-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><a href="#Why-should-I-use-interactive-demos" class="!no-underline"><div class="anchor" id="Why-should-I-use-interactive-demos"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>Why should I use interactive demos?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><p>Before diving into how to make your demo successful, we wanted to answer why you should consider using one in the first place. <br/><br/>If you're not already using <a href="/">interactive product demo software</a>, below are stats on how widely used interactive demos are and how they compare to other marketing channels like videos or ads. </p><h3><strong>How popular are interactive demos today?</strong></h3><p>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. </p><div id="What-are-the-most-common-B2B-SaaS-website-CTAs" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are the most common B2B SaaS website CTAs?</h3><div class="lg:text-lg my-4 text-zinc-800">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.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Comparing B2B SaaS website CTAs from last year to this year" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/ec74654187afe173ef180489d5d4d5027b7b4655-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/ec74654187afe173ef180489d5d4d5027b7b4655-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/ec74654187afe173ef180489d5d4d5027b7b4655-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-is-the-average-number-of-demos-for-Navattic-customers" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the average number of demos for Navattic customers?</h3><div class="lg:text-lg my-4 text-zinc-800">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.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of average number of demos built by company plan type" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/0d11a7b9503d16e79dfb36b757a6f506b7ede9b2-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/0d11a7b9503d16e79dfb36b757a6f506b7ede9b2-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/0d11a7b9503d16e79dfb36b757a6f506b7ede9b2-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><h3><strong>How do interactive demos compare to videos?</strong></h3><p>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.</p><div class="flex flex-col items-center mt-14 mb-10"><img alt=" How do interactive demos compare to videos graphic?" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/7cd1f0966b60925ed5b08964de8b83c599bef4fe-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/7cd1f0966b60925ed5b08964de8b83c599bef4fe-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/7cd1f0966b60925ed5b08964de8b83c599bef4fe-1320x1000.png?w=1320&auto=format"/><div class="-mt-4 text-sm text-gray-500 text-center">Video Source: Vidyard</div></div><h3><strong>How do interactive demos CTR compare to other B2B channels?</strong></h3><p>We evaluated how typical interactive demo CTA CTR within an interactive demo compares to other B2B marketing channels such as email or paid ads. </p><div id="What-is-the-average-CTR-to-a-"Book-a-Demo"-or-"Free-Trial"-CTA" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the average CTR to a "Book a Demo" or "Free Trial" CTA?</h3><div class="lg:text-lg my-4 text-zinc-800">We looked at different CTAs within an interactive demo such as “Free Trial” or “Book a Demo”. The highest CTR was “Additional Tours”.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of the conversion rates of CTAs within an interactive demo" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/3c51757114179a1ec558fac73e3994008fe0e5c9-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/3c51757114179a1ec558fac73e3994008fe0e5c9-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/3c51757114179a1ec558fac73e3994008fe0e5c9-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="How-does-that-compare-to-other-B2B-channels" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">How does that compare to other B2B channels?</h3><div class="lg:text-lg my-4 text-zinc-800">On average, the range for B2B marketing channels CTR is 0.7% - 3.7%. Interactive demos CTR range is 8.18% - 32.25%.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of common B2B marketing channel conversion rates" loading="lazy" width="1320" height="846" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/ea9dc8ec805ed08aa83ee5562b12da69fccdfbe8-1320x846.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/ea9dc8ec805ed08aa83ee5562b12da69fccdfbe8-1320x846.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/ea9dc8ec805ed08aa83ee5562b12da69fccdfbe8-1320x846.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><a href="#How-can-I-use-interactive-demos" class="!no-underline"><div class="anchor" id="How-can-I-use-interactive-demos"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>How can I use interactive demos?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><p>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. </p><div class="flex flex-col items-center mt-14 mb-10"><img alt="Use case breakdown for top 1% of interactive demos" loading="lazy" width="2000" height="833" decoding="async" data-nimg="1" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/8e492ad30e12c82e472e4b8b38fcae1763272d77-2400x1000.png?w=2000&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/8e492ad30e12c82e472e4b8b38fcae1763272d77-2400x1000.png?w=2000&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/8e492ad30e12c82e472e4b8b38fcae1763272d77-2400x1000.png?w=2000&auto=format"/></div><p>Below we look at those three categories and the most popular use cases for marketing, product, and sales.</p><h3><strong>Interactive demos for the marketing use case</strong></h3><div id="What-are-the-most-common-marketing-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are the most common marketing use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">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%).</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of most common use cases for marketing interactive demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/13a24656ce560293af89b2a912b4e71acab1e2aa-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/13a24656ce560293af89b2a912b4e71acab1e2aa-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/13a24656ce560293af89b2a912b4e71acab1e2aa-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-are-average-stats-for-marketing-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are average stats for marketing use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">The feature launch use case had the highest engagement rate, while landing pages had the highest completion rate.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of most common marketing use cases stats" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/271bc803c2fe18f3dfd1f5e5c835c85173c97c6e-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/271bc803c2fe18f3dfd1f5e5c835c85173c97c6e-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/271bc803c2fe18f3dfd1f5e5c835c85173c97c6e-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-is-the-average-set-up-for-marketing-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the average set up for marketing use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">Website demos had the highest number of CTAs on average, while landing pages had the most text. </div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of the set up for most common marketing use cases." loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/f2637396b02d88d0b6d16691d6531550830cd08a-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/f2637396b02d88d0b6d16691d6531550830cd08a-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/f2637396b02d88d0b6d16691d6531550830cd08a-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><h3><strong>Interactive demos for the in-product or training use case</strong></h3><div id="What-are-the-most-common-product-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are the most common product use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">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%).</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of most common use cases for product interactive demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/d17ec0cfc1b01c26fee4e455933224b01649b2a7-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/d17ec0cfc1b01c26fee4e455933224b01649b2a7-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/d17ec0cfc1b01c26fee4e455933224b01649b2a7-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-are-average-stats-for-product-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are average stats for product use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">In product and onboarding have the highest click-through rates, while help centers had the highest engagement rate.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of most common product use cases stats" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/e01371c00a1c76704671b9e9b30ba85844b9d88c-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/e01371c00a1c76704671b9e9b30ba85844b9d88c-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/e01371c00a1c76704671b9e9b30ba85844b9d88c-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-is-the-average-set-up-for-product-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the average set up for product use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">Training demos had the most amount of text per dialogue box, while onboarding had the most amount of steps.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of the set up for most common product use cases." loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/d32048b376dab12ed3f84cb7bd38630b3793c4b7-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/d32048b376dab12ed3f84cb7bd38630b3793c4b7-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/d32048b376dab12ed3f84cb7bd38630b3793c4b7-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><h3><strong>Interactive demos for the sales use case</strong></h3><div id="What-are-the-most-common-sales-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are the most common sales use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">The most common use case for sales teams is for sales enablement (71.4%), followed evenly by conference and sales led demos (14.3%)</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of most common use cases for sales interactive demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/163a8275fda40995760950bdd9f2115ebae9c1fd-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/163a8275fda40995760950bdd9f2115ebae9c1fd-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/163a8275fda40995760950bdd9f2115ebae9c1fd-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-are-average-stats-for-sales-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are average stats for sales use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">Conferences had the highest completion rates, while sales led demos had the highest engagement rates. </div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of most common sales use cases stats" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/5034dfdb8de6a614be602e48881f55f7ca91e818-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/5034dfdb8de6a614be602e48881f55f7ca91e818-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/5034dfdb8de6a614be602e48881f55f7ca91e818-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-is-the-average-set-up-for-sales-use-cases" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the average set up for sales use cases?</h3><div class="lg:text-lg my-4 text-zinc-800">Sales enablement had the most amount of steps, while conferences had the most amount of text. </div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of the set up for most common sales use cases." loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/a0cef178930e01116b0a8ff5a54e22539ef0737a-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/a0cef178930e01116b0a8ff5a54e22539ef0737a-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/a0cef178930e01116b0a8ff5a54e22539ef0737a-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div class="mt-20 px-8 py-4 rounded-xl relative text-white border shadow-md text-sm bg-gradient-to-r from-slate-700 to-slate-600"><div class="opacity-[8%] absolute inset-0 bg-grid [mask-image:linear-gradient(180deg,#fff,rgba(255,255,255,0.1))]"></div><div class="relative callout-styles_markdown__DQZ8X"><p></p><p>Demo Use Case Tips:</p><ul><li>The average Navattic customer creates 20 demos. Try experimenting with different use cases after you’ve nailed down your first use case. </li><li>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.</li></ul></div></div><a href="#How-do-I-build-successful-interactive-demos" class="!no-underline"><div class="anchor" id="How-do-I-build-successful-interactive-demos"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>How do I build successful interactive demos?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><p>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.</p><p>Below we look at how top performing approach copy, in-demos CTAs, and gating.</p><h3><strong>Copy and content of high-performing </strong>interactive <strong>demos</strong></h3><div id="What-is-the-average-step-count-distribution" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the average step count distribution?</h3><div class="lg:text-lg my-4 text-zinc-800">The most frequent step amount range is between 8 to 15 steps. Few demos had above 25 steps. </div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Average number of steps for demos in the top 1%" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/325f03bb2f39323b4f444ee398f4d8a35b610520-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/325f03bb2f39323b4f444ee398f4d8a35b610520-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/325f03bb2f39323b4f444ee398f4d8a35b610520-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-is-the-most-common-step-count-range" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the most common step count range?</h3><div class="lg:text-lg my-4 text-zinc-800">A majority of interactive demos fall within the 10 - 19 step range (51.5%), followed by 0 - 9 steps (28%).</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Number of steps breakdown for demos in the top 1%" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/bd0ef9cf1b9898118a47023635e4d18603b4bf36-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/bd0ef9cf1b9898118a47023635e4d18603b4bf36-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/bd0ef9cf1b9898118a47023635e4d18603b4bf36-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-is-the-average-dialog-box-text-length-(characters)" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the average dialog box text length (characters)?</h3><div class="lg:text-lg my-4 text-zinc-800">A majority of interactive demos have between 100 -199 characters, followed by 0 - 99. </div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Dialog box text breakdown for demos in the top 1%" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/2235b9c3abe54228a62a27a26ab61eb1a1ba9fc0-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/2235b9c3abe54228a62a27a26ab61eb1a1ba9fc0-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/2235b9c3abe54228a62a27a26ab61eb1a1ba9fc0-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div class="flex flex-col items-center mt-14 mb-10"><img alt="Breakdown of what type of copy converts the highest" loading="lazy" width="1200" height="1284" decoding="async" data-nimg="1" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/5496ed13a8d269e3f77db35d84a3fc86a79280e6-1200x1284.png?w=1200&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/5496ed13a8d269e3f77db35d84a3fc86a79280e6-1200x1284.png?w=1200&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/5496ed13a8d269e3f77db35d84a3fc86a79280e6-1200x1284.png?w=1200&auto=format"/></div><h3><strong>Click through rates and CTA types for high-performing interactive demos</strong></h3><div id="What-is-the-most-popular-CTA-within-an-interactive-demo" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What is the most popular CTA within an interactive demo?</h3><div class="lg:text-lg my-4 text-zinc-800">The most popular CTA variations within an interactive demo are: "Book a Demo" (28.7%), "Free Trial" (20.4%), and "Additional Tours" (14.8%).</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of different CTAs within a demo for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/5b2e6c48150f6fab05c87a6f43de3c954391f5ea-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/5b2e6c48150f6fab05c87a6f43de3c954391f5ea-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/5b2e6c48150f6fab05c87a6f43de3c954391f5ea-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-CTA-within-an-interactive-demo-has-the-highest-CTR" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What CTA within an interactive demo has the highest CTR? </h3><div class="lg:text-lg my-4 text-zinc-800">On average, the "Additional Tours" CTA within an interactive demo had the highest click through rate (35.18%), followed by "Learn More" (34.42%).</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Average stats for different CTAs within a demo for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/cbd198cd5f87095f28e21e5753744290fc291e3c-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/cbd198cd5f87095f28e21e5753744290fc291e3c-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/cbd198cd5f87095f28e21e5753744290fc291e3c-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="How-many-CTAs-should-I-include" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">How many CTAs should I include?</h3><div class="lg:text-lg my-4 text-zinc-800">On average demos had 1.6 CTAs within the demo. CTAs are most often placed at Step 11 and Step 15.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="CTA amount breakdown for demos in the top 1%" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/48a4901b83f6e1f6ee499196efd59208a59fd300-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/48a4901b83f6e1f6ee499196efd59208a59fd300-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/48a4901b83f6e1f6ee499196efd59208a59fd300-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><h3><strong>Gating vs ungating for high-performing interactive demos</strong></h3><div class="flex flex-col items-center mt-14 mb-10"><img alt="Gatings vs Ungating graphic" loading="lazy" width="2000" height="833" decoding="async" data-nimg="1" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/21bae9b90669384ceb06b3f5e7ada5472e93f45d-2400x1000.png?w=2000&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/21bae9b90669384ceb06b3f5e7ada5472e93f45d-2400x1000.png?w=2000&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/21bae9b90669384ceb06b3f5e7ada5472e93f45d-2400x1000.png?w=2000&auto=format"/></div><div id="Where-should-I-place-my-form-gate" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">Where should I place my form gate?</h3><div class="lg:text-lg my-4 text-zinc-800">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.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of most common step for form gates for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/ed2af8bf10cb57c8f4c8019a48cf9f0e716bd014-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/ed2af8bf10cb57c8f4c8019a48cf9f0e716bd014-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/ed2af8bf10cb57c8f4c8019a48cf9f0e716bd014-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="How-do-forms-at-the-beginning-compare-to-forms-later-in-the-demo" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">How do forms at the beginning compare to forms later in the demo?</h3><div class="lg:text-lg my-4 text-zinc-800">Forms placed later in the demo had a 5% increase in completion rate and 15% increase in engagement rate.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of forms in Step 0 vs Step 5 for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/09b2565fc538c8a01afc646401243fc2ad2f7aad-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/09b2565fc538c8a01afc646401243fc2ad2f7aad-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/09b2565fc538c8a01afc646401243fc2ad2f7aad-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="How-do-forms-effect-interactive-demo-performance" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">How do forms effect interactive demo performance?</h3><div class="lg:text-lg my-4 text-zinc-800">Ungated demos had about on average 12% higher completion and 5% higher engagement rates.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of average stats for gated vs ungated demos for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/ac233cfffb110ee0c1880d18199795371eaf6a8a-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/ac233cfffb110ee0c1880d18199795371eaf6a8a-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/ac233cfffb110ee0c1880d18199795371eaf6a8a-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div class="mt-20 px-8 py-4 rounded-xl relative text-white border shadow-md text-sm bg-gradient-to-r from-slate-700 to-slate-600"><div class="opacity-[8%] absolute inset-0 bg-grid [mask-image:linear-gradient(180deg,#fff,rgba(255,255,255,0.1))]"></div><div class="relative callout-styles_markdown__DQZ8X"><p></p><p>Demo building tips:</p><ul><li>Keep demos to about 15 steps and aim for about 30 words per step.</li><li>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. </li></ul></div></div><a href="#How-can-I-promote-my-interactive-demo" class="!no-underline"><div class="anchor" id="How-can-I-promote-my-interactive-demo"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>How can I promote my interactive demo?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><p>Considering the most popular use case is for website interactive demos, this section looks at successful website deployment.</p><p>Below we look at how top-performing approach distribution methods, CTA copy, and demo placement.</p><h3><strong>Website CTAs vs embed of high-performing interactive demo</strong></h3><div id="Should-I-embed-or-link-out-to-my-interactive-demos" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">Should I embed or link out to my interactive demos?</h3><div class="lg:text-lg my-4 text-zinc-800">The majority of embeds of demos are full-screen embeds that link from a CTA button. CTA links saw a 27% increase from last year while embeds saw a 33% decrease.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of website placement for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/9f06b81a8c66e950bffaaac2fb62c859d0a01def-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/9f06b81a8c66e950bffaaac2fb62c859d0a01def-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/9f06b81a8c66e950bffaaac2fb62c859d0a01def-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="How-should-I-embed-my-interactive-demo" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">How should I embed my interactive demo?</h3><div class="lg:text-lg my-4 text-zinc-800">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. </div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown embed types for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/e252284d84df2b72e3ea02ce8b0a09dd5cf52231-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/e252284d84df2b72e3ea02ce8b0a09dd5cf52231-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/e252284d84df2b72e3ea02ce8b0a09dd5cf52231-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-CTA-language-should-I-use-to-link-to-my-interactive-demo" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What CTA language should I use to link to my interactive demo?</h3><div class="lg:text-lg my-4 text-zinc-800">The most popular CTAs linking to an interactive demo are variations of “Take a tour or Product tour” (54.4%), “Try demo" (27.8%), and “Explore or see product” (11.1%).</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of website CTA types for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/857e8be8974088d6d191fb5d8224bfae24a1d2d2-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/857e8be8974088d6d191fb5d8224bfae24a1d2d2-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/857e8be8974088d6d191fb5d8224bfae24a1d2d2-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><div id="What-are-interactive-demo-CTA-CTR-rates" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">What are interactive demo CTA CTR rates?</h3><div class="lg:text-lg my-4 text-zinc-800">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".</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of the conversion rates of different interactive demo CTAs" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/8d22d26204f8b9bc841ebc0a17c3cd263c2e9c5c-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/8d22d26204f8b9bc841ebc0a17c3cd263c2e9c5c-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/8d22d26204f8b9bc841ebc0a17c3cd263c2e9c5c-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><h3><strong>Landing page placement of high-performing interactive demo</strong></h3><div id="Where-on-the-website-are-top-demos-placed" class="shadow-xl shadow-gray-200/80 border border-gray-100 rounded-2xl mt-10 bg-white overflow-hidden lg:w-full"><div class="px-6 sm:px-12"><div class=""><div class="my-10 sm:my-10 gap-y-8 md:grid-cols-2 md:gap-x-10 lg:gap-x-24 grid items-center"><div class="col-start-1 row-start-1"><h3 class="font-semibold text-4xl sm:text-5xl sm:leading-[1.1em] text-royal-light" style="margin-top:0;padding-top:0">Where on the website are top demos placed?</h3><div class="lg:text-lg my-4 text-zinc-800">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.</div></div><div class="row-start-2 md:col-start-2 md:row-start-1 flex-1 col-start-1 relative flex justify-center max-w-xl max-h-[36rem] mx-auto w-full col-start-1 row-start-2 md:row-start-1"><img alt="Breakdown of website demo placement for the top 1% of demos" loading="lazy" width="1320" height="1000" decoding="async" data-nimg="1" class="" style="color:transparent;margin-bottom:0" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/87c224544c11de4b99f57e46453bec4efa91ffc5-1320x1000.png?w=1320&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/87c224544c11de4b99f57e46453bec4efa91ffc5-1320x1000.png?w=1320&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/87c224544c11de4b99f57e46453bec4efa91ffc5-1320x1000.png?w=1320&auto=format"/></div></div></div></div><div class="h-16 bg-gray-50/50 px-6 sm:px-12 border-t border-gray-100 w-full items-center flex justify-between text-gray-500/80 text-sm"><div></div><button class="hidden md:block text-xs rounded-md shadow-sm relative items-center rounded-l-md border border-gray-300 bg-white px-2.5 py-1.5 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:border-blue-primary focus:ring-blue-200">Share</button></div></div><p></p><p>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.</p><div class="flex flex-col items-center mt-14 mb-10"><img alt="CTA vs Embed Location Graphic" loading="lazy" width="2000" height="833" decoding="async" data-nimg="1" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/288d14d25e0a337c5d03961a449d7175b568f5a8-2400x1000.png?w=2000&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/288d14d25e0a337c5d03961a449d7175b568f5a8-2400x1000.png?w=2000&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/288d14d25e0a337c5d03961a449d7175b568f5a8-2400x1000.png?w=2000&auto=format"/></div><div class="mt-20 px-8 py-4 rounded-xl relative text-white border shadow-md text-sm bg-gradient-to-r from-slate-700 to-slate-600"><div class="opacity-[8%] absolute inset-0 bg-grid [mask-image:linear-gradient(180deg,#fff,rgba(255,255,255,0.1))]"></div><div class="relative callout-styles_markdown__DQZ8X"><p></p><p>Demo promoting tips:</p><ul><li>For the highest engagement place your interactive demo CTA above the fold or in the navbar.</li><li>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. </li></ul></div></div><a href="#What-are-the-key-takeaways" class="!no-underline"><div class="anchor" id="What-are-the-key-takeaways"></div><h2 class="cursor-pointer group items-center flex hover:underline hover:underline-offset-3"><strong>What are the key takeaways?</strong><span class="ml-3 invisible group-hover:visible transition-transform transform ease-in-out duration-200"><svg class="h-7 w-7" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em"><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path></svg></span></h2></a><h4><strong>Use Cases:</strong></h4><p>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.</p><p>New common use cases included interactive demos for feature launches, interactive demos embedded within a product, and sales enablement.</p><p></p><h4><strong>Content: </strong></h4><p>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.</p><p>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.</p><p></p><h4><strong>Promotion:</strong></h4><p>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.</p><p>If you do need to gate your demo, consider gating it after step 5 to increase engagement and completion rates.</p></div></article></div></div><div class="relative" style="background:radial-gradient(95% 150% at 13.18% 0%, #1e293b 42.87%, rgb(43 38 119) 86.38%, #1e293bfa 100%)"><div class="opacity-[10%] absolute inset-0 bg-grid [mask-image:linear-gradient(180deg,#fff,rgba(255,255,255,0.1))]"></div><section class="pt-16 pb-32 text-center"><div class="mx-auto px-4 sm:px-6 text-royal-light flex flex-col items-center"><div class="relative"><h5 class="text-gray-300 text-xl">Thank you for reading</h5><h3 class="max-w-3xl mt-10 mb-5 sm:leading-tight font-semibold text-5xl sm:text-7xl text-white tracking-[-0.02em]">State of the Interactive Product Demo 2024</h3></div></div></section></div></main></div><nav class="bg-white text-sm border-t border-slate-100 text-[#363D4E]"><div class="mx-auto px-5 md:px-0 pt-8 lg:pt-14 pb-10 md:pb-20 md:flex container"><div class="lg:flex-none flex-2 flex flex-wrap gap-20 md:gap-36"><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Product</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/product-demos">Product demos</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/engage">Engage</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/integrations">Integrations</a><br/></div><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Customers</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/customers">Highlights</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/showcase">Showcase</a><br/></div><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Company</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/careers">Careers</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/contact">Contact</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/security">Security</a><br/></div><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Resources</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/blog">Blog</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/offer/newsletter">Buyer First Bites Newsletter</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/product-announcements">Product announcements</a><br/><a href="https://listen.casted.us/public/174/Revenue-on-the-Rocks-e2c6af77" target="_blank" class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap">Podcast</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/demo-consultants">Demo consultants</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/report/state-of-the-interactive-product-demo-2024">State of the Interactive Demo</a><br/></div></div></div></nav><footer class="bg-slate-50 w-full flex justify-between border-neutral-300/10 border-t"><div class="container px-5 md:px-0 my-5 py-3 flex flex-col gap-y-2 lg:flex-row justify-between w-full marker:items-center text-[12px] leading-[18px]"><div class="flex flex-wrap justify-between items-center gap-10 whitespace-nowrap"><a class="-mx-1 px-1" href="https://trust.navattic.com">Trust Center</a><a class="-mx-1 px-1" href="/legal/terms">Terms of Use</a><a class="-mx-1 px-1" href="/legal/privacy">Privacy Policy</a><a class="-mx-1 px-1" href="/legal/data-processing-agreement">DPA</a></div><div class="flex items-center text-neutral-300">© 2024 Navattic, Inc.</div></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"preview":false,"data":{"reportPage":{"title":"State of the Interactive Product Demo 2024","slug":"state-of-the-interactive-product-demo-2024","hero":{"description":"This is our second year running this report, with the goal of answering the most common questions we heard from customers and prospects over the last year. We looked at the top 1% to understand what top performing demos had in common. ","title":"State of the Interactive Product Demo 2024","_type":"hero"},"seo":{"_type":"seo","description":"This is our second year running this report, with the goal of answering the most common questions we heard from customers and prospects over the last year. We looked at the top 1% to understand what top performing demos had in common. ","title":"State of the Interactive Product Demo 2024"},"callOut":null,"estimatedReadingTime":8,"_id":"79f5cbca-5dd6-4129-a622-83ba9b35e5a6","_type":"reportPage","body":[{"children":[{"_type":"span","marks":["strong"],"text":"Why did we make this report?","_key":"63c9da2201290"}],"_type":"block","style":"h2","_key":"538347958783","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"About this report:","_key":"477da09853150"}],"_type":"block","style":"h4","_key":"691d1d2f2244"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"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.","_key":"8debc85d70450"}],"_type":"block","style":"normal","_key":"9a7489271801"},{"_type":"block","style":"normal","_key":"99e7b456d854","markDefs":[],"children":[{"text":"This is our second year running this report, to answer the most common questions we heard from customers and prospects over the last year.","_key":"fc5bd90d16460","_type":"span","marks":[]}]},{"_type":"block","style":"normal","_key":"5c0924aa3397","markDefs":[],"children":[{"_type":"span","marks":[],"text":"With more than 18,000 interactive demos built on our platform (a 6x increase from last year) - we looked at the ","_key":"6fcb4fc17dca0"},{"_type":"span","marks":["strong"],"text":"top 1%","_key":"4ee8c3ade73d1"},{"marks":[],"text":" to understand what top-performing interactive demos had in common.","_key":"4ee8c3ade73d2","_type":"span"}]},{"_type":"block","style":"h4","_key":"6c7f1fb76cee","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"In this report we review:","_key":"954c355ba7610"}]},{"_type":"block","style":"normal","_key":"bb35bdb2a0a1","listItem":"bullet","markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-are-top-interactive-demos-different","_key":"bb72b8811c15"}],"children":[{"text":"What makes top interactive demos stand out","_key":"d6356f570ea8","_type":"span","marks":["bb72b8811c15"]}],"level":1},{"level":1,"_type":"block","style":"normal","_key":"696eb09ea3b7","listItem":"bullet","markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#Why-should-I-use-interactive-demos","_key":"2c717178dab9"}],"children":[{"_key":"0d15a0f4d966","_type":"span","marks":["2c717178dab9"],"text":"How interactive demos compare to other common marketing channels"}]},{"level":1,"_type":"block","style":"normal","_key":"3f56723d7beb","listItem":"bullet","markDefs":[{"_key":"0346d2328212","_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-can-I-use-interactive-demos"}],"children":[{"_key":"3be2525b96c20","_type":"span","marks":["0346d2328212"],"text":"What are the most popular use cases for interactive demos"}]},{"_key":"caa78ba31513","listItem":"bullet","markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos","_key":"6ed9268c81c0"}],"children":[{"text":"How to build an engaging interactive demo","_key":"8b04b6e733190","_type":"span","marks":["6ed9268c81c0"]}],"level":1,"_type":"block","style":"normal"},{"markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-can-I-promote-my-interactive-demo","_key":"9d04920ec3f4"}],"children":[{"_type":"span","marks":["9d04920ec3f4"],"text":"What are the most common ways to promote a website interactive demo ","_key":"44f96b46a8df0"}],"level":1,"_type":"block","style":"normal","_key":"0fa949eecf60","listItem":"bullet"},{"_key":"23cddef6568b","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Data overview:","_key":"eeeab34064b80"}],"_type":"block","style":"h4"},{"_key":"8a0d850898ef","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Almost all of the companies analyzed were SaaS (software as a service) companies.","_key":"03b261d7b8670"}],"level":1,"_type":"block","style":"normal"},{"markDefs":[],"children":[{"marks":[],"text":"A majority of the data points are for the top 1% of our customer interactive demos","_key":"1f4729d9c0240","_type":"span"}],"level":1,"_type":"block","style":"normal","_key":"2e4f64a65a9d","listItem":"bullet"},{"style":"normal","_key":"ffbbf908096e","listItem":"bullet","markDefs":[],"children":[{"marks":[],"text":"Top 1% and 25% were determined by our customer interactive demos with the highest traffic and click-through rates.","_key":"9e2920f3573e","_type":"span"}],"level":1,"_type":"block"},{"listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Data collection was a combination of customer data analysis and manually reviewing customer interactive demos. ","_key":"423f13db4c31"}],"level":1,"_type":"block","style":"normal","_key":"8f85f2353208"},{"_key":"7dfafab79a82","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"We used our internal data to calculate engagement, completion, and click-through rates.","_key":"3095b42e5e6c"}],"level":1,"_type":"block","style":"normal"},{"_key":"fe3fe199d8b6","listItem":"bullet","markDefs":[],"children":[{"_key":"5bfac16cc8d8","_type":"span","marks":[],"text":"We manually reviewed interactive demos in the top 1% for data points such as use case, content, and promotion."}],"level":1,"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_key":"f29d2094397b0","_type":"span","marks":["strong"],"text":"What are interactive demo benchmarks?"}],"_type":"block","style":"h2","_key":"a4b050d6e50e"},{"children":[{"_type":"span","marks":[],"text":"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.","_key":"4799a23887ac"}],"_type":"block","style":"normal","_key":"7e32853fce20","markDefs":[]},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Metric definitions: ","_key":"f30f39b10161"}],"_type":"block","style":"normal","_key":"87bdfd4540e1"},{"style":"normal","_key":"7287c739ebd6","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Engagement rate: Total number of sessions with a completed step one / total number of sessions ","_key":"a2943595e3d1"}],"level":1,"_type":"block"},{"style":"normal","_key":"98666810c2e2","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Completion rate: Total number of completed demo sessions / total number of started demo sessions","_key":"5fc94a623b8f"}],"level":1,"_type":"block"},{"listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Click-through rate: Total number of CTA clicks to an external link / total number of demo sessions","_key":"867323e88832"}],"level":1,"_type":"block","style":"normal","_key":"3dac64a3ce3d"},{"children":[{"_type":"span","marks":[],"text":"Demo length: Average time a user spends on a demo ","_key":"71ea56e1f36f"}],"level":1,"_type":"block","style":"normal","_key":"214d76fc98dd","listItem":"bullet","markDefs":[]},{"style":"h3","_key":"c2d5fdc9a2a6","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Top 1% of interactive demo metrics","_key":"20a7bdf34db1"}],"_type":"block"},{"_key":"735f99151ce0","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Metrics for the top 1% of our customer interactive demos were determined by traffic and click-through rate. ","_key":"7c8f6854304a"}],"_type":"block","style":"normal"},{"_key":"7c9c646a9185","asset":{"_ref":"image-be68b8fb5e6ba9333f0006a17577e09ddba81118-2400x1000-png","_type":"reference"},"_type":"blogImage","alt":"Top 1% Interactive Demo Metrics"},{"markDefs":[],"children":[{"text":"Top 25% of interactive demo metrics","_key":"e592d643d7fe","_type":"span","marks":[]}],"_type":"block","style":"h3","_key":"e6004d51fb43"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Metrics for the top 25% of our customer interactive demos were determined by traffic and click-through rate. ","_key":"24b3ad46fa23"}],"_type":"block","style":"normal","_key":"0d2529a662c9"},{"_type":"blogImage","alt":"Top 25% Interactive Demo Metrics","_key":"75f3f476bfe3","asset":{"_ref":"image-de37445e084e38e1d9337687ffa87c325132c7a3-2400x1000-png","_type":"reference"}},{"_type":"block","style":"h2","_key":"87abfb0e0cbc","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How are top interactive demos different?","_key":"e180994498070"}]},{"markDefs":[],"children":[{"_key":"0ee7dc357dee0","_type":"span","marks":[],"text":"As seen above, the top 1% of interactive demos have a "},{"_type":"span","marks":["strong"],"text":"1.4x higher engagement rate and a 3.9x click-through rate ","_key":"0ee7dc357dee1"},{"_type":"span","marks":[],"text":"than the top 25% of interactive demos. ","_key":"0ee7dc357dee2"}],"_type":"block","style":"normal","_key":"4d0ca29fa6a8"},{"_key":"99672c8c8fef","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Throughout this report, we’ll go over what the top 1% of interactive demos do differently in demo setup and promotion. Some highlights include:","_key":"f93510b0921b0"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"text":"","_key":"7c3f48b6f4c00","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"f83205dc754d"},{"_key":"780055d53a93","markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos","_key":"5d19fd3a8896"}],"children":[{"_type":"span","marks":["strong","5d19fd3a8896"],"text":"Content:","_key":"79e64f687505"},{"marks":["strong"],"text":" ","_key":"b1f347ee3e0b","_type":"span"},{"_type":"span","marks":[],"text":"Tells a concise, inviting, and personalized story vs general features","_key":"7c3f48b6f4c02"}],"_type":"block","style":"normal"},{"_type":"block","style":"normal","_key":"266e0e9ca20a","listItem":"bullet","markDefs":[],"children":[{"_key":"11ec50558f120","_type":"span","marks":[],"text":"Concise: ~ 15 steps and each dialog box is around 25 - 30 words"}],"level":1},{"style":"normal","_key":"0fe405fbdc96","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Inviting: Uses words like “easy”, “simple”, “love”","_key":"0a56a51919ec0"}],"level":1,"_type":"block"},{"children":[{"_type":"span","marks":[],"text":"Personal: Uses words like “you”, “welcome”, “custom”","_key":"f06bd8c9c4510"}],"level":1,"_type":"block","style":"normal","_key":"7bbd408f4cab","listItem":"bullet","markDefs":[]},{"style":"normal","_key":"bddd7c23bbe2","markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos","_key":"582edeb3b893"}],"children":[{"_type":"span","marks":["strong","582edeb3b893"],"text":"CTAs:","_key":"8a607c369ad1"},{"text":" ","_key":"f51c69109704","_type":"span","marks":["strong"]},{"_type":"span","marks":[],"text":"Includes multiple internal CTAs to \"Book a Demo\", \"Free Trial\", or \"Additional Tours\"","_key":"62de6161e0b12"}],"_type":"block"},{"_type":"block","style":"normal","_key":"9dc33430125f","markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-do-I-build-successful-interactive-demos","_key":"e6377ca9b33f"}],"children":[{"_type":"span","marks":["strong","e6377ca9b33f"],"text":"Forms:","_key":"48a66b76aeae0"},{"_type":"span","marks":["strong"],"text":" ","_key":"03b3acf3c86c"},{"_type":"span","marks":[],"text":"73% of the top interactive demos were ungated","_key":"fe2c98515f75"}]},{"_key":"ef6a4f961ed1","markDefs":[{"_type":"link","href":"https://www.navattic.com/report/state-of-the-interactive-product-demo-2024#How-can-I-promote-my-interactive-demo","_key":"f40c2c01c879"}],"children":[{"text":"Promotion:","_key":"e685219432f30","_type":"span","marks":["strong","f40c2c01c879"]},{"_type":"span","marks":["strong"],"text":" ","_key":"2d6c8150860f"},{"_key":"e685219432f32","_type":"span","marks":[],"text":"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"}],"_type":"block","style":"normal"},{"style":"h2","_key":"31790dc4dfa3","markDefs":[],"children":[{"text":"Who uses interactive demos?","_key":"d65e536682710","_type":"span","marks":["strong"]}],"_type":"block"},{"style":"normal","_key":"fa559ab99875","markDefs":[{"_type":"link","href":"https://www.navattic.com/showcase","_key":"3e8f5d21ebf2"}],"children":[{"_type":"span","marks":[],"text":"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 ","_key":"393e9c933eda0"},{"_type":"span","marks":["3e8f5d21ebf2"],"text":"interactive demo showcase","_key":"1e05114d6262"},{"_key":"172c14edb2ce","_type":"span","marks":[],"text":". "}],"_type":"block"},{"_type":"block","style":"h3","_key":"ce641020638a","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are the demographics of these companies?","_key":"184b2298778a0"}]},{"image":{"_type":"figure","alt":"Top 1% Company Employee Range Distribution","asset":{"_ref":"image-3a095d551457f979bcb3756b232d725ac31823f7-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"A majority of companies were within the 11 - 50 employee range (33.7%), followed closely by the 51 - 250 range (30.8%).","_key":"f5d74a03937a","title":"What is the company size distribution?"},{"_type":"imageSection","description":"A majority of companies specialized in SaaS for fintech, security, or HR tech. Following that was enablement software for sales, marketing, and customer success.","_key":"f9457ce942bc","title":"What are the most common industries?","image":{"_type":"figure","alt":"Top 1% Company Industry Distribution","asset":{"_ref":"image-4b14a947aef01797161436539c2b70fa7f807e5d-1320x1000-png","_type":"reference"}}},{"_key":"1564b3e57f80","title":"What is PLG vs Sales Led distribution?","image":{"alt":"Top 1% PLG vs Sales Led GTM motion","asset":{"_ref":"image-a2360788b5c07d5ee8cc09c110ba8f7cdbffd3a3-1320x1000-png","_type":"reference"},"_type":"figure"},"_type":"imageSection","description":"There was essentially an even split between the top-performing demos having a product-led or sales-led GTM motion. "},{"_type":"block","style":"h2","_key":"c7b456c7bbd6","markDefs":[],"children":[{"marks":["strong"],"text":"Why should I use interactive demos?","_key":"b458167649230","_type":"span"}]},{"_type":"block","style":"normal","_key":"9c9a88c3b5b4","markDefs":[{"_type":"link","href":"https://www.navattic.com/","_key":"dfef2eba0f25"}],"children":[{"text":"Before diving into how to make your demo successful, we wanted to answer why you should consider using one in the first place. \n\nIf you're not already using ","_key":"43d99463ff9e","_type":"span","marks":[]},{"marks":["dfef2eba0f25"],"text":"interactive product demo software","_key":"597dffa56c38","_type":"span"},{"text":", below are stats on how widely used interactive demos are and how they compare to other marketing channels like videos or ads. ","_key":"4e2920619b74","_type":"span","marks":[]}]},{"_type":"block","style":"h3","_key":"459af22fd0df","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How popular are interactive demos today?","_key":"e1f07549e02e"}]},{"style":"normal","_key":"50b4c2762579","markDefs":[],"children":[{"_key":"64cb20a0ec630","_type":"span","marks":[],"text":"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. "}],"_type":"block"},{"image":{"_type":"figure","alt":"Comparing B2B SaaS website CTAs from last year to this year","asset":{"_ref":"image-ec74654187afe173ef180489d5d4d5027b7b4655-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"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.","_key":"bab89a2759ca","title":"What are the most common B2B SaaS website CTAs?"},{"description":"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.","_key":"e3d6a817725d","title":"What is the average number of demos for Navattic customers?","image":{"_type":"figure","alt":"Breakdown of average number of demos built by company plan type","asset":{"_type":"reference","_ref":"image-0d11a7b9503d16e79dfb36b757a6f506b7ede9b2-1320x1000-png"}},"_type":"imageSection"},{"_key":"7deae3f7f5ea","markDefs":[],"children":[{"_key":"e73868f257470","_type":"span","marks":["strong"],"text":"How do interactive demos compare to videos?"}],"_type":"block","style":"h3"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"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.","_key":"c39c7c4965970"}],"_type":"block","style":"normal","_key":"5ab103142bce"},{"_type":"blogImage","alt":" How do interactive demos compare to videos graphic?","caption":"Video Source: Vidyard","_key":"24daa38f8d64","asset":{"_ref":"image-7cd1f0966b60925ed5b08964de8b83c599bef4fe-1320x1000-png","_type":"reference"},"image":{"_type":"figure","asset":{"_ref":"image-852d93e1328409e13ae0db6189f79929f2ce4783-1320x1000-png","_type":"reference"}}},{"_key":"6862d26d7232","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How do interactive demos CTR compare to other B2B channels?","_key":"821595c8b1f70"}],"_type":"block","style":"h3"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"We evaluated how typical interactive demo CTA CTR within an interactive demo compares to other B2B marketing channels such as email or paid ads. ","_key":"ea5fb332a83c0"}],"_type":"block","style":"normal","_key":"8c1e8ebb4d85"},{"_type":"imageSection","description":"We looked at different CTAs within an interactive demo such as “Free Trial” or “Book a Demo”. The highest CTR was “Additional Tours”.","_key":"580b241f0a73","title":"What is the average CTR to a \"Book a Demo\" or \"Free Trial\" CTA?","image":{"_type":"figure","alt":"Breakdown of the conversion rates of CTAs within an interactive demo","asset":{"_ref":"image-3c51757114179a1ec558fac73e3994008fe0e5c9-1320x1000-png","_type":"reference"}}},{"title":"How does that compare to other B2B channels?","image":{"_type":"figure","alt":"Breakdown of common B2B marketing channel conversion rates","asset":{"_ref":"image-ea9dc8ec805ed08aa83ee5562b12da69fccdfbe8-1320x846-png","_type":"reference"}},"_type":"imageSection","description":"On average, the range for B2B marketing channels CTR is 0.7% - 3.7%. Interactive demos CTR range is 8.18% - 32.25%.","_key":"b08faa2f53bf"},{"markDefs":[],"children":[{"marks":["strong"],"text":"How can I use interactive demos?","_key":"c41945354ff20","_type":"span"}],"_type":"block","style":"h2","_key":"be4b9e51c54e"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"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. ","_key":"0e8dd2b9d3040"}],"_type":"block","style":"normal","_key":"ef141bdaa842"},{"asset":{"_ref":"image-8e492ad30e12c82e472e4b8b38fcae1763272d77-2400x1000-png","_type":"reference"},"_type":"blogImage","alt":"Use case breakdown for top 1% of interactive demos","_key":"4ba28ca8be49"},{"markDefs":[],"children":[{"text":"Below we look at those three categories and the most popular use cases for marketing, product, and sales.","_key":"5d24f2e1cb14","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"808a0c01ffdd"},{"children":[{"marks":["strong"],"text":"Interactive demos for the marketing use case","_key":"d18c07b643c20","_type":"span"}],"_type":"block","style":"h3","_key":"8f4090912e6a","markDefs":[]},{"title":"What are the most common marketing use cases?","image":{"alt":"Breakdown of most common use cases for marketing interactive demos","asset":{"_ref":"image-13a24656ce560293af89b2a912b4e71acab1e2aa-1320x1000-png","_type":"reference"},"_type":"figure"},"_type":"imageSection","description":"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%).","_key":"838e3ec46bc7"},{"_type":"imageSection","description":"The feature launch use case had the highest engagement rate, while landing pages had the highest completion rate.","_key":"53a2b3512768","title":"What are average stats for marketing use cases?","image":{"_type":"figure","alt":"Breakdown of most common marketing use cases stats","asset":{"_type":"reference","_ref":"image-271bc803c2fe18f3dfd1f5e5c835c85173c97c6e-1320x1000-png"}}},{"image":{"_type":"figure","alt":"Breakdown of the set up for most common marketing use cases.","asset":{"_ref":"image-f2637396b02d88d0b6d16691d6531550830cd08a-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"Website demos had the highest number of CTAs on average, while landing pages had the most text. ","_key":"bca935f47597","title":"What is the average set up for marketing use cases?"},{"markDefs":[],"children":[{"_key":"1cca07a92274","_type":"span","marks":["strong"],"text":"Interactive demos for the in-product or training use case"}],"_type":"block","style":"h3","_key":"f7046b46c62c"},{"_type":"imageSection","description":"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%).","_key":"65cf8349e5fd","title":"What are the most common product use cases?","image":{"_type":"figure","alt":"Breakdown of most common use cases for product interactive demos","asset":{"_ref":"image-d17ec0cfc1b01c26fee4e455933224b01649b2a7-1320x1000-png","_type":"reference"}}},{"image":{"_type":"figure","alt":"Breakdown of most common product use cases stats","asset":{"_ref":"image-e01371c00a1c76704671b9e9b30ba85844b9d88c-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"In product and onboarding have the highest click-through rates, while help centers had the highest engagement rate.","_key":"57bd77ad4492","title":"What are average stats for product use cases?"},{"image":{"_type":"figure","alt":"Breakdown of the set up for most common product use cases.","asset":{"_ref":"image-d32048b376dab12ed3f84cb7bd38630b3793c4b7-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"Training demos had the most amount of text per dialogue box, while onboarding had the most amount of steps.","_key":"c1e3308a4d18","title":"What is the average set up for product use cases?"},{"_type":"block","style":"h3","_key":"14355d5efac9","markDefs":[],"children":[{"marks":["strong"],"text":"Interactive demos for the sales use case","_key":"387ef92ef572","_type":"span"}]},{"title":"What are the most common sales use cases?","image":{"_type":"figure","alt":"Breakdown of most common use cases for sales interactive demos","asset":{"_ref":"image-163a8275fda40995760950bdd9f2115ebae9c1fd-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"The most common use case for sales teams is for sales enablement (71.4%), followed evenly by conference and sales led demos (14.3%)","_key":"c9da487ce345"},{"title":"What are average stats for sales use cases?","image":{"_type":"figure","alt":"Breakdown of most common sales use cases stats","asset":{"_ref":"image-5034dfdb8de6a614be602e48881f55f7ca91e818-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"Conferences had the highest completion rates, while sales led demos had the highest engagement rates. ","_key":"b88601d1b4b8"},{"image":{"asset":{"_ref":"image-a0cef178930e01116b0a8ff5a54e22539ef0737a-1320x1000-png","_type":"reference"},"_type":"figure","alt":"Breakdown of the set up for most common sales use cases."},"_type":"imageSection","description":"Sales enablement had the most amount of steps, while conferences had the most amount of text. ","_key":"47c916464b3f","title":"What is the average set up for sales use cases?"},{"_type":"callOut","text":[{"children":[{"_type":"span","marks":[],"text":"","_key":"48f711b8e206"}],"_type":"block","style":"normal","_key":"72f09911744a","markDefs":[]},{"style":"normal","_key":"2839c85ce3c8","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Demo Use Case Tips:","_key":"03971e242cb7"}],"_type":"block"},{"_type":"block","style":"normal","_key":"351294a918dc","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"The average Navattic customer creates 20 demos. Try experimenting with different use cases after you’ve nailed down your first use case. ","_key":"b2fbb29c1423"}],"level":1},{"markDefs":[],"children":[{"text":"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.","_key":"fbecf2c1827d","_type":"span","marks":[]}],"level":1,"_type":"block","style":"normal","_key":"718610f5f0b4","listItem":"bullet"}],"_key":"14a466bd8ba8"},{"_type":"block","style":"h2","_key":"b1433d462e19","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How do I build successful interactive demos?","_key":"01cb9f5b03b50"}]},{"style":"normal","_key":"fd0c62a24e54","markDefs":[],"children":[{"text":"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.","_key":"2549c6de8a9e0","_type":"span","marks":[]}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Below we look at how top performing approach copy, in-demos CTAs, and gating.","_key":"22b474865be20"}],"_type":"block","style":"normal","_key":"86a0c00d3635"},{"children":[{"_key":"225ae02f168e0","_type":"span","marks":["strong"],"text":"Copy and content of high-performing "},{"_type":"span","marks":[],"text":"interactive ","_key":"b88301af631a"},{"_type":"span","marks":["strong"],"text":"demos","_key":"cda26abb59db"}],"_type":"block","style":"h3","_key":"f5ea1d6682e0","markDefs":[]},{"_key":"e31c8d694df1","title":"What is the average step count distribution?","image":{"_type":"figure","alt":"Average number of steps for demos in the top 1%","asset":{"_ref":"image-325f03bb2f39323b4f444ee398f4d8a35b610520-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"The most frequent step amount range is between 8 to 15 steps. Few demos had above 25 steps. "},{"image":{"_type":"figure","alt":"Number of steps breakdown for demos in the top 1%","asset":{"_type":"reference","_ref":"image-bd0ef9cf1b9898118a47023635e4d18603b4bf36-1320x1000-png"}},"_type":"imageSection","description":"A majority of interactive demos fall within the 10 - 19 step range (51.5%), followed by 0 - 9 steps (28%).","_key":"e5fa7a72b00c","title":"What is the most common step count range?"},{"image":{"_type":"figure","alt":"Dialog box text breakdown for demos in the top 1%","asset":{"_ref":"image-2235b9c3abe54228a62a27a26ab61eb1a1ba9fc0-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"A majority of interactive demos have between 100 -199 characters, followed by 0 - 99. ","_key":"8ca13129c6c9","title":"What is the average dialog box text length (characters)?"},{"_key":"ec717e076dba","asset":{"_ref":"image-5496ed13a8d269e3f77db35d84a3fc86a79280e6-1200x1284-png","_type":"reference"},"_type":"blogImage","alt":"Breakdown of what type of copy converts the highest"},{"_key":"84a46360a2cb","markDefs":[],"children":[{"_key":"225e59e41c83","_type":"span","marks":["strong"],"text":"Click through rates and CTA types for high-performing interactive demos"}],"_type":"block","style":"h3"},{"image":{"_type":"figure","alt":"Breakdown of different CTAs within a demo for the top 1% of demos","asset":{"_ref":"image-5b2e6c48150f6fab05c87a6f43de3c954391f5ea-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"The most popular CTA variations within an interactive demo are: \"Book a Demo\" (28.7%), \"Free Trial\" (20.4%), and \"Additional Tours\" (14.8%).","_key":"7838c0cbea50","title":"What is the most popular CTA within an interactive demo?"},{"title":"What CTA within an interactive demo has the highest CTR? ","image":{"_type":"figure","alt":"Average stats for different CTAs within a demo for the top 1% of demos","asset":{"_type":"reference","_ref":"image-cbd198cd5f87095f28e21e5753744290fc291e3c-1320x1000-png"}},"_type":"imageSection","description":"On average, the \"Additional Tours\" CTA within an interactive demo had the highest click through rate (35.18%), followed by \"Learn More\" (34.42%).","_key":"f697e1c49b74"},{"image":{"_type":"figure","alt":"CTA amount breakdown for demos in the top 1%","asset":{"_ref":"image-48a4901b83f6e1f6ee499196efd59208a59fd300-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"On average demos had 1.6 CTAs within the demo. CTAs are most often placed at Step 11 and Step 15.","_key":"75fd158d83c7","title":"How many CTAs should I include?"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Gating vs ungating for high-performing interactive demos","_key":"cf98af172cee"}],"_type":"block","style":"h3","_key":"82fa08613333"},{"_type":"blogImage","alt":"Gatings vs Ungating graphic","_key":"9a4045db6563","asset":{"_ref":"image-21bae9b90669384ceb06b3f5e7ada5472e93f45d-2400x1000-png","_type":"reference"}},{"description":"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.","_key":"18ea7cb6b364","title":"Where should I place my form gate?","image":{"_type":"figure","alt":"Breakdown of most common step for form gates for the top 1% of demos","asset":{"_ref":"image-ed2af8bf10cb57c8f4c8019a48cf9f0e716bd014-1320x1000-png","_type":"reference"}},"_type":"imageSection"},{"title":"How do forms at the beginning compare to forms later in the demo?","image":{"_type":"figure","alt":"Breakdown of forms in Step 0 vs Step 5 for the top 1% of demos","asset":{"_ref":"image-09b2565fc538c8a01afc646401243fc2ad2f7aad-1320x1000-png","_type":"reference"}},"_type":"imageSection","description":"Forms placed later in the demo had a 5% increase in completion rate and 15% increase in engagement rate.","_key":"73033b598c16"},{"_type":"imageSection","description":"Ungated demos had about on average 12% higher completion and 5% higher engagement rates.","_key":"46d4e61b28e0","title":"How do forms effect interactive demo performance?","image":{"asset":{"_ref":"image-ac233cfffb110ee0c1880d18199795371eaf6a8a-1320x1000-png","_type":"reference"},"_type":"figure","alt":"Breakdown of average stats for gated vs ungated demos for the top 1% of demos"}},{"_type":"callOut","text":[{"_key":"527e4b8199f4","markDefs":[],"children":[{"_type":"span","marks":[],"text":"","_key":"fcc5abc1a442"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Demo building tips:","_key":"096d0c5f9d07"}],"_type":"block","style":"normal","_key":"d04f4700ed39"},{"_key":"bc69fbd2e043","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Keep demos to about 15 steps and aim for about 30 words per step.","_key":"042e378921c6"}],"level":1,"_type":"block","style":"normal"},{"style":"normal","_key":"8df2ba061025","listItem":"bullet","markDefs":[],"children":[{"marks":[],"text":"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. ","_key":"f5fe7a6ab93d","_type":"span"}],"level":1,"_type":"block"}],"_key":"ef9db7457276"},{"_type":"block","style":"h2","_key":"7686948bafc3","markDefs":[],"children":[{"_key":"fa2b721d1d540","_type":"span","marks":["strong"],"text":"How can I promote my interactive demo?"}]},{"children":[{"_key":"196b5f6a6d6b0","_type":"span","marks":[],"text":"Considering the most popular use case is for website interactive demos, this section looks at successful website deployment."}],"_type":"block","style":"normal","_key":"b4974ab0e6d3","markDefs":[]},{"markDefs":[],"children":[{"marks":[],"text":"Below we look at how top-performing approach distribution methods, CTA copy, and demo placement.","_key":"04d8b815aff70","_type":"span"}],"_type":"block","style":"normal","_key":"0723b02360ad"},{"_type":"block","style":"h3","_key":"7e1304ea6778","markDefs":[],"children":[{"_key":"148be6807b340","_type":"span","marks":["strong"],"text":"Website CTAs vs embed of high-performing interactive demo"}]},{"description":"The majority of embeds of demos are full-screen embeds that link from a CTA button. CTA links saw a 27% increase from last year while embeds saw a 33% decrease.","_key":"bf331a347d3f","title":"Should I embed or link out to my interactive demos?","image":{"_type":"figure","alt":"Breakdown of website placement for the top 1% of demos","asset":{"_ref":"image-9f06b81a8c66e950bffaaac2fb62c859d0a01def-1320x1000-png","_type":"reference"}},"_type":"imageSection"},{"description":"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. ","_key":"1d1ca0c6db0f","title":"How should I embed my interactive demo?","image":{"_type":"figure","alt":"Breakdown embed types for the top 1% of demos","asset":{"_ref":"image-e252284d84df2b72e3ea02ce8b0a09dd5cf52231-1320x1000-png","_type":"reference"}},"_type":"imageSection"},{"_type":"imageSection","description":"The most popular CTAs linking to an interactive demo are variations of “Take a tour or Product tour” (54.4%), “Try demo\" (27.8%), and “Explore or see product” (11.1%).","_key":"79f2e51148ff","title":"What CTA language should I use to link to my interactive demo?","image":{"_type":"figure","alt":"Breakdown of website CTA types for the top 1% of demos","asset":{"_ref":"image-857e8be8974088d6d191fb5d8224bfae24a1d2d2-1320x1000-png","_type":"reference"}}},{"_type":"imageSection","description":"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\".","_key":"47e0f2ba4665","title":"What are interactive demo CTA CTR rates?","image":{"alt":"Breakdown of the conversion rates of different interactive demo CTAs","asset":{"_ref":"image-8d22d26204f8b9bc841ebc0a17c3cd263c2e9c5c-1320x1000-png","_type":"reference"},"_type":"figure"}},{"style":"h3","_key":"9a4ef579031c","markDefs":[],"children":[{"marks":["strong"],"text":"Landing page placement of high-performing interactive demo","_key":"e9a86771c90c","_type":"span"}],"_type":"block"},{"description":"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.","_key":"a741be92153c","title":"Where on the website are top demos placed?","image":{"_type":"figure","alt":"Breakdown of website demo placement for the top 1% of demos","asset":{"_ref":"image-87c224544c11de4b99f57e46453bec4efa91ffc5-1320x1000-png","_type":"reference"}},"_type":"imageSection"},{"style":"normal","_key":"c8bd7beb032f","markDefs":[],"children":[{"_key":"e38c531c50a9","_type":"span","marks":[],"text":""}],"_type":"block"},{"children":[{"text":"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.","_key":"5cab7f8ffdbe","_type":"span","marks":[]}],"_type":"block","style":"normal","_key":"b9eca7cf243f","markDefs":[]},{"alt":"CTA vs Embed Location Graphic","_key":"842b9b5d3e69","asset":{"_ref":"image-288d14d25e0a337c5d03961a449d7175b568f5a8-2400x1000-png","_type":"reference"},"image":{"_type":"figure","asset":{"_ref":"image-857e8be8974088d6d191fb5d8224bfae24a1d2d2-1320x1000-png","_type":"reference"}},"_type":"blogImage"},{"_type":"callOut","text":[{"_key":"fee9e00661eb","markDefs":[],"children":[{"_type":"span","marks":[],"text":"","_key":"9b0529fe0394"}],"_type":"block","style":"normal"},{"_key":"5123e7182ab0","markDefs":[],"children":[{"_key":"a1eabd499bbd","_type":"span","marks":[],"text":"Demo promoting tips:"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"For the highest engagement place your interactive demo CTA above the fold or in the navbar.","_key":"5095a0d6135d"}],"level":1,"_type":"block","style":"normal","_key":"a363caf95041","listItem":"bullet"},{"style":"normal","_key":"966c3f5bc00e","listItem":"bullet","markDefs":[],"children":[{"_type":"span","marks":[],"text":"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. ","_key":"7f8e1dcb51bf"}],"level":1,"_type":"block"}],"_key":"1f8f57bbf952"},{"_type":"block","style":"h2","_key":"606b654ffe10","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are the key takeaways?","_key":"05b478032e0b0"}]},{"children":[{"_type":"span","marks":["strong"],"text":"Use Cases:","_key":"fde8adbb856c0"}],"_type":"block","style":"h4","_key":"cdf49dabc4bc","markDefs":[]},{"style":"normal","_key":"a220906c5c84","markDefs":[],"children":[{"_key":"e6081b6b30a6","_type":"span","marks":[],"text":"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."}],"_type":"block"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"New common use cases included interactive demos for feature launches, interactive demos embedded within a product, and sales enablement.","_key":"62af0eafde17"}],"_type":"block","style":"normal","_key":"1dcff0ff4359"},{"_key":"57ed5745c107","markDefs":[],"children":[{"_type":"span","marks":[],"text":"","_key":"21aad8eedbd00"}],"_type":"block","style":"normal"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Content: ","_key":"e6039361036d"}],"_type":"block","style":"h4","_key":"6134847b004f"},{"markDefs":[],"children":[{"_key":"585cf392a9fd","_type":"span","marks":[],"text":"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."}],"_type":"block","style":"normal","_key":"89d66e6a65df"},{"children":[{"marks":[],"text":"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.","_key":"2bad78fb420e0","_type":"span"}],"_type":"block","style":"normal","_key":"00c5953d2f4e","markDefs":[]},{"_key":"7a8bceda26fc","markDefs":[],"children":[{"_type":"span","marks":[],"text":"","_key":"59782ca2ad760"}],"_type":"block","style":"normal"},{"_key":"687e7f43c7a7","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Promotion:","_key":"f2cd1bdf4f19"}],"_type":"block","style":"h4"},{"children":[{"_type":"span","marks":[],"text":"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.","_key":"e44d37328fe1"}],"_type":"block","style":"normal","_key":"72a585e127a4","markDefs":[]},{"children":[{"marks":[],"text":"If you do need to gate your demo, consider gating it after step 5 to increase engagement and completion rates.","_key":"2b32231ae600","_type":"span"}],"_type":"block","style":"normal","_key":"f6bed67fa3fb","markDefs":[]}],"headings":[{"style":"h2","_key":"538347958783","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Why did we make this report?","_key":"63c9da2201290"}],"_type":"block"},{"_key":"691d1d2f2244","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"About this report:","_key":"477da09853150"}],"_type":"block","style":"h4"},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"In this report we review:","_key":"954c355ba7610"}],"_type":"block","style":"h4","_key":"6c7f1fb76cee"},{"children":[{"_type":"span","marks":["strong"],"text":"Data overview:","_key":"eeeab34064b80"}],"_type":"block","style":"h4","_key":"23cddef6568b","markDefs":[]},{"markDefs":[],"children":[{"_key":"f29d2094397b0","_type":"span","marks":["strong"],"text":"What are interactive demo benchmarks?"}],"_type":"block","style":"h2","_key":"a4b050d6e50e"},{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Top 1% of interactive demo metrics","_key":"20a7bdf34db1"}],"_type":"block","style":"h3","_key":"c2d5fdc9a2a6"},{"children":[{"text":"Top 25% of interactive demo metrics","_key":"e592d643d7fe","_type":"span","marks":[]}],"_type":"block","style":"h3","_key":"e6004d51fb43","markDefs":[]},{"_key":"87abfb0e0cbc","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How are top interactive demos different?","_key":"e180994498070"}],"_type":"block","style":"h2"},{"markDefs":[],"children":[{"text":"Who uses interactive demos?","_key":"d65e536682710","_type":"span","marks":["strong"]}],"_type":"block","style":"h2","_key":"31790dc4dfa3"},{"children":[{"_type":"span","marks":["strong"],"text":"What are the demographics of these companies?","_key":"184b2298778a0"}],"_type":"block","style":"h3","_key":"ce641020638a","markDefs":[]},{"children":[{"marks":["strong"],"text":"Why should I use interactive demos?","_key":"b458167649230","_type":"span"}],"_type":"block","style":"h2","_key":"c7b456c7bbd6","markDefs":[]},{"_type":"block","style":"h3","_key":"459af22fd0df","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How popular are interactive demos today?","_key":"e1f07549e02e"}]},{"style":"h3","_key":"7deae3f7f5ea","markDefs":[],"children":[{"_key":"e73868f257470","_type":"span","marks":["strong"],"text":"How do interactive demos compare to videos?"}],"_type":"block"},{"_key":"6862d26d7232","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How do interactive demos CTR compare to other B2B channels?","_key":"821595c8b1f70"}],"_type":"block","style":"h3"},{"_type":"block","style":"h2","_key":"be4b9e51c54e","markDefs":[],"children":[{"marks":["strong"],"text":"How can I use interactive demos?","_key":"c41945354ff20","_type":"span"}]},{"children":[{"marks":["strong"],"text":"Interactive demos for the marketing use case","_key":"d18c07b643c20","_type":"span"}],"_type":"block","style":"h3","_key":"8f4090912e6a","markDefs":[]},{"markDefs":[],"children":[{"_key":"1cca07a92274","_type":"span","marks":["strong"],"text":"Interactive demos for the in-product or training use case"}],"_type":"block","style":"h3","_key":"f7046b46c62c"},{"_type":"block","style":"h3","_key":"14355d5efac9","markDefs":[],"children":[{"marks":["strong"],"text":"Interactive demos for the sales use case","_key":"387ef92ef572","_type":"span"}]},{"markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"How do I build successful interactive demos?","_key":"01cb9f5b03b50"}],"_type":"block","style":"h2","_key":"b1433d462e19"},{"_type":"block","style":"h3","_key":"f5ea1d6682e0","markDefs":[],"children":[{"_key":"225ae02f168e0","_type":"span","marks":["strong"],"text":"Copy and content of high-performing "},{"_type":"span","marks":[],"text":"interactive ","_key":"b88301af631a"},{"_type":"span","marks":["strong"],"text":"demos","_key":"cda26abb59db"}]},{"style":"h3","_key":"84a46360a2cb","markDefs":[],"children":[{"_key":"225e59e41c83","_type":"span","marks":["strong"],"text":"Click through rates and CTA types for high-performing interactive demos"}],"_type":"block"},{"children":[{"_type":"span","marks":["strong"],"text":"Gating vs ungating for high-performing interactive demos","_key":"cf98af172cee"}],"_type":"block","style":"h3","_key":"82fa08613333","markDefs":[]},{"style":"h2","_key":"7686948bafc3","markDefs":[],"children":[{"_key":"fa2b721d1d540","_type":"span","marks":["strong"],"text":"How can I promote my interactive demo?"}],"_type":"block"},{"markDefs":[],"children":[{"_key":"148be6807b340","_type":"span","marks":["strong"],"text":"Website CTAs vs embed of high-performing interactive demo"}],"_type":"block","style":"h3","_key":"7e1304ea6778"},{"style":"h3","_key":"9a4ef579031c","markDefs":[],"children":[{"marks":["strong"],"text":"Landing page placement of high-performing interactive demo","_key":"e9a86771c90c","_type":"span"}],"_type":"block"},{"style":"h2","_key":"606b654ffe10","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"What are the key takeaways?","_key":"05b478032e0b0"}],"_type":"block"},{"_type":"block","style":"h4","_key":"cdf49dabc4bc","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Use Cases:","_key":"fde8adbb856c0"}]},{"style":"h4","_key":"6134847b004f","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Content: ","_key":"e6039361036d"}],"_type":"block"},{"_key":"687e7f43c7a7","markDefs":[],"children":[{"_type":"span","marks":["strong"],"text":"Promotion:","_key":"f2cd1bdf4f19"}],"_type":"block","style":"h4"}],"content":null,"backgroundGradient":"radial-gradient(95% 150% at 13.18% 0%, #1e293b 42.87%, rgb(43 38 119) 86.38%, #1e293bfa 100%)"}}},"__N_SSG":true},"page":"/report/[slug]","query":{"slug":"state-of-the-interactive-product-demo-2024"},"buildId":"6xMcT4mna6bO2HRp-eZUW","isFallback":false,"isExperimentalCompile":false,"gsp":true,"scriptLoader":[]}</script><script id="mutiny-init">(function(){var a=window.mutiny=window.mutiny||{};if(!window.mutiny.client){a.client={_queue:{}};var b=["identify","trackConversion"];var c=[].concat(b,["defaultOptOut","optOut","optIn"]);var d=function factory(c){return function(){for(var d=arguments.length,e=new Array(d),f=0;f<d;f++){e[f]=arguments[f]}a.client._queue[c]=a.client._queue[c]||[];if(b.includes(c)){return new Promise(function(b,d){a.client._queue[c].push({args:e,resolve:b,reject:d});setTimeout(d,500)})}else{a.client._queue[c].push({args:e})}}};c.forEach(function(b){a.client[b]=d(b)})}})();</script><script id="mutiny" data-cfasync="false" src="https://client-registry.mutinycdn.com/personalize/client/1a3054bd309da90d.js"></script></body></html>