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=""/><title data-next-head="">Integrated into your existing go-to-market stack</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="Native integrations that power your most important workflows" data-next-head=""/><meta name="image" content="https://www.navattic.com/img/og-image.png" 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/img/og-image.png"}}</script><meta property="og:url" content="https://www.navattic.com/integrations" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:title" content="Integrated into your existing go-to-market stack" data-next-head=""/><meta property="og:description" content="Native integrations that power your most important workflows" data-next-head=""/><meta property="og:image" content="https://www.navattic.com/img/og-image.png" 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="Integrated into your existing go-to-market stack" data-next-head=""/><meta name="twitter:description" content="Native integrations that power your most important workflows" data-next-head=""/><meta name="twitter:image" content="https://www.navattic.com/img/og-image.png" 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=""/><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/4392-52bca9d0af14925e.js" defer=""></script><script src="/_next/static/chunks/806-2f99e725928069a3.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/2568-5db819c6c76d0a71.js" defer=""></script><script src="/_next/static/chunks/pages/integrations-57b1681664f453d5.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="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="absolute inset-0 bg-grid [mask-image:linear-gradient(180deg,#fff,rgba(0,0,0,0.05))]"></div><div class="relative"><section class="pt-32 pb-16 text-center relative"><div class="max-w-5xl mx-auto px-4 sm:px-6 text-royal-light"><div class="flex justify-center mb-4 text-lg font-medium text-slate-600 tracking-wide"><div class="mb-3 uppercase text-sm text-slate-600 tracking-wide">integrations</div></div><h1 class="text-royal-light dark:text-white mb-4 leading-14 font-semibold text-4xl sm:text-5xl md:text-7xl tracking-[-0.02em] opacity-0 animate-[fadeUp_700ms_300ms_ease-in-out_forwards]">Integrated into your existing go-to-market stack</h1><div class="mt-5 mx-auto max-w-2xl text-[1.125rem] leading-relaxed text-slate-600 dark:text-[#95A2B3] opacity-0 animate-[fadeUp_500ms_500ms_ease-in-out_forwards]"><div><div>Native integrations that power your most important workflows</div><a href="/get-demo?ref=integrations"><button class="btn-blue mt-8 py-3 px-4 border-2 border-blue-400 shadow rounded-lg">Get a Demo<span aria-hidden="true" class="bg-white/20 p-[2px] rounded-full ml-2 -mr-1 leading-none flex items-center">→</span></button></a></div></div><div class="mt-10 gap-4 flex justify-center content-center sm:mt-12 opacity-0 animate-[fadeUp_300ms_700ms_ease-in-out_forwards]"></div></div></section><div class="max-w-xs md:max-w-4xl mx-auto mb-28"><div class="grid grid-cols-3 md:flex gap-5"><a href="#salesforce" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/salesforce.svg" alt="Salesforce logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:1.2"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Salesforce</div></div></a><a href="#hubspot" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/hubspot.svg" alt="Hubspot logo" class="h-6 w-6 sm:h-8 sm:w-8"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Hubspot</div></div></a><a href="#marketo" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/marketo.png" alt="Marketo logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:1.2"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Marketo</div></div></a><a href="#segment" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/segment.png" alt="Segment logo" class="h-6 w-6 sm:h-8 sm:w-8"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Segment</div></div></a><a href="#google-analytics" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/google-analytics.svg" alt="Google Analytics logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:.9"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Google Analytics</div></div></a><a href="#slack" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/slack.svg" alt="Slack logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:1.8"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Slack</div></div></a><a href="#mutiny" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/mutiny.svg" alt="Mutiny logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:1.5"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Mutiny</div></div></a><a href="#mixpanel" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/mixpanel.svg" alt="Mixpanel logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:.9"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Mixpanel</div></div></a><a href="#chameleon" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/chameleon.svg" alt="Chameleon logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:1.0"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Chameleon</div></div></a><a href="#madkudu" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/madkudu.png" alt="MadKudu logo" class="h-6 w-6 sm:h-8 sm:w-8" style="scale:1.0"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">MadKudu</div></div></a><a href="#zapier" class="mx-auto"><div class="group relative inline-block"><div class="rounded-lg border border-slate-200 p-2 sm:p-4 bg-white shadow-lg"><img src="/img/integrations/logos/zapier.svg" alt="Zapier logo" class="h-6 w-6 sm:h-8 sm:w-8"/></div><div class="absolute translate-y-full text-gray-500 -bottom-1 right-0 left-0 mx-auto text-xs text-center hidden group-hover:block">Zapier</div></div></a></div></div><div class="max-w-6xl m-auto px-4 text-royal-light pb-32 sm:pb-52"><div class="grid gap-20 sm:gap-20"><div id="salesforce" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#00A1DF"><div class="h-full w-1.5" style="background-color:#00A1DF"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/salesforce.svg" alt="Salesforce logo" class="h-10 w-10 mb-2" style="scale:1.2"/><div class="font-medium mb-8 text-xl">Salesforce</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9zM5 5v14h8V5H5zm2 6h4v2H7v-2zm0-4h4v2H7V7z"></path></g></svg> Create new leads or opportunities</div><div class="text-zinc-500 text-base">Send leads and their demo engagement data to Salesforce.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Sync engagement data</div><div class="text-zinc-500 text-base">Get realtime activity from visitors. Use this engagement data to create Salesforce dashboards and workflows.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><path d="M7 18H17V16H7V18Z" fill="currentColor"></path><path d="M17 14H7V12H17V14Z" fill="currentColor"></path><path d="M7 10H11V8H7V10Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z" fill="currentColor"></path></svg> Collect data from form fills</div><div class="text-zinc-500 text-base">Understand which prospects are engaging with your demo.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Salesforce dashboard" src="/img/integrations/salesforce.png"/></div></div></div></div></div></div></div></div></div></div><div id="hubspot" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#FE7959"><div class="h-full w-1.5" style="background-color:#FE7959"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/hubspot.svg" alt="Hubspot logo" class="h-10 w-10 mb-2"/><div class="font-medium mb-8 text-xl">Hubspot</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9zM5 5v14h8V5H5zm2 6h4v2H7v-2zm0-4h4v2H7V7z"></path></g></svg> Create new leads or opportunities</div><div class="text-zinc-500 text-base">Send leads and their demo engagement data to Hubspot.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Sync engagement data</div><div class="text-zinc-500 text-base">Get realtime activity from visitors. Use this engagement data to create Hubspot dashboards and workflows.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><path d="M7 18H17V16H7V18Z" fill="currentColor"></path><path d="M17 14H7V12H17V14Z" fill="currentColor"></path><path d="M7 10H11V8H7V10Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z" fill="currentColor"></path></svg> Collect data from form fills</div><div class="text-zinc-500 text-base">Understand which prospects are engaging with your demo.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Hubspot dashboard" src="/img/integrations/hubspot.png"/></div></div></div></div></div></div></div></div></div></div><div id="marketo" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#553E94"><div class="h-full w-1.5" style="background-color:#553E94"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/marketo.png" alt="Marketo logo" class="h-10 w-10 mb-2" style="scale:1.2"/><div class="font-medium mb-8 text-xl">Marketo</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9zM5 5v14h8V5H5zm2 6h4v2H7v-2zm0-4h4v2H7V7z"></path></g></svg> Create new leads or opportunities</div><div class="text-zinc-500 text-base">Send leads and their demo engagement data to Marketo.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Sync engagement data</div><div class="text-zinc-500 text-base">Sync realtime activity from visitors. Use this engagement data to create Marketo dashboards and automation.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg> Send email campaigns targeting groups</div><div class="text-zinc-500 text-base">Automatically enroll leads into a campaign.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Marketo dashboard" src="/img/marketo-dashboard.png"/></div></div></div></div></div></div></div></div></div></div><div id="segment" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#42AF7A"><div class="h-full w-1.5" style="background-color:#42AF7A"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/segment.png" alt="Segment logo" class="h-10 w-10 mb-2"/><div class="font-medium mb-8 text-xl">Segment</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Send engagement data</div><div class="text-zinc-500 text-base">Track user conversion, dropoff, and completion events.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><path fill="none" d="M0 0h24v24H0z"></path><path d="M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"></path></svg> Merge all your data sources</div><div class="text-zinc-500 text-base">Share engagement data with analytics platforms.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Segment dashboard" src="/img/segment-dashboard.png"/></div></div></div></div></div></div></div></div></div></div><div id="google-analytics" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#FFC42E"><div class="h-full w-1.5" style="background-color:#FFC42E"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/google-analytics.svg" alt="Google Analytics logo" class="h-10 w-10 mb-2" style="scale:.9"/><div class="font-medium mb-8 text-xl">Google Analytics</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Send engagement data</div><div class="text-zinc-500 text-base">Track user conversion, dropoff, and completion events.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> Gather insights</div><div class="text-zinc-500 text-base">Understand which product demos are the highest performing. </div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Google Analytics dashboard" src="/img/integrations/google-analytics.png"/></div></div></div></div></div></div></div></div></div></div><div id="slack" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#611f69"><div class="h-full w-1.5" style="background-color:#611f69"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/slack.svg" alt="Slack logo" class="h-10 w-10 mb-2" style="scale:1.8"/><div class="font-medium mb-8 text-xl">Slack</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Share prospect & account data with your team</div><div class="text-zinc-500 text-base">Surface active opportunities or existing customers that engage with your demos in Slack. </div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><path fill="none" d="M0 0h24v24H0z"></path><path d="M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"></path></svg> Action high-intent leads</div><div class="text-zinc-500 text-base">Immediately notify sales teams which use case, feature, or part of your product a high-intent lead explored.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Slack dashboard" src="/img/integrations/slack_screenshotv2.png"/></div></div></div></div></div></div></div></div></div></div><div id="mutiny" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#aa00ff"><div class="h-full w-1.5" style="background-color:#aa00ff"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/mutiny.svg" alt="Mutiny logo" class="h-10 w-10 mb-2" style="scale:1.5"/><div class="font-medium mb-8 text-xl">Mutiny</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><path fill="none" d="M0 0h24v24H0z"></path><path d="M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"></path></svg> Run A/B tests at scale</div><div class="text-zinc-500 text-base">Use Navattic events as conversion goals to see which version of your demo leads to higher conversion rates. </div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9zM5 5v14h8V5H5zm2 6h4v2H7v-2zm0-4h4v2H7V7z"></path></g></svg> Personalize demos</div><div class="text-zinc-500 text-base">Personalize demos depending on account attributes like industry or size.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> Retarget demo visitors</div><div class="text-zinc-500 text-base">Create segments with high-intent demo visitors and serve them new CTAs or offers.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Mutiny dashboard" src="/img/integrations/mutiny_screenshot_updated.png"/></div></div></div></div></div></div></div></div></div></div><div id="mixpanel" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#8a6eff"><div class="h-full w-1.5" style="background-color:#8a6eff"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/mixpanel.svg" alt="Mixpanel logo" class="h-10 w-10 mb-2" style="scale:.9"/><div class="font-medium mb-8 text-xl">Mixpanel</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Analyze engagement data</div><div class="text-zinc-500 text-base">Use Mixpanel custom events to track user conversion, dropoff, and completion events.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> See the full story</div><div class="text-zinc-500 text-base">Create website or activation reports to see how interactive demos affect website or free trial behavior.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Mixpanel dashboard" src="/img/integrations/mixpanel_screenshot.png"/></div></div></div></div></div></div></div></div></div></div><div id="chameleon" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#21c55d"><div class="h-full w-1.5" style="background-color:#21c55d"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/chameleon.svg" alt="Chameleon logo" class="h-10 w-10 mb-2" style="scale:1.0"/><div class="font-medium mb-8 text-xl">Chameleon</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Educate users</div><div class="text-zinc-500 text-base">Show in-app users short demos that enable them to learn and adopt your product faster.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> Shorten time to value</div><div class="text-zinc-500 text-base">Speed up activation by guiding free trial users through your product’s aha moments. </div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Chameleon dashboard" src="/img/integrations/chameleon_screenshot.png"/></div></div></div></div></div></div></div></div></div></div><div id="madkudu" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#182b52"><div class="h-full w-1.5" style="background-color:#182b52"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/madkudu.png" alt="MadKudu logo" class="h-10 w-10 mb-2" style="scale:1.0"/><div class="font-medium mb-8 text-xl">MadKudu</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9zM5 5v14h8V5H5zm2 6h4v2H7v-2zm0-4h4v2H7V7z"></path></g></svg> Reveal leads or accounts</div><div class="text-zinc-500 text-base">Sync demo leads and accounts to MadKudu Sales Copilot and add them to Playbooks.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> Action engagement data</div><div class="text-zinc-500 text-base">Surface accounts with high customer fit scores that are highly engaged with your demo.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="MadKudu dashboard" src="/img/integrations/madkudu.png"/></div></div></div></div></div></div></div></div></div></div><div id="zapier" class="pt-20 -mt-20"><div class="border border-slate-200 rounded-lg sm:rounded-xl overflow-hidden shadow-2xl shadow-slate-500/20 flex" style="background-color:#FE4A00"><div class="h-full w-1.5" style="background-color:#FE4A00"></div><div class="bg-white w-full"><div class="flex"><div class="flex flex-col md:flex-row justify-between py-12 pt-10 px-6 sm:px-12 flex-1"><div class="flex flex-col max-w-lg flex-1"><img src="/img/integrations/logos/zapier.svg" alt="Zapier logo" class="h-10 w-10 mb-2"/><div class="font-medium mb-8 text-xl">Zapier</div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" class="h-4 w-4 mr-2"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9zM5 5v14h8V5H5zm2 6h4v2H7v-2zm0-4h4v2H7V7z"></path></g></svg> Sync with leads or opportunities</div><div class="text-zinc-500 text-base">Send leads and engagement data to any part of your stack.</div></div></div><div class="flex mb-5"><div class="flex flex-col"><div class="flex items-center font-medium text-base mb-1 leading-6 text-royal-light"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4 mr-2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Send engagement data</div><div class="text-zinc-500 text-base">Track user conversion, dropoff, and completion events.</div></div></div></div><div class="flex items-center relative flex-1"><div class="w-full h-full md:absolute -right-5 "><div class="w-full h-full rounded-xl relative"><div class="w-fit top-0 right-0 left-0 md:absolute m-auto flex rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10"><div class=" relative w-full rounded-lg border overflow-hidden"><img class="max-h-[250px]" alt="Zapier dashboard" src="/img/integrations/zapier.png"/></div></div></div></div></div></div></div></div></div></div></div></div><div class="container mb-20"><div class="relative overflow-hidden bg-slate-900 border-t border-slate-500 px-5 md:px-20 md:rounded-2xl"><div class="text-white py-16 relative z-10"><section class="flex justify-between items-center flex-col md:flex-row gap-y-10"><div class="flex-1 mr-10 md:mr-0"><div class="mb-3 font-medium text-white">Get started</div><h2 class="mb-6 text-xl font-medium md:max-w-[500px] md:text-3xl">Build demos that delight.</h2><p class="mt-5 md:text-lg text-slate-400 max-w-[400px] md:max-w-[480px]">Unlock faster sales cycles and empower your go-to-market team to drive growth with your product.</p></div><div class="w-full md:w-32 flex flex-col gap-y-5"><a class="flex py-3 w-full items-center justify-center whitespace-nowrap rounded-lg bg-[#455cad] px-6 font-medium text-white ring-2 ring-[#98A4F7]/20 ring-offset-2 ring-offset-[#0B0C14] sm:w-auto" href="/get-demo">Get a demo</a> <a class="bg-white/10 text-white flex items-center justify-center rounded-lg border border-white/30 px-5 py-3 font-medium shadow-sm hover:bg-white/20 focus:outline-none focus:ring-2 focus:border focus:border-slate-100 text-sm focus:ring-slate-200/30" href="/demo">Try a demo</a></div></section></div><div class="bg-radial-gradient-light opacity-50 h-[500px] top-[-90px] right-[-250px] transform-none"></div></div></div></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":{}},"page":"/integrations","query":{},"buildId":"6xMcT4mna6bO2HRp-eZUW","nextExport":true,"autoExport":true,"isFallback":false,"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>