CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.userflow.com" data-wf-page="6671e2a8b123a3a3d48b911d" data-wf-site="666bc9172254723eadc4af82" lang="en" data-wf-locale="en"><head><meta charset="utf-8"/><title>Product-led at Userflow | Userflow</title><meta content="Userflow was born as a product-led business. We always think product-first in everything we do. Learn about how we do product-led growth at Userflow." name="description"/><meta content="Product-led at Userflow | Userflow" property="og:title"/><meta content="Userflow was born as a product-led business. We always think product-first in everything we do. Learn about how we do product-led growth at Userflow." property="og:description"/><meta content="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/668e64023deb80beb0b106ad_userflow-opengragh.png" property="og:image"/><meta content="Product-led at Userflow | Userflow" property="twitter:title"/><meta content="Userflow was born as a product-led business. We always think product-first in everything we do. Learn about how we do product-led growth at Userflow." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/668e64023deb80beb0b106ad_userflow-opengragh.png" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/css/userflow-victorflow.webflow.696f8d236.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Work Sans:300,regular,500,600,700,800,900","Caveat:regular,500,600,700","Archivo:300,regular,500,600"] }});</script><script src="https://use.typekit.net/rak3tdq.js" type="text/javascript"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/66b5b86db8a9fb5be70d77a7_userflow-favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/66b5c0b225dfd91ca8f67ac9_userflow-webclip.webp" rel="apple-touch-icon"/><link href="https://www.userflow.com/product-led-at-userflow" rel="canonical"/><style> body { -webkit-font-smoothing: antialiased; } .primary-button { color: #f7fdfa; background-image: linear-gradient(180deg, #23d777 0, #00b353 100%); box-shadow: 0 4px 16px -8px rgba(9, 19, 83, .35); text-shadow: 0 1px 6px rgba(0, 51, 17, .35); background-size: 100% 200%; background-repeat: no-repeat; background-position-y: 100%; } .secondary-button { color: #e9f1fb; background-image: linear-gradient(180deg, #0c196e 0, #060d37 100%); box-shadow: 0 4px 16px -8px rgba(9, 19, 83, .5); text-shadow: 0 1px 6px rgba(6, 13, 55, .9); background-size: 100% 200%; background-repeat: no-repeat; background-position-y: 100%; } .navbar.dark { background-color: #1a57e6; } @media screen and (max-width: 991px) { .nav-menu.navigation.dark { background-color: #1a57e6; } } .nav-link.dark { color: var(--white); } .nav-dropdown-link.dark { color: var(--white); } .nav-icon-light.dark { opacity: 1; } .nav-icon-dark.dark { opacity: 0; } .nav-link.dark:hover { background: #1047c6 } .footer-section { background: radial-gradient(100% 100% at 50% 100%, rgba(134, 90, 221, .2) 0, rgba(134, 90, 221, 0) 100%), #060d37; } .quote-bg { background: radial-gradient(50% 150% at 60% 50%, rgba(15, 230, 140, .7) 0, rgba(15, 230, 140, 0) 100%), radial-gradient(40% 100% at 0 0, #9747ff 0, #1a57e6 100%); } .illustration-tab-image-wrap { transform: perspective(2000px) rotateX(25deg) rotateY(0) rotateZ(0) translate3d(0, 0, -120px); } .illustration-userflow-layer, .illustration-tab-pane { transform: perspective(2000px) rotateX(25deg) rotateY(0) rotateZ(0) translate3d(0, 0, -120px); } .in-view { transform: perspective(2000px) rotateX(25deg) rotateY(0) rotateZ(0) translate3d(0, 0, 0); } .box-shadow { box-shadow: 0 0 1px 0 rgba(19, 43, 57, .25), 0 4px 24px -4px rgba(19, 43, 57, .1); background: #fff; } .product-icon-code>svg { height: 28px; vertical-align: -.125em; } .best-practices-code>svg { height: auto; vertical-align: -.125em; } .fa-secondary { opacity: 0.4; } .table_component { width: 100%; margin: 1rem 0; border-radius: 0.25rem; border-left: 1px solid #c3d5e0; border-right: 1px solid #c3d5e0; border-collapse: separate; } .table_header, .table_cell { padding: 0.5rem; border-bottom: 1px solid #c3d5e0; } .table_header { border-top: 1px solid #c3d5e0; } .table_header:first-child { border-top-left-radius: 3px; } .table_header:last-child { border-top-right-radius: 3px; } .table_head { background: #f4f8fb; } .case-study-logo { /* Standard filter property */ filter: grayscale(1) brightness(100); /* Vendor prefixes for older browser support */ -webkit-filter: grayscale(1) brightness(100); -moz-filter: grayscale(1) brightness(100); -ms-filter: grayscale(1) brightness(100); -o-filter: grayscale(1) brightness(100); } .case-study-feature-logo { /* Standard filter property */ filter: grayscale(1) brightness(0); /* Vendor prefixes for older browser support */ -webkit-filter: grayscale(1) brightness(0); -moz-filter: grayscale(1) brightness(0); -ms-filter: grayscale(1) brightness(0); -o-filter: grayscale(1) brightness(0); } </style> <style> @media (max-width: 768px) { p.blog-cta-text-link:before, p.blog-cta-text-link:after { content: "–"; } } </style>  <script> (function (c, a) { if (!a.__SV) { var b = window; try { var d, m, j, k = b.location, f = k.hash; d = function (a, b) { return (m = a.match(RegExp(b + "=([^&]*)"))) ? m[1] : null }; f && d(f, "state") && (j = JSON.parse(decodeURIComponent(d(f, "state"))), "mpeditor" === j.action && (b.sessionStorage.setItem("_mpcehash", f), history.replaceState(j.desiredHash || "", c.title, k.pathname + k.search))) } catch (n) { } var l, h; window.mixpanel = a; a._i = []; a.init = function (b, d, g) { function c(b, i) { var a = i.split("."); 2 == a.length && (b = b[a[0]], i = a[1]); b[i] = function () { b.push([i].concat(Array.prototype.slice.call(arguments, 0))) } } var e = a; "undefined" !== typeof g ? e = a[g] = [] : g = "mixpanel"; e.people = e.people || []; e.toString = function (b) { var a = "mixpanel"; "mixpanel" !== g && (a += "." + g); b || (a += " (stub)"); return a }; e.people.toString = function () { return e.toString(1) + ".people (stub)" }; l = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "); for (h = 0; h < l.length; h++) c(e, l[h]); var f = "set set_once union unset remove delete".split(" "); e.get_group = function () { function a(c) { b[c] = function () { call2_args = arguments; call2 = [c].concat(Array.prototype.slice.call(call2_args, 0)); e.push([d, call2]) } } for (var b = {}, d = ["get_group"].concat(Array.prototype.slice.call(arguments, 0)), c = 0; c < f.length; c++) a(f[c]); return b }; a._i.push([b, d, g]) }; a.__SV = 1.2; b = c.createElement("script"); b.type = "text/javascript"; b.async = !0; b.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === c.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"; d = c.getElementsByTagName("script")[0]; d.parentNode.insertBefore(b, d) } })(document, window.mixpanel || []); </script> <script> mixpanel.init("619494a9fdb43c4bb53cff4560b7155a", { batch_requests: true }) mixpanel.track('page_viewed', JSON.parse(atob('eyJwYXRobmFtZSI6Ii9kZW1vIn0='))) </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5ZL9DTJ'); </script> <script src="https://kit.fontawesome.com/d3dc32f4ba.js" crossorigin="anonymous" nonce=""></script> <script type="text/javascript"> window.heapReadyCb = window.heapReadyCb || [], window.heap = window.heap || [], heap.load = function (e, t) { window.heap.envId = e, window.heap.clientConfig = t = t || {}, window.heap.clientConfig.shouldFetchServerConfig = !1; var a = document.createElement("script"); a.type = "text/javascript", a.async = !0, a.src = "https://cdn.us.heap-api.com/config/" + e + "/heap_config.js"; var r = document.getElementsByTagName("script")[0]; r.parentNode.insertBefore(a, r); var n = ["init", "startTracking", "stopTracking", "track", "resetIdentity", "identify", "getSessionId", "getUserId", "getIdentity", "addUserProperties", "addEventProperties", "removeEventProperty", "clearEventProperties", "addAccountProperties", "addAdapter", "addTransformer", "addTransformerFn", "onReady", "addPageviewProperties", "removePageviewProperty", "clearPageviewProperties", "trackPageview"], i = function (e) { return function () { var t = Array.prototype.slice.call(arguments, 0); window.heapReadyCb.push({ name: e, fn: function () { heap[e] && heap[e].apply(heap, t) } }) } }; for (var p = 0; p < n.length; p++)heap[n[p]] = i(n[p]) }; heap.load("1561782827"); </script>  <script>!function () { var reb2b = window.reb2b = window.reb2b || []; if (reb2b.invoked) return; reb2b.invoked = true; reb2b.methods = ["identify", "collect"]; reb2b.factory = function (method) { return function () { var args = Array.prototype.slice.call(arguments); args.unshift(method); reb2b.push(args); return reb2b; }; }; for (var i = 0; i < reb2b.methods.length; i++) { var key = reb2b.methods[i]; reb2b[key] = reb2b.factory(key); } reb2b.load = function (key) { var script = document.createElement("script"); script.type = "text/javascript"; script.async = true; script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/4N210HEL206Z.js.gz"; var first = document.getElementsByTagName("script")[0]; first.parentNode.insertBefore(script, first); }; reb2b.SNIPPET_VERSION = "1.0.1"; reb2b.load("4N210HEL206Z"); }(); </script>  <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function () { var account_id = 790360, version = 2.1, settings_tolerance = 2000, hide_element = 'body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;', /* DO NOT EDIT BELOW THIS LINE */ f = false, w = window, d = document, v = d.querySelector('#vwoCode'), cK = '_vwo_' + account_id + '_settings', cc = {}; try { var c = JSON.parse(localStorage.getItem('_vwo_' + account_id + '_config')); cc = c && typeof c === 'object' ? c : {} } catch (e) { } var stT = cc.stT === 'session' ? w.sessionStorage : w.localStorage; code = { nonce: v && v.nonce, use_existing_jquery: function () { return typeof use_existing_jquery !== 'undefined' ? use_existing_jquery : undefined }, library_tolerance: function () { return typeof library_tolerance !== 'undefined' ? library_tolerance : undefined }, settings_tolerance: function () { return cc.sT || settings_tolerance }, hide_element_style: function () { return '{' + (cc.hES || hide_element_style) + '}' }, hide_element: function () { if (performance.getEntriesByName('first-contentful-paint')[0]) { return '' } return typeof cc.hE === 'string' ? cc.hE : hide_element }, getVersion: function () { return version }, finish: function (e) { if (!f) { f = true; var t = d.getElementById('_vis_opt_path_hides'); if (t) t.parentNode.removeChild(t); if (e) (new Image).src = 'https://dev.visualwebsiteoptimizer.com/ee.gif?a=' + account_id + e } }, finished: function () { return f }, addScript: function (e) { var t = d.createElement('script'); t.type = 'text/javascript'; if (e.src) { t.src = e.src } else { t.text = e.text } v && t.setAttribute('nonce', v.nonce); d.getElementsByTagName('head')[0].appendChild(t) }, load: function (e, t) { var n = this.getSettings(), i = d.createElement('script'), r = this; t = t || {}; if (n) { i.textContent = n; d.getElementsByTagName('head')[0].appendChild(i); if (!w.VWO || VWO.caE) { stT.removeItem(cK); r.load(e) } } else { var o = new XMLHttpRequest; o.open('GET', e, true); o.withCredentials = !t.dSC; o.responseType = t.responseType || 'text'; o.onload = function () { if (t.onloadCb) { return t.onloadCb(o, e) } if (o.status === 200 || o.status === 304) { _vwo_code.addScript({ text: o.responseText }) } else { _vwo_code.finish('&e=loading_failure:' + e) } }; o.onerror = function () { if (t.onerrorCb) { return t.onerrorCb(e) } _vwo_code.finish('&e=loading_failure:' + e) }; o.send() } }, getSettings: function () { try { var e = stT.getItem(cK); if (!e) { return } e = JSON.parse(e); if (Date.now() > e.e) { stT.removeItem(cK); return } return e.s } catch (e) { return } }, init: function () { if (d.URL.indexOf('__vwo_disable__') > -1) return; var e = this.settings_tolerance(); w._vwo_settings_timer = setTimeout(function () { _vwo_code.finish(); stT.removeItem(cK) }, e); var t; if (this.hide_element() !== 'body') { t = d.createElement('style'); var n = this.hide_element(), i = n ? n + this.hide_element_style() : '', r = d.getElementsByTagName('head')[0]; t.setAttribute('id', '_vis_opt_path_hides'); v && t.setAttribute('nonce', v.nonce); t.setAttribute('type', 'text/css'); if (t.styleSheet) t.styleSheet.cssText = i; else t.appendChild(d.createTextNode(i)); r.appendChild(t) } else { t = d.getElementsByTagName('head')[0]; var i = d.createElement('div'); i.style.cssText = 'z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;'; i.setAttribute('id', '_vis_opt_path_hides'); i.classList.add('_vis_hide_layer'); t.parentNode.insertBefore(i, t.nextSibling) } var o = window._vis_opt_url || d.URL, s = 'https://dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + '&u=' + encodeURIComponent(o) + '&vn=' + version; if (w.location.search.indexOf('_vwo_xhr') !== -1) { this.addScript({ src: s }) } else { this.load(s + '&x=true') } } }; w._vwo_code = code; code.init(); })(); </script>   <script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsload@1/cmsload.js"></script></head><body><section id="dark-section" class="hero-section"><div class="header-stickey"><div class="header-bar"><div class="w-layout-blockcontainer container w-container"></div></div><div class="nav-whole-area"><div data-animation="default" data-collapse="none" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="container w-container"><div class="navbar-area navigation"><a href="/" class="brand-link w-nav-brand"><div class="brand-logo-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="30" fill="none" viewBox="0 0 500 100"> <path class="userflow-logo-fg" fill="#23d777" d="m61.49 30.37-1.652 9.37c-1.762 10-11.293 18-21.244 18h-8.159c-10.011 0-16.628-8.09-14.876-18l3.313-18.77h9.42L24.98 39.74a6.992 6.992 0 0 0 1.405 6.088 7.007 7.007 0 0 0 5.713 2.542h8.16a10.77 10.77 0 0 0 6.58-2.553 10.747 10.747 0 0 0 3.58-6.077L52.9 25.67a5.849 5.849 0 0 1 5.536-4.7h17.43l1.081-6.15C78.4 6.63 72.943 0 64.734 0H24.689C16.499 0 8.67 6.63 7.239 14.82l-7.008 40C-1.21 63 4.236 69.63 12.445 69.63H52.49c8.199 0 16.018-6.63 17.45-14.81l4.314-24.45H61.49Z"></path> <path class="userflow-logo-bg" fill="#1a57e6" d="M87.62 30.37h-4.005l-6.097 34.57c-1.442 8.18-9.26 14.82-17.45 14.82h-36.09l-.951 5.43C21.575 93.37 27.03 100 35.24 100h40.045c8.19 0 16.018-6.63 17.45-14.81l7.008-40c1.531-8.18-3.935-14.82-12.124-14.82Z"></path> <path class="userflow-logo-txt" fill="#060d37" d="m347.79 3-2.253 13.112h-2.97c-5.94 0-6.864.922-8.197 9.22 0 .102-.203.716-.307 1.229h9.63l-2.253 12.497h-9.527c-2.766 15.57-6.863 38.722-6.863 38.722-2.971 17.414-5.634 22.331-20.693 22.331h-6.863l2.253-13.112h2.971c5.532 0 6.864-.922 8.298-9.22l9.219-52.55C323.205 6.073 327.611 3 343.693 3h4.097ZM129.936 26.56c8.093 0 11.474 4.508 9.322 15.571l-2.765 13.932c-1.332 6.556.717 10.346 6.35 10.346 5.123 0 8.708-5.122 10.142-12.497l5.327-27.351h14.341l-6.556 34.009c-.717 3.688-.102 5.02 3.176 5.02h2.048l-2.15 12.19h-6.66c-5.121 0-8.502-1.435-9.936-5.02-3.175 3.688-7.58 6.044-13.624 6.044-12.395.102-19.975-7.785-17.005-22.946l2.561-11.985c.82-3.995 0-5.122-2.868-5.122H120l2.254-12.19h7.682v-.001Zm65.356 52.244c12.6 0 20.692-6.249 22.229-15.263 1.946-11.371-7.273-14.956-15.059-17.312-5.429-1.64-10.243-2.664-9.731-5.327.41-2.459 2.663-4.098 6.453-4.098 4.713 0 8.298 2.356 10.552 5.737l11.37-7.376c-3.79-5.634-11.473-9.629-21.204-9.629-11.064 0-19.566 5.737-21 14.034-2.049 11.78 7.17 15.161 14.956 17.415 5.429 1.536 10.244 2.56 9.731 5.429-.512 2.97-3.175 4.61-6.863 4.61-5.122 0-9.015-2.766-11.576-7.069l-12.087 7.888c3.483 5.839 10.858 10.96 22.229 10.96v.001Zm233.695-52.243c8.093 0 11.27 4.507 9.116 15.57l-2.766 14.137c-1.33 6.863.31 10.346 5.84 10.346 5.326 0 9.22-5.634 10.653-13.112l4.713-26.941h14.24l-5.43 31.55c-.923 5.635 1.127 8.195 5.02 8.195 8.194 0 12.907-8.707 14.854-19.872 1.636-8.912.51-15.161-1.127-19.873h14.443c1.127 5.224 2.357 12.292.51 22.126-2.763 15.468-11.88 30.117-28.886 30.117-8.194 0-12.704-2.561-14.854-7.273-4.61 4.712-10.653 7.273-17.72 7.273-11.986 0-19.463-8.4-16.596-22.946l2.356-11.985c.82-3.995 0-5.122-2.87-5.122h-1.536l2.256-12.19h7.784Zm-40.77 52.243c15.263 0 25.713-10.346 28.273-23.458 2.867-15.264-6.453-29.81-24.277-29.81-14.65 0-25.713 10.346-28.273 23.458-2.87 15.264 6.453 29.81 24.277 29.81ZM233.468 57.19l.052.118-.044-.016c1.23 5.634 5.737 9.322 12.805 9.322 5.02 0 9.117-2.151 12.395-6.351l10.756 7.068c-5.02 6.863-12.087 11.473-23.97 11.473-18.644 0-27.146-14.649-24.483-29.605 2.327-13.03 13.617-21.916 25.65-23.432a25.133 25.133 0 0 1 3.41-.23h.237c.092 0 .18 0 .265.003 15.372.25 24.59 11.935 22.957 26.528l-.574 5.122h-39.456ZM366.64 3l-10.347 58.594c-.513 2.664.307 3.688 2.97 3.688h1.537l-2.253 12.498h-6.35c-11.474 0-11.68-7.069-10.04-16.288L352.4 3h14.24ZM284 26.56c6.658 0 9.116 3.176 9.526 8.093 3.688-5.531 8.912-8.092 15.366-8.092h6.556l-2.561 14.136h-5.634c-7.069 0-11.986 3.176-13.83 12.702l-4.814 24.38h-14.341l6.556-33.906c.922-3.688 0-5.122-3.278-5.122h-1.64l2.152-12.19h5.941l.001-.001Zm104.933 39.234c-7.99 0-12.803-7.273-11.473-15.16 1.23-7.478 7.683-12.293 14.033-12.293 8.197.205 12.807 7.478 11.474 15.366-1.227 7.478-7.374 12.087-14.034 12.087ZM260.05 45.921c-1.248-5.326-5.343-8.092-11.284-8.092-5.941 0-10.816 3.278-13.506 8.092h24.79Z"></path> </svg></div></a><div class="nav-menu-area"><nav role="navigation" class="nav-menu navigation w-nav-menu"><div class="nav-menu-wrap navigation"><div data-hover="true" data-delay="0" class="nav-dropdown w-dropdown"><div class="nav-link w-dropdown-toggle"><div>Product</div><div class="nav-dropdown-icon-wrap"><div class="dropdown-arrow-code w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg></div></div></div><nav class="nav-dropdown-list w-dropdown-list"><a href="/product" class="nav-dropdown-link w-dropdown-link">Product Overview</a><a href="/resource-center" class="nav-dropdown-link w-dropdown-link">Resource Center</a><a href="/ai-assistant" class="nav-dropdown-link w-dropdown-link">AI Assistant</a><a href="/in-app-surveys" class="nav-dropdown-link w-dropdown-link">In-app surveys</a><a href="/feature-announcements" class="nav-dropdown-link w-dropdown-link">Feature announcements</a></nav></div><a href="/pricing" class="nav-link w-nav-link">Pricing</a><div data-hover="true" data-delay="0" class="nav-dropdown w-dropdown"><div class="nav-link w-dropdown-toggle"><div>Resources </div><div class="nav-dropdown-icon-wrap"><div class="dropdown-arrow-code w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg></div></div></div><nav class="nav-dropdown-list w-dropdown-list"><a href="/blog" class="nav-dropdown-link w-dropdown-link">Blog</a><a href="https://docs.userflow.com/docs" class="nav-dropdown-link w-dropdown-link">Documentation</a><a href="/customers" class="nav-dropdown-link w-dropdown-link">Customers</a><a href="/best-practices" class="nav-dropdown-link w-dropdown-link">Best practices</a><a href="https://docs.userflow.com/docs/dev" class="nav-dropdown-link w-dropdown-link">Developer Docs</a></nav></div><div class="nav-button-wrap navigation"><a href="https://app.userflow.com/app/sign-in?__hstc=17958374.732a3001c521056a8c4cee5bb17d47c5.1721370265869.1729849049053.1730088044328.24&__hssc=17958374.3.1730088044328&__hsfp=3499748124" class="nav-link icon w-inline-block"><div class="nav-icon-wrap"><img loading="lazy" src="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/671b266ef78f063b3417c33b_sign-in-light.svg" alt="sign" class="nav-icon-light"/><img loading="lazy" src="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/671b210cefebad642f8669a1_sign-in.svg" alt="sign" class="nav-icon-dark"/></div></a><a href="/demo#schedule" class="secondary-button small navigation w-button">Book a Demo</a><a href="https://app.userflow.com/app/create-account" class="primary-button navigation w-button">Start Free Trial</a></div></div></nav><div class="nav-menu-button-area"><a href="https://app.userflow.com/app/create-account" class="primary-button navigation mobile w-button">Start Free Trial</a><div data-w-id="70b3e3bc-be99-b6f6-e925-a9f4623c3870" class="nav-menu-button"><div class="nav-menu-line"></div><div class="nav-menu-line"></div><div class="nav-menu-line"></div></div></div></div></div></div></div></div></div><div class="hero-area"><div class="w-layout-blockcontainer container w-container"><div class="hero-wrap"><div class="hero-bg"></div><div class="hero-bg right-bg"></div><div class="hero-content-wrap"><h1 class="hero-title">Product-led <span class="hero-title-subtext">at Userflow</span></h1><p class="hero-content">Userflow was born as a product-led business. We always think product-first in everything we do.</p><p class="hero-content">Learn about how we do product-led growth at Userflow.<br/></p></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-content-wrap"><h2 class="section-title">What Product-led Growth means to us</h2><p class="section-content">Userflow co-founder Esben Friis-Jensen shares why we decided to make this video series, and what it means to the Userflow team to be product-led and why we think it is the model for most SaaS companies in the future.<br/></p></div><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/7d4157f6549c4c1a99bdc698a229afab" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42a6-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-smile-beam" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="smile-beam" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zm53.5-96.7l0 0 0 0-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2 0 0 0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8l0 0 0 0zm160 0l0 0-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2 0 0 0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8l0 0 0 0 0 0z"></path><path class="fa-primary" fill="currentColor" d="M217.6 228.8l0 0 0 0 0 0c2.1 2.8 5.7 3.9 8.9 2.8s5.5-4.1 5.5-7.6c0-17.9-6.7-35.6-16.6-48.8c-9.8-13-23.9-23.2-39.4-23.2s-29.6 10.2-39.4 23.2C126.7 188.4 120 206.1 120 224c0 3.4 2.2 6.5 5.5 7.6s6.9 0 8.9-2.8l0 0 0 0 0 0 .2-.2c.2-.2 .4-.5 .7-.9c.6-.8 1.6-2 2.8-3.4c2.5-2.8 6-6.6 10.2-10.3c8.8-7.8 18.8-14 27.7-14s18.9 6.2 27.7 14c4.2 3.7 7.7 7.5 10.2 10.3c1.2 1.4 2.2 2.6 2.8 3.4c.3 .4 .6 .7 .7 .9l.2 .2 0 0zm160 0l0 0 0 0 0 0c2.1 2.8 5.7 3.9 8.9 2.8s5.5-4.1 5.5-7.6c0-17.9-6.7-35.6-16.6-48.8c-9.8-13-23.9-23.2-39.4-23.2s-29.6 10.2-39.4 23.2C286.7 188.4 280 206.1 280 224c0 3.4 2.2 6.5 5.5 7.6s6.9 0 8.9-2.8l0 0 0 0 0 0 .2-.2c.2-.2 .4-.5 .7-.9c.6-.8 1.6-2 2.8-3.4c2.5-2.8 6-6.6 10.2-10.3c8.8-7.8 18.8-14 27.7-14s18.9 6.2 27.7 14c4.2 3.7 7.7 7.5 10.2 10.3c1.2 1.4 2.2 2.6 2.8 3.4c.3 .4 .6 .7 .7 .9l.2 .2 0 0z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Born Product-led</h3><p class="product-content">At Userflow we consider ourselves born product-led and always think product-first in everything we do.<br/></p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42af-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-crosshairs" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="crosshairs" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M42.4 224C56.3 130.3 130.3 56.3 224 42.4v65C165.7 119.9 119.9 165.7 107.4 224h-65zm0 64h65c12.5 58.3 58.4 104.1 116.6 116.6v65C130.3 455.7 56.3 381.7 42.4 288zM288 469.6v-65c58.3-12.5 104.1-58.4 116.6-116.6h65c-13.9 93.7-88 167.7-181.6 181.6zM469.6 224h-65C392.1 165.7 346.3 119.9 288 107.4v-65c93.7 13.9 167.7 88 181.6 181.6z"></path><path class="fa-primary" fill="currentColor" d="M256 0c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V32c0-17.7 14.3-32 32-32zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm256 32H384c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32zM256 352c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384c0-17.7 14.3-32 32-32zM128 288H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Lean organization that can scale</h3><p class="product-content">By being product-led, we can scale fast without hiring a lot of people and stay lean and product-focused.<br/></p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42b8-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-play" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="play" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"></path><path class="fa-primary" fill="currentColor" d=""></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">A better product</h3><p class="product-content">Through our product-led mindset we are always hyper focused on building a better product for our customers.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/0c2c336aa6f44c9085c4c1319c21a42f" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div><div class="customer-content-wrap"><h2 class="section-title">Landing Page</h2><p class="section-content">The landing page is the first impression for your users. In this video we share how we have constructed our landing page and public facing website to support a product-led journey.<br/></p></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42cd-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-check-double" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="check-double" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M342.6 41.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-80-80c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 178.7 297.4 41.4c12.5-12.5 32.8-12.5 45.3 0z"></path><path class="fa-primary" fill="currentColor" d="M438.6 169.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 402.7 393.4 169.4c12.5-12.5 32.8-12.5 45.3 0z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Clear value and problem statement</h3><p class="product-content">We make sure to clearly explain our value proposition and the problem we solve.<br/></p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42d6-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-sign-in" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="sign-in" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M320 64c0 17.7 14.3 32 32 32l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32z"></path><path class="fa-primary" fill="currentColor" d="M342.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Incentivize sign up</h3><p class="product-content">Our primary call-to-action is to get the user to sign up for a trial. Booking a demo is the tertiary last resort.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42de-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-eye" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="eye" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 400a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path><path class="fa-primary" fill="currentColor" d="M224 256c35.3 0 64-28.7 64-64c0-7.1-1.2-13.9-3.3-20.3c-1.8-5.5 1.6-11.9 7.4-11.7c40.8 1.7 77.5 29.6 88.6 71.1c13.7 51.2-16.7 103.9-67.9 117.6s-103.9-16.7-117.6-67.9c-1.9-6.9-2.9-13.9-3.2-20.7c-.3-5.8 6.1-9.2 11.7-7.4c6.4 2.1 13.2 3.3 20.3 3.3z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Show the product</h3><p class="product-content">Instead of marketing fluff we show our product in screenshots, videos and clickthrough examples.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-content-wrap"><h2 class="section-title">Sign up Process</h2><p class="section-content">The Sign up process in our view needs to be smooth, but also ensure security and serious users. In this video we share our own signup process as well as some improvements we plan to make in the future.<br/></p></div><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/2bf03c4b818a4103a10b9ed003b1445d" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42f3-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-info-circle" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"></path><path class="fa-primary" fill="currentColor" d="M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h24V272H216c-13.3 0-24-10.7-24-24z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Reduce info collection</h3><p class="product-content">Reduce the amount of information you ask for during signup. Email, name and password is enough.<br/></p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c42fc-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-user-check" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="user-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"></path><path class="fa-primary" fill="currentColor" d="M625 143c9.4 9.4 9.4 24.6 0 33.9L497 305c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L591 143c9.4-9.4 24.6-9.4 33.9 0z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Verify to ensure seriousness</h3><p class="product-content">We believe email verification ensures better security and more serious users. Do it at scale with an API.<br/></p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4305-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-hand-point-up" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="hand-point-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M64 0C81.7 0 96 14.3 96 32V240H32V32C32 14.3 46.3 0 64 0zM224 312l0-.6c9.4 5.4 20.3 8.6 32 8.6c13.2 0 25.4-4 35.6-10.8c8.7 24.9 32.5 42.8 60.4 42.8c11.7 0 22.6-3.1 32-8.6V352c0 88.4-71.6 160-160 160H162.3c-42.4 0-83.1-16.9-113.1-46.9L37.5 453.5C13.5 429.5 0 396.9 0 363V336c0-35.3 28.7-64 64-64h88c22.1 0 40 17.9 40 40s-17.9 40-40 40H96c-8.8 0-16 7.2-16 16s7.2 16 16 16h56c39.8 0 72-32.2 72-72z"></path><path class="fa-primary" fill="currentColor" d="M128 160c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V160zm96 32c0-17.7 14.3-32 32-32s32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V192zm128 0c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Use one-click signup with X</h3><p class="product-content">Use Sign up with x to get a smooth one-click signup process that also verifies the email.<br/></p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/f13ad3dc2d0f489887bb0fe1e40c2070" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div><div class="customer-content-wrap"><h2 class="section-title">In-app Onboarding</h2><p class="section-content">In-app onboarding is of course very close to our hearts here at Userflow. In this video we share how we have used Userflow on Userflow to create our onboarding.</p></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c431a-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-comment-alt-lines" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="comment-alt-lines" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zm152 80c-13.3 0-24 10.7-24 24s10.7 24 24 24H360c13.3 0 24-10.7 24-24s-10.7-24-24-24H152zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H152z"></path><path class="fa-primary" fill="currentColor" d="M128 168c0-13.3 10.7-24 24-24H360c13.3 0 24 10.7 24 24s-10.7 24-24 24H152c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24H264c13.3 0 24 10.7 24 24s-10.7 24-24 24H152c-13.3 0-24-10.7-24-24z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Personalized welcome message</h3><p class="product-content">Welcome the users with a personalized message. Ask them a question to drive engagement.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4322-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-traffic-light-go" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="traffic-light-go" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M160 320a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path><path class="fa-primary" fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64V352c0 88.4 71.6 160 160 160s160-71.6 160-160V64c0-35.3-28.7-64-64-64H64zm96 416a48 48 0 1 1 0-96 48 48 0 1 1 0 96zm48-176a48 48 0 1 1 -96 0 48 48 0 1 1 96 0zm-48-80a48 48 0 1 1 0-96 48 48 0 1 1 0 96z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Drive towards actions and Aha</h3><p class="product-content">Instead of presenting each page to the user, drive them towards actions and the key Aha moment(s).</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c432a-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-tasks" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="tasks" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M160 416c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192c-17.7 0-32 14.3-32 32zm64-160c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H256c-17.7 0-32 14.3-32 32zm32-128H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H256c-17.7 0-32 14.3-32 32s14.3 32 32 32z"></path><path class="fa-primary" fill="currentColor" d="M153.8 72.1c8.9-9.9 8.1-25-1.8-33.9s-25-8.1-33.9 1.8L63.1 101.1 41 79C31.6 69.7 16.4 69.7 7 79s-9.4 24.6 0 33.9l40 40c4.7 4.7 11 7.2 17.6 7s12.8-3 17.2-7.9l72-80zm0 160c8.9-9.9 8.1-25-1.8-33.9s-25-8.1-33.9 1.8L63.1 261.1 41 239c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l40 40c4.7 4.7 11 7.2 17.6 7s12.8-3 17.2-7.9l72-80zM48 464a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Onboarding checklist.</h3><p class="product-content">Make an in-app onboarding checklist that the user can follow to get onboarded on their own time.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-content-wrap"><h2 class="section-title">Email Onboarding</h2><p class="section-content">We supplement our in-app onboarding with emails to ensure full adoption of our product pre and post-purchase.</p></div><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><div style="position: relative; padding-bottom: 62.5%; height: 0;"> <iframe src="https://www.loom.com/embed/73257cd7af554703bf8ed6c398fd8a04" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe> </div></div></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c433e-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-infinity" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="infinity" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M0 241.1C0 161 65 96 145.1 96c38.5 0 75.4 15.3 102.6 42.5L320 210.7l72.2-72.2C419.5 111.3 456.4 96 494.9 96C575 96 640 161 640 241.1v29.7C640 351 575 416 494.9 416c-38.5 0-75.4-15.3-102.6-42.5L320 301.3l-72.2 72.2C220.5 400.7 183.6 416 145.1 416C65 416 0 351 0 270.9V241.1zM274.7 256l-72.2-72.2c-15.2-15.2-35.9-23.8-57.4-23.8C100.3 160 64 196.3 64 241.1v29.7c0 44.8 36.3 81.1 81.1 81.1c21.5 0 42.2-8.5 57.4-23.8L274.7 256zm90.5 0l72.2 72.2c15.2 15.2 35.9 23.8 57.4 23.8c44.8 0 81.1-36.3 81.1-81.1V241.1c0-44.8-36.3-81.1-81.1-81.1c-21.5 0-42.2 8.5-57.4 23.8L365.3 256z"></path><path class="fa-primary" fill="currentColor" d=""></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Onboarding never ends</h3><p class="product-content">Onboarding is not only in the trial or the first week after purchase. It is a continous process.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4346-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-user-friends" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="user-friends" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2h61.4C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z"></path><path class="fa-primary" fill="currentColor" d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Semi-personal and personal</h3><p class="product-content">Do a mix of semi-personal and personal emails to engage with users in different ways.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c434e-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-user-robot" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="user-robot" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M240 16c0-8.8-7.2-16-16-16s-16 7.2-16 16V64h32V16zM64 128c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H80V128H64zM176 464c0-8.8-7.2-16-16-16s-16 7.2-16 16v48h32V464zm64 0c0-8.8-7.2-16-16-16s-16 7.2-16 16v48h32V464zm48-16c-8.8 0-16 7.2-16 16v48h32V464c0-8.8-7.2-16-16-16zM416 160c0-17.7-14.3-32-32-32H368V256h16c17.7 0 32-14.3 32-32V160z"></path><path class="fa-primary" fill="currentColor" d="M80 128c0-35.3 28.7-64 64-64H304c35.3 0 64 28.7 64 64V256c0 35.3-28.7 64-64 64H144c-35.3 0-64-28.7-64-64V128zm112 32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM144 256a16 16 0 1 0 32 0 16 16 0 1 0 -32 0zm80-16a16 16 0 1 0 0 32 16 16 0 1 0 0-32zm48 16a16 16 0 1 0 32 0 16 16 0 1 0 -32 0zM0 448c0-53 43-96 96-96H352c53 0 96 43 96 96v32c0 17.7-14.3 32-32 32H352V448c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32v64H32c-17.7 0-32-14.3-32-32V448z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Automate it all</h3><p class="product-content">Even personal emails can be automated to ensure scale and not forget about anyone.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/4a91d3dde9a84729802d541882668676" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div><div class="customer-content-wrap"><h2 class="section-title">Support</h2><p class="section-content">No matter how well you do at onboarding, there will always be a need for support. In this video we share how we approach support in a product-led fashion.</p></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4362-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-comment-alt-edit" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="comment-alt-edit" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zm340.8 59c-14.7-14.7-38.6-14.7-53.3 0L272.6 138l53.3 53.3 14.9-14.9c14.7-14.7 14.7-38.6 0-53.3zM178.1 232.5c-4.1 4.1-7 9.2-8.4 14.9L160.5 284c-1.4 5.5 .2 11.2 4.2 15.2s9.7 5.6 15.2 4.2l36.6-9.2c5.6-1.4 10.8-4.3 14.9-8.4l71.9-71.9L250 160.6l-71.9 71.9z"></path><path class="fa-primary" fill="currentColor" d="M287.5 123L272.6 138l53.3 53.3 14.9-14.9c14.7-14.7 14.7-38.6 0-53.3s-38.6-14.7-53.3 0zM250 160.6l-71.9 71.9c-4.1 4.1-7 9.2-8.4 14.9L160.5 284c-1.4 5.5 .2 11.2 4.2 15.2s9.7 5.6 15.2 4.2l36.6-9.2c5.6-1.4 10.8-4.3 14.9-8.4l71.9-71.9L250 160.6z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Chat, email and documentation</h3><p class="product-content">Make sure you are available to support and use documentation to allow users to self-educate.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c436a-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-video" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="video" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path><path class="fa-primary" fill="currentColor" d="M576 128c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6L384 196.2V315.8l142.2 94.8c9.8 6.5 22.4 7.2 32.9 1.6s16.9-16.4 16.9-28.2V128z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Use videos for advanced cases</h3><p class="product-content">Use recorded videos to explain/discuss support questions to avoid scheduling calls.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4372-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-tools" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="tools" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M168.4 247.6L19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7zM429 274.5c49-23 83-72.8 83-130.5c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16V102.6c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144c0 .3 0 .5 0 .8l85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5zM80 408a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"></path><path class="fa-primary" fill="currentColor" d="M47 7c8.5-8.5 22-9.4 31.6-2.1l104 80c5.9 4.5 9.4 11.6 9.4 19v54.1l109 109c29-14.7 65.4-10 89.6 14.3l112 112c12.5 12.5 12.5 32.8 0 45.3l-64 64c-12.5 12.5-32.8 12.5-45.3 0l-112-112c-24.2-24.2-29-60.6-14.3-89.6l-109-109H104c-7.5 0-14.5-3.5-19-9.4L5 78.6C-2.4 69.1-1.5 55.6 7 47L47 7z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Fix it in the product</h3><p class="product-content">Think about how you could avoid the recurring support requests by fixing the root cause in the product.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-content-wrap"><h2 class="section-title">Product-led Sales/Demos</h2><p class="section-content">Despite being a product-led company, we still have a sales motion and offer demos/meetings/emails to customers who needs this before making a decision.</p></div><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/ff9abd84a09242a18caccf391c9ec257" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4386-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-hand-pointer" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="hand-pointer" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M128 40c0-22.1 17.9-40 40-40s40 17.9 40 40V188.2c8.5-7.6 19.7-12.2 32-12.2c20.6 0 38.2 13 45 31.2c8.8-9.3 21.2-15.2 35-15.2c25.3 0 46 19.5 47.9 44.3c8.5-7.7 19.8-12.3 32.1-12.3c26.5 0 48 21.5 48 48v48 16 48c0 70.7-57.3 128-128 128l-16 0H240l-.1 0h-5.2c-5 0-9.9-.3-14.7-1c-55.3-5.6-106.2-34-140-79L8 336c-13.3-17.7-9.7-42.7 8-56s42.7-9.7 56 8l56 74.7V40zM240 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z"></path><path class="fa-primary" fill="currentColor" d="M224 288c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16zm64 0c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16zm80 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16s16 7.2 16 16z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Encourage trials before a meeting</h3><p class="product-content">Make booking a demo a tertiary call-to-action to encourage hands-on trials before a meeting.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c438e-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-signal-3" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="signal-3" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M608 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V480c0 17.7 14.3 32 32 32s32-14.3 32-32V32zM480 128c0-17.7-14.3-32-32-32s-32 14.3-32 32V480c0 17.7 14.3 32 32 32s32-14.3 32-32V128z"></path><path class="fa-primary" fill="currentColor" d="M320 192c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32zM192 288c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V320c0-17.7 14.3-32 32-32zM96 416v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V416c0-17.7 14.3-32 32-32s32 14.3 32 32z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Build a pipeline</h3><p class="product-content">Build a pipeline for your leads to keep track of where they are in the process.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4396-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-analytics" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="analytics" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M192 224c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-17.7-14.3-32-32-32zM64 320c-17.7 0-32 14.3-32 32v96c0 17.7 14.3 32 32 32s32-14.3 32-32V352c0-17.7-14.3-32-32-32zm224 0V448c0 17.7 14.3 32 32 32s32-14.3 32-32V320c0-17.7-14.3-32-32-32s-32 14.3-32 32zm160-96c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-17.7-14.3-32-32-32z"></path><path class="fa-primary" fill="currentColor" d="M505 44c11 13.8 8.8 33.9-5 45L340 217c-11.4 9.1-27.5 9.4-39.2 .6L192.6 136.5 52 249c-13.8 11-33.9 8.8-45-5s-8.8-33.9 5-45L172 71c11.4-9.1 27.5-9.4 39.2-.6l108.2 81.1L460 39c13.8-11 33.9-8.8 45 5z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Use PQL criteria to identify hot leads</h3><p class="product-content">Define simple PQL metric(s) that can help you identify leads where sales should do more effort.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/ce7fac146bf74d11a3f40eccba1fa944" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div><div class="customer-content-wrap"><h2 class="section-title">Pricing and Payment</h2><p class="section-content">Transparent pricing and easy payment is key to a successfull product-led SaaS setup. In this video we explore how we do it at Userflow.</p></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c43aa-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-eye" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="eye" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 400a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path><path class="fa-primary" fill="currentColor" d="M224 256c35.3 0 64-28.7 64-64c0-7.1-1.2-13.9-3.3-20.3c-1.8-5.5 1.6-11.9 7.4-11.7c40.8 1.7 77.5 29.6 88.6 71.1c13.7 51.2-16.7 103.9-67.9 117.6s-103.9-16.7-117.6-67.9c-1.9-6.9-2.9-13.9-3.2-20.7c-.3-5.8 6.1-9.2 11.7-7.4c6.4 2.1 13.2 3.3 20.3 3.3z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Transparent pricing</h3><p class="product-content">Customers should be able to research your pricing themselves on your website.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c43b2-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-shopping-cart" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="shopping-cart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32h-411c2 4.2 3.5 8.8 4.4 13.5L170.7 288z"></path><path class="fa-primary" fill="currentColor" d="M0 24C0 10.7 10.7 0 24 0H69.5c26.9 0 50 19.1 55 45.5l51.6 271c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Use a 3rd party payment provider</h3><p class="product-content">Using a 3rd party payment provider makes it easy to manage payments and stay compliant.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c43ba-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-cubes" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="cubes" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M184 121v89.6l80 30.3V151.7L184 121zm208 89.6V121l-80 30.7v89.2l80-30.3zM256 323.2l-80 30.7V454.3l80-35.2V323.2zm-208 0v90.7c0 3.2 1.9 6 4.8 7.3L128 454.3V353.9L48 323.2zm400 30.7V454.3l75.2-33.1c2.9-1.3 4.8-4.2 4.8-7.3V323.2l-80 30.7zM400 454.3V353.9l-80-30.7v95.9l80 35.2z"></path><path class="fa-primary" fill="currentColor" d="M290.8 48.6c-1.8-.7-3.8-.7-5.7 0L206.8 78.4 288 109.5l81.2-31.1L290.8 48.6zM184 210.6l80 30.3V151.7L184 121v89.6zm128 30.3l80-30.3V121l-80 30.7v89.2zM288 457.5L174.5 507.4c-14.4 6.3-30.7 6.3-45.1 0l-96-42.2C13.1 456.2 0 436.1 0 413.9V294.7c0-23.3 14.4-44.1 36.1-52.4l96-36.4c1.3-.5 2.6-.9 3.9-1.3V92.5c0-23.3 14.4-44.1 36.1-52.4l96-36.4c12.8-4.8 26.9-4.8 39.7 0l96 36.4C425.6 48.4 440 69.3 440 92.5V204.7c1.3 .4 2.6 .8 3.9 1.3l96 36.4c21.8 8.2 36.1 29.1 36.1 52.4V413.9c0 22.2-13.1 42.3-33.5 51.3l-96 42.2c-14.4 6.3-30.7 6.3-45.1 0L288 457.5zM149.2 250.9L70.8 280.6 152 311.7l81.2-31.1-78.4-29.7c-1.8-.7-3.8-.7-5.7 0zm26.8 103V454.3l80-35.2V323.2l-80 30.7zm-48 0L48 323.2v90.7c0 3.2 1.9 6 4.8 7.3L128 454.3V353.9zm293.2-103l-78.4 29.7L424 311.7l81.2-31.1-78.4-29.7c-1.8-.7-3.8-.7-5.7 0zM448 454.3l75.2-33.1c2.9-1.3 4.8-4.2 4.8-7.3V323.2l-80 30.7V454.3zM400 353.9l-80-30.7v95.9l80 35.2V353.9z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Keep it simple and standardized</h3><p class="product-content">Standardized and simple pricing makes it easier for customers to understand and for you to track.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-content-wrap"><h2 class="section-title">Product Research</h2><p class="section-content">Having a great product is essential to a product-led growth model. A key component to this is understanding user behaviors as well as having a fantastic UX. In this video we explain how we think about this.</p></div><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/9e7c7b21bfa84011890797f1900ee1de" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c43ce-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-analytics" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="analytics" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M192 224c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-17.7-14.3-32-32-32zM64 320c-17.7 0-32 14.3-32 32v96c0 17.7 14.3 32 32 32s32-14.3 32-32V352c0-17.7-14.3-32-32-32zm224 0V448c0 17.7 14.3 32 32 32s32-14.3 32-32V320c0-17.7-14.3-32-32-32s-32 14.3-32 32zm160-96c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-17.7-14.3-32-32-32z"></path><path class="fa-primary" fill="currentColor" d="M505 44c11 13.8 8.8 33.9-5 45L340 217c-11.4 9.1-27.5 9.4-39.2 .6L192.6 136.5 52 249c-13.8 11-33.9 8.8-45-5s-8.8-33.9 5-45L172 71c11.4-9.1 27.5-9.4 39.2-.6l108.2 81.1L460 39c13.8-11 33.9-8.8 45 5z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Analyze your product</h3><p class="product-content">There are amazing product analytics tools on the market. But start simple and iterate.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c43d6-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-comment" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="comment" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4l0 0 0 0 0 0 0 0 .3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"></path><path class="fa-primary" fill="currentColor" d=""></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Listen to customers</h3><p class="product-content">Listening to your customers and their feature requests and support issues is key input for your product.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c43de-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-trophy" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="trophy" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M441.8 112c1.8-15.1 3.3-31.1 4.3-48H552c13.3 0 24 10.7 24 24c0 134.5-70.4 207.7-140.5 246.1c-34.5 18.9-68.8 29.3-94.3 35c-12.2 2.7-22.5 4.4-30 5.4c18.1-9.9 44.1-29.5 68.6-67.3c10.6-4.2 21.6-9.2 32.6-15.2c53.7-29.4 107.1-82 114.6-179.9H441.8zM196.1 307.2c24.5 37.8 50.6 57.4 68.6 67.3c-7.5-1-17.8-2.7-30-5.4c-25.5-5.7-59.8-16.1-94.3-35C70.4 295.7 0 222.5 0 88C0 74.7 10.7 64 24 64H129.9c1 16.9 2.5 32.9 4.3 48H48.9c7.5 97.9 60.9 150.6 114.6 179.9c11 6 22 11 32.6 15.2z"></path><path class="fa-primary" fill="currentColor" d="M256 395.5c0-16.3-8.6-31.2-20.8-42C192.2 315.3 137.3 231 129 48c-1.2-26.5 20.4-48 47-48H400c26.5 0 48.1 21.6 47 48c-8.2 183-63.2 267.2-106.2 305.4c-12.2 10.8-20.8 25.7-20.8 42V400c0 26.5 21.5 48 48 48h16c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32h16c26.5 0 48-21.5 48-48v-4.5z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Make UX a top priority.</h3><p class="product-content">UX issues should be prioritized and considered for all new and existing features. Use your own product.<br/></p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/3f5dc4e724804535ab05c34904360345" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div><div class="customer-content-wrap"><h2 class="section-title">CRM and Subscription Tracking</h2><p class="section-content">Just because you are product-led, you will still need a CRM. Doing deal and subscription tracking is actually a lot easier in a product-led world.</p></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c43f3-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-list" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="list" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M160 96c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32zm0 160c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32zm32 128H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path><path class="fa-primary" fill="currentColor" d="M16 72c0-13.3 10.7-24 24-24H88c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24V72zm0 160c0-13.3 10.7-24 24-24H88c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24V232zM40 368H88c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24V392c0-13.3 10.7-24 24-24z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Use a CRM for pipeline</h3><p class="product-content">Having a CRM is key for keeping track of trials, deals and conversations.</p></div></div><div class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-toolbox" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="toolbox" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M0 320l128 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-32 128 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-32 128 0 0 96c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64l0-96zM128 88c0-30.9 25.1-56 56-56l144 0c30.9 0 56 25.1 56 56l0 40-48 0 0-40c0-4.4-3.6-8-8-8L184 80c-4.4 0-8 3.6-8 8l0 40-48 0 0-40z"></path><path class="fa-primary" fill="currentColor" d="M0 320l0-85.5c0-17 6.7-33.3 18.7-45.3l42.5-42.5c12-12 28.3-18.7 45.3-18.7l299 0c17 0 33.3 6.7 45.3 18.7l42.5 42.5c12 12 18.7 28.3 18.7 45.3l0 85.5-128 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32-128 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32L0 320z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Modern payment and reporting</h3><p class="product-content">Modern product-led tools like Stripe and Chartmogul are great for tracking subscriptions.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4403-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-boxes" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="boxes" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M248 80V16c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16V80c0 8.8-7.2 16-16 16H264c-8.8 0-16-7.2-16-16zM104 336V256h80v80c0 8.8-7.2 16-16 16H120c-8.8 0-16-7.2-16-16zm288-80h80v80c0 8.8-7.2 16-16 16H408c-8.8 0-16-7.2-16-16V256z"></path><path class="fa-primary" fill="currentColor" d="M248 0H208c-26.5 0-48 21.5-48 48V160c0 35.3 28.7 64 64 64H352c35.3 0 64-28.7 64-64V48c0-26.5-21.5-48-48-48H328V80c0 8.8-7.2 16-16 16H264c-8.8 0-16-7.2-16-16V0zM64 256c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H224c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64H184v80c0 8.8-7.2 16-16 16H120c-8.8 0-16-7.2-16-16V256H64zM352 512H512c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64H472v80c0 8.8-7.2 16-16 16H408c-8.8 0-16-7.2-16-16V256H352c-15 0-28.8 5.1-39.7 13.8c4.9 10.4 7.7 22 7.7 34.2V464c0 12.2-2.8 23.8-7.7 34.2C323.2 506.9 337 512 352 512z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Keep things standard</h3><p class="product-content">Keeping pricing, subscriptions and discounts standard are key for automated subscription tracking.</p></div></div></div></div></div></section><section class="customer-section"><div class="w-layout-blockcontainer container w-container"><div class="customer-area"><div class="customer-wrap"><div class="customer-content-wrap"><h2 class="section-title">Retention and Expansion</h2><p class="section-content">Learn how we drive retention and expansion in a scalable way using Userflow lists and flows, and automated emails.</p></div><div class="customer-image-wrap"><div class="loom-code w-embed w-iframe"><iframe src="https://www.loom.com/embed/ffb3d05854e9434883636ef2d39e4ace" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="product-features-wrap"><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4417-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-list" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="list" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M160 96c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32zm0 160c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32zm32 128H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path><path class="fa-primary" fill="currentColor" d="M16 72c0-13.3 10.7-24 24-24H88c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24V72zm0 160c0-13.3 10.7-24 24-24H88c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24V232zM40 368H88c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24V392c0-13.3 10.7-24 24-24z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Track customers based on activity</h3><p class="product-content">Build customer lists and segments with different retention and expansion driving attributes.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c441f-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-comments-alt" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="comments-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 352v32c0 35.3 28.7 64 64 64H437.3l81.1 60.8c4.8 3.6 11.3 4.2 16.8 1.5s8.8-8.2 8.8-14.3V448h32c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64H448V256c0 53-43 96-96 96H256z"></path><path class="fa-primary" fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0H352c35.3 0 64 28.7 64 64V256c0 35.3-28.7 64-64 64H202.7l-81.1 60.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V320H64c-35.3 0-64-28.7-64-64V64z"></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">In-app highlights</h3><p class="product-content">Drive retention and expansion by highlighting new or unused features with in-app messages.</p></div></div><div id="w-node-c0f91330-2a20-7bc4-6913-bfc4cf9c4427-d48b911d" class="product-feature-item"><div class="product-icon-wrap"><div class="product-icon-code w-embed"><svg class="fa-at" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="at" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><g class="fa-duotone-group"><path class="fa-secondary" fill="currentColor" d="M256 64C150 64 64 150 64 256s86 192 192 192c17.7 0 32 14.3 32 32s-14.3 32-32 32C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256v32c0 53-43 96-96 96c-29.3 0-55.6-13.2-73.2-33.9C320 371.1 289.5 384 256 384c-70.7 0-128-57.3-128-128s57.3-128 128-128c27.9 0 53.7 8.9 74.7 24.1c5.7-5 13.1-8.1 21.3-8.1c17.7 0 32 14.3 32 32v80 32c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-106-86-192-192-192zm64 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"></path><path class="fa-primary" fill="currentColor" d=""></path></g></svg></div></div><div class="product-text-wrap"><h3 class="product-title">Automated emails</h3><p class="product-content">Get people to login again and discover new or unused features via automated emails.</p></div></div></div></div></div></section><section class="footer-review-section"><div class="w-layout-blockcontainer container w-container"><div class="footer-review-area hide"><h2 class="section-title">Level-up your own Product-led Growth today</h2><p class="review-text mb32">Userflow is the fastest way to build custom in-app product tours, checklists and surveys. No coding needed.</p><p class="review-content">“Simple, intuitive design. You don't need to read any guides to figure out how it works. It feels like a game”</p><div class="footer-review-wrap"><img src="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/666be02c05726cb323fd1c4e_rating-star.svg" loading="lazy" alt="icon"/></div><a href="https://www.g2.com/products/userflow/reviews" class="review-rating-text">4.9 rating on G2</a><div class="footer-review-button-wrap"><a href="https://app.userflow.com/app/create-account" class="primary-button large w-button">Play with Userflow</a></div><p class="review-text">No installation required - start building in your own app immediately. The first 14 days are on us.</p><p class="review-text">Or, if you'd rather chat about it first: <a href="/demo#schedule" class="section-content-link">Book a demo</a></p></div><div class="footer-review-area"><h2 class="section-title">Level-up your own Product-led Growth today</h2><p class="review-content">Try the most-loved user onboarding product on the market, <br/>and see what everyone’s talking about.</p><div class="footer-review-wrap"><img src="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/666be02c05726cb323fd1c4e_rating-star.svg" loading="lazy" alt="icon"/></div><div href="https://www.g2.com/products/userflow/reviews" class="review-rating-text">4.8 rating on G2</div><div class="footer-review-button-wrap"><a href="https://app.userflow.com/app/create-account" class="primary-button large w-button">Start Building Now</a></div><p class="review-text">No installation required - start building in your own app immediately. The first 14 days are on us.</p></div></div></section><section class="footer-section"><div class="w-layout-blockcontainer container w-container"><div class="footer-area"><div class="footer-link-wrap"><a href="/" class="footer-logo-link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/666c4067646925e7d0491ec2_footer-logo.svg" alt="icon" class="footer-logo-image"/></a></div><div class="footer-wrap"><div class="footer-list-area"><div class="footer-list-whole-wrap"><h2 class="footer-list-title">PRODUCT</h2><div class="footer-list-wrap"><a href="/product" class="footer-link">Product overview<br/></a><a href="/resource-center" class="footer-link">Resource Center<br/></a><a href="/ai-assistant" class="footer-link">AI Assistant<br/></a><a href="/in-app-surveys" class="footer-link">In-app surveys</a><a href="/feature-announcements" class="footer-link">Feature announcements</a><a href="/pricing" class="footer-link">Pricing <br/></a><a href="/alternatives" class="footer-link">Alternatives<br/></a></div></div></div><div class="footer-list-area"><div class="footer-list-whole-wrap"><h2 class="footer-list-title">SOLUTIONS</h2><div class="footer-list-wrap"><a href="/user-onboarding" class="footer-link">User onboarding</a><a href="/product-tours" class="footer-link">Product tours</a><a href="/product-led-growth" class="footer-link">Product-led growth</a><a href="/customer-self-service" class="footer-link">Customer self-service</a><a href="/trial-conversion" class="footer-link">Trial conversion</a></div></div><div class="footer-list-whole-wrap"><h2 class="footer-list-title">DEVELOPERS</h2><div class="footer-list-wrap"><a href="https://docs.userflow.com/docs/dev" class="footer-link">Developer docs</a><a href="https://docs.userflow.com/docs/dev/userflow-js-installation" class="footer-link">Userflow.js Installation</a><a href="https://docs.userflow.com/docs/userflow-js#userflow-js-reference" class="footer-link">Userflow.js Reference</a><a href="https://docs.userflow.com/docs/api#userflow-api-reference" class="footer-link">API Reference</a></div></div></div><div class="footer-list-area"><div class="footer-list-whole-wrap"><h2 class="footer-list-title">RESOURCES</h2><div class="footer-list-wrap"><a href="/blog" class="footer-link">Blog</a><a href="/customers" class="footer-link">Customers</a><a href="https://docs.userflow.com/docs" class="footer-link">Documentation</a><a href="/first-userflow-onboarding" class="footer-link">First Userflow onboarding</a><a href="/userflow-tips-and-tricks" class="footer-link">Userflow tips and tricks</a><a href="/onboarding-best-practices" class="footer-link">Onboarding best practices</a><a href="/resource-center-best-practices" class="footer-link">Resource center best practices</a><a href="/product-led-at-userflow" aria-current="page" class="footer-link w--current">Product-led at Userflow</a></div></div></div><div class="footer-list-area"><div class="footer-list-whole-wrap"><div class="nav-button-wrap footer"><div class="footer-secondary-button"><a href="https://app.userflow.com/app/create-account" class="primary-button navigation w-button">Start Free Trial</a></div><a href="/demo#schedule" class="secondary-button small navigation w-button">Book a Demo</a></div></div><div class="footer-list-whole-wrap"><h2 class="footer-list-title">© USERFLOW INC. 2025</h2><div class="footer-list-wrap"><a href="https://status.userflow.com/" class="footer-link">System status</a><a href="/policies/security" class="footer-link">Security</a><a href="/policies/privacy-regulations" class="footer-link">Privacy Regulations (GDPR)</a><a href="/policies/terms" class="footer-link">Terms of Service</a><a href="/policies/privacy" class="footer-link">Privacy Policy</a><a href="/policies" class="footer-link">All policies</a></div></div></div></div><div class="footer-badge-wrap"><img loading="lazy" src="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/66706c96f6aa024c3c6c9d93_footer-badge.png" alt="image" class="footer-badge-image"/></div></div></div></section><div><div class="set-all-components-to-display-none-and-use-this-div-to-create-a-symbol"><div fs-cc="banner" class="fs-cc-banner_component"><div class="cookie-banner"><div>We use cookies to help us improve userflow.com</div><a href="/policies" class="policy-link">Learn more</a><div class="fs-cc-banner_buttons-wrapper"><div fs-cc="open-preferences" class="fs-cc-banner_text-link hide">Preferences</div><div fs-cc="deny" class="fs-cc-banner_button fs-cc-button-alt hide">Deny</div><div fs-cc="allow" class="cookie-accept-link">OK</div><div fs-cc="close" class="fs-cc-banner_close hide"><div class="fs-cc-banner_close-icon w-embed"><svg fill="currentColor" aria-hidden="true" focusable="false" viewBox="0 0 16 16"> <path d="M9.414 8l4.293-4.293-1.414-1.414L8 6.586 3.707 2.293 2.293 3.707 6.586 8l-4.293 4.293 1.414 1.414L8 9.414l4.293 4.293 1.414-1.414L9.414 8z"></path> </svg></div></div></div></div><div fs-cc="interaction" class="fs-cc-banner_trigger"></div></div><div fs-cc="manager" class="fs-cc-manager_component hide"><div fs-cc="open-preferences" class="fs-cc-manager_button"><div class="fs-cc-manager_icon w-embed"><svg viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M52.631 30.3899C52.229 30.4443 51.8161 30.4769 51.3924 30.4769C47.5135 30.4769 44.2322 27.9344 43.1022 24.4358C42.9066 23.8382 42.4177 23.371 41.7984 23.2624C35.3553 22.0346 30.4877 16.3847 30.4877 9.5831C30.4877 6.72555 31.3461 4.07445 32.8237 1.86881C33.1714 1.34728 32.8781 0.641046 32.2588 0.521529C30.5529 0.173843 28.8036 0 27 0C12.093 0 0 12.093 0 27C0 41.907 12.093 54 27 54C40.4402 54 51.5553 44.2213 53.6415 31.3678C53.7392 30.7811 53.2068 30.303 52.631 30.3899Z" fill="#4264D1"/> <path d="M14.8093 21.7738C16.7355 21.7738 18.297 20.2123 18.297 18.2861C18.297 16.3599 16.7355 14.7984 14.8093 14.7984C12.883 14.7984 11.3215 16.3599 11.3215 18.2861C11.3215 20.2123 12.883 21.7738 14.8093 21.7738Z" fill="#6CE2FF"/> <path d="M16.5477 38.3215C17.9879 38.3215 19.1554 37.154 19.1554 35.7138C19.1554 34.2737 17.9879 33.1062 16.5477 33.1062C15.1075 33.1062 13.9401 34.2737 13.9401 35.7138C13.9401 37.154 15.1075 38.3215 16.5477 38.3215Z" fill="#6CE2FF"/> <path d="M38.2129 7.06237L37.963 8.56177C37.7565 9.78953 38.4519 10.9956 39.6254 11.441L41.8419 12.2668C43.2978 12.8101 44.9167 11.9626 45.297 10.4523L46.0901 7.3014C46.5791 5.33481 44.7429 3.58551 42.8089 4.16137L40.06 4.98712C39.093 5.26961 38.3759 6.07364 38.2129 7.06237Z" fill="#6CE2FF"/> <path d="M47.0354 16.5477L45.9815 17.0692C45.1557 17.4821 44.7972 18.4708 45.1557 19.3183L46.0032 21.2958C46.5139 22.4909 48.1111 22.7191 48.9477 21.7195L50.3058 20.0897C50.9469 19.3183 50.8056 18.1774 50.0125 17.5799L48.8608 16.7106C48.3284 16.3195 47.6221 16.2543 47.0354 16.5477Z" fill="#6CE2FF"/> <path d="M52.2615 13.06C53.2216 13.06 53.9999 12.2816 53.9999 11.3215C53.9999 10.3614 53.2216 9.5831 52.2615 9.5831C51.3014 9.5831 50.5231 10.3614 50.5231 11.3215C50.5231 12.2816 51.3014 13.06 52.2615 13.06Z" fill="#6CE2FF"/> <path d="M30.2704 50.7296C15.3634 50.7296 3.27042 38.6366 3.27042 23.7296C3.27042 17.1018 5.66076 11.039 9.61569 6.34528C3.73763 11.2998 0 18.7099 0 27C0 41.907 12.093 54 27 54C35.2901 54 42.7002 50.2732 47.6439 44.3952C42.9501 48.3501 36.8873 50.7296 30.2704 50.7296Z" fill="#4264D1"/> <path d="M42.2222 10.2459C40.7662 9.70263 39.897 8.19236 40.1469 6.64951L40.4403 4.86761L40.0274 4.98713C39.0712 5.26963 38.365 6.07365 38.202 7.06238L37.9521 8.56178C37.7457 9.78955 38.4411 10.9956 39.6145 11.4411L41.831 12.2668C43.0044 12.7014 44.2648 12.2342 44.9167 11.2563L42.2222 10.2459Z" fill="#4264D1"/> <path d="M47.8612 20.1658L46.905 17.9276C46.7203 17.5038 46.7095 17.0584 46.8181 16.6455L45.9815 17.0692C45.1557 17.4821 44.7972 18.4708 45.1557 19.3183L46.0032 21.2958C46.5139 22.491 48.1111 22.7191 48.9477 21.7195L49.2845 21.3175C48.6869 21.198 48.1328 20.8069 47.8612 20.1658Z" fill="#4264D1"/> <path d="M16.6563 19.9268C14.7332 19.9268 13.1686 18.3622 13.1686 16.4391C13.1686 15.961 13.2664 15.4938 13.4402 15.0809C12.1907 15.6133 11.3107 16.8519 11.3107 18.2861C11.3107 20.2093 12.8753 21.7739 14.7984 21.7739C16.2435 21.7739 17.4821 20.8938 18.0036 19.6443C17.6016 19.829 17.1344 19.9268 16.6563 19.9268Z" fill="white"/> <path d="M17.9059 36.9634C16.4608 36.9634 15.2982 35.79 15.2982 34.3557C15.2982 33.9863 15.3743 33.6386 15.5155 33.3235C14.592 33.7256 13.9401 34.6491 13.9401 35.7248C13.9401 37.1698 15.1135 38.3324 16.5477 38.3324C17.6234 38.3324 18.5469 37.6805 18.9489 36.757C18.623 36.8873 18.2753 36.9634 17.9059 36.9634Z" fill="white"/> <path d="M33.0954 41.8093C35.0216 41.8093 36.5831 40.2477 36.5831 38.3215C36.5831 36.3953 35.0216 34.8338 33.0954 34.8338C31.1692 34.8338 29.6077 36.3953 29.6077 38.3215C29.6077 40.2477 31.1692 41.8093 33.0954 41.8093Z" fill="#6CE2FF"/> <path d="M34.9425 39.9513C33.0193 39.9513 31.4547 38.3867 31.4547 36.4636C31.4547 35.9855 31.5525 35.5183 31.7264 35.1054C30.4769 35.6378 29.5968 36.8765 29.5968 38.3107C29.5968 40.2338 31.1614 41.7984 33.0845 41.7984C34.5296 41.7984 35.7682 40.9183 36.2898 39.6688C35.8877 39.8535 35.4314 39.9513 34.9425 39.9513Z" fill="white"/> <path d="M27.8063 22.9281C27.9601 21.9804 27.3165 21.0874 26.3688 20.9336C25.421 20.7798 24.5281 21.4234 24.3743 22.3711C24.2205 23.3188 24.864 24.2118 25.8118 24.3656C26.7595 24.5194 27.6525 23.8758 27.8063 22.9281Z" fill="#6CE2FF"/> <path d="M42.6785 35.6487C42.798 35.6487 42.9284 35.6161 43.0371 35.5618C43.4391 35.3553 43.602 34.8664 43.4065 34.4644L42.5373 32.726C42.3308 32.3239 41.8419 32.161 41.4399 32.3565C41.0379 32.563 40.8749 33.0519 41.0705 33.4539L41.9397 35.1924C42.0918 35.4857 42.3743 35.6487 42.6785 35.6487Z" fill="white"/> <path d="M33.0954 30.4225C33.2149 30.4225 33.3453 30.39 33.4539 30.3356L35.1923 29.4664C35.5944 29.26 35.7573 28.771 35.5618 28.369C35.3553 27.967 34.8664 27.804 34.4644 27.9996L32.726 28.8688C32.3239 29.0753 32.161 29.5642 32.3565 29.9662C32.5087 30.2596 32.802 30.4225 33.0954 30.4225Z" fill="white"/> <path d="M8.85515 28.2386C8.9964 28.5211 9.28976 28.6841 9.58312 28.6841C9.70263 28.6841 9.83302 28.6515 9.94167 28.5972C10.3437 28.3908 10.5067 27.9018 10.3111 27.4998L9.44187 25.7614C9.23543 25.3594 8.7465 25.1964 8.34449 25.392C7.94247 25.5984 7.7795 26.0873 7.97507 26.4894L8.85515 28.2386Z" fill="white"/> <path d="M22.2845 41.9505L20.5461 42.8197C20.1441 43.0262 19.9811 43.5151 20.1767 43.9171C20.3179 44.1996 20.6113 44.3626 20.9046 44.3626C21.0242 44.3626 21.1545 44.33 21.2632 44.2757L23.0016 43.4064C23.4036 43.2 23.5666 42.7111 23.371 42.3091C23.1755 41.907 22.6865 41.7441 22.2845 41.9505Z" fill="white"/> <path d="M23.2189 9.00724L22.3497 8.13802C22.0346 7.82293 21.5131 7.82293 21.198 8.13802C20.8829 8.45311 20.8829 8.97464 21.198 9.28973L22.0672 10.1589C22.2302 10.3219 22.4366 10.398 22.6431 10.398C22.8495 10.398 23.0559 10.3219 23.2189 10.1589C23.5449 9.84385 23.5449 9.32233 23.2189 9.00724Z" fill="white"/> <path d="M19.4596 28.1626C19.1445 28.4777 19.1445 28.9992 19.4596 29.3143L20.3288 30.1835C20.4918 30.3465 20.6982 30.4226 20.9047 30.4226C21.1111 30.4226 21.3175 30.3465 21.4805 30.1835C21.7956 29.8684 21.7956 29.3469 21.4805 29.0318L20.6113 28.1626C20.2853 27.8475 19.7747 27.8475 19.4596 28.1626Z" fill="white"/> <path d="M29.6729 47.0354V47.9046C29.6729 48.3501 30.0423 48.7195 30.4877 48.7195C30.9332 48.7195 31.3026 48.3501 31.3026 47.9046V47.0354C31.3026 46.5899 30.9332 46.2205 30.4877 46.2205C30.0423 46.2205 29.6729 46.5791 29.6729 47.0354Z" fill="white"/> <path d="M25.8374 15.3851L26.7067 14.5159C27.0217 14.2008 27.0217 13.6793 26.7067 13.3642C26.3916 13.0491 25.87 13.0491 25.5549 13.3642L24.6857 14.2334C24.3706 14.5485 24.3706 15.07 24.6857 15.3851C24.8487 15.5481 25.0551 15.6241 25.2616 15.6241C25.468 15.6241 25.6745 15.5372 25.8374 15.3851Z" fill="white"/> </g> <defs> <clipPath id="clip0"> <rect width="54" height="54" fill="white"/> </clipPath> </defs> </svg></div></div><div fs-cc="interaction" class="fs-cc-manager_trigger"></div></div><div fs-cc-scroll="disable" fs-cc="preferences" class="fs-cc-prefs_component w-form"><form id="cookie-preferences" name="wf-form-Cookie-Preferences" data-name="Cookie Preferences" method="get" class="fs-cc-prefs_form" data-wf-page-id="6671e2a8b123a3a3d48b911d" data-wf-element-id="25c9b353-1b2e-0231-fe50-01f1a7f34005"><div fs-cc="close" class="fs-cc-prefs_close"><div class="fs-cc-prefs_close-icon w-embed"><svg fill="currentColor" aria-hidden="true" focusable="false" viewBox="0 0 16 24"> <path d="M9.414 8l4.293-4.293-1.414-1.414L8 6.586 3.707 2.293 2.293 3.707 6.586 8l-4.293 4.293 1.414 1.414L8 9.414l4.293 4.293 1.414-1.414L9.414 8z"></path> </svg></div></div><div class="fs-cc-prefs_content"><div class="fs-cc-prefs_space-small"><div class="fs-cc-prefs_title">Privacy Preference Center</div></div><div class="fs-cc-prefs_space-small"><div class="fs-cc-prefs_text">When you visit websites, they may store or retrieve data in your browser. This storage is often necessary for the basic functionality of the website. The storage may be used for marketing, analytics, and personalization of the site, such as storing your preferences. Privacy is important to us, so you have the option of disabling certain types of storage that may not be necessary for the basic functioning of the website. Blocking categories may impact your experience on the website.</div></div><div class="fs-cc-prefs_space-medium"><div fs-cc="deny" class="cookie-pref-button reject">Reject all cookies</div><div fs-cc="allow" class="cookie-pref-button">Allow all cookies</div></div><div class="fs-cc-prefs_space-small"><div class="fs-cc-prefs_title">Manage Consent Preferences by Category</div></div><div class="fs-cc-prefs_option"><div class="fs-cc-prefs_toggle-wrapper"><div class="fs-cc-prefs_label">Essential</div><div class="fs-cc-prefs_text"><strong>Always Active</strong></div></div><div class="fs-cc-prefs_text">These items are required to enable basic website functionality.</div></div><div class="fs-cc-prefs_option"><div class="fs-cc-prefs_toggle-wrapper"><div class="fs-cc-prefs_label">Marketing</div><label class="w-checkbox fs-cc-prefs_checkbox-field"><input type="checkbox" name="marketing-2" id="marketing-2" data-name="Marketing 2" fs-cc-checkbox="marketing" class="w-checkbox-input fs-cc-prefs_checkbox"/><span for="marketing-2" class="fs-cc-prefs_checkbox-label w-form-label">Essential</span><div class="fs-cc-prefs_toggle"></div></label></div><div class="fs-cc-prefs_text">These items are used to deliver advertising that is more relevant to you and your interests. They may also be used to limit the number of times you see an advertisement and measure the effectiveness of advertising campaigns. Advertising networks usually place them with the website operator’s permission.</div></div><div class="fs-cc-prefs_option"><div class="fs-cc-prefs_toggle-wrapper"><div class="fs-cc-prefs_label">Personalization</div><label class="w-checkbox fs-cc-prefs_checkbox-field"><input type="checkbox" name="personalization-2" id="personalization-2" data-name="Personalization 2" fs-cc-checkbox="personalization" class="w-checkbox-input fs-cc-prefs_checkbox"/><span for="personalization-2" class="fs-cc-prefs_checkbox-label w-form-label">Essential</span><div class="fs-cc-prefs_toggle"></div></label></div><div class="fs-cc-prefs_text">These items allow the website to remember choices you make (such as your user name, language, or the region you are in) and provide enhanced, more personal features. For example, a website may provide you with local weather reports or traffic news by storing data about your current location.</div></div><div class="fs-cc-prefs_option"><div class="fs-cc-prefs_toggle-wrapper"><div class="fs-cc-prefs_label">Analytics</div><label class="w-checkbox fs-cc-prefs_checkbox-field"><input type="checkbox" name="analytics-2" id="analytics-2" data-name="Analytics 2" fs-cc-checkbox="analytics" class="w-checkbox-input fs-cc-prefs_checkbox"/><span for="analytics-2" class="fs-cc-prefs_checkbox-label w-form-label">Essential</span><div class="fs-cc-prefs_toggle"></div></label></div><div class="fs-cc-prefs_text">These items help the website operator understand how its website performs, how visitors interact with the site, and whether there may be technical issues. This storage type usually doesn’t collect information that identifies a visitor.</div></div><div class="fs-cc-prefs_buttons-wrapper"><div fs-cc="submit" class="cookie-pref-button">Confirm my preferences and close</div></div><input type="submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button" value="Submit"/><div class="w-embed"><style> /* smooth scrolling on iOS devices */ .fs-cc-prefs_content{-webkit-overflow-scrolling: touch} </style></div></div></form><div class="w-form-done"></div><div class="w-form-fail"></div><div fs-cc="close" class="fs-cc-prefs_overlay"></div><div fs-cc="interaction" class="fs-cc-prefs_trigger"></div></div><div class="hide"></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=666bc9172254723eadc4af82" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/666bc9172254723eadc4af82/js/webflow.deda8c6f.a354edc4c39d16d0.js" type="text/javascript"></script> <script nonce="68a4db1c-aead-432a-b3bb-f1066735b2f6"> !function () { var e = "undefined" == typeof window ? {} : window, t = e.userflow, r = e.history; function n(t, n) { return function () { var o = new CustomEvent(n), s = Array.prototype.slice.call(arguments), a = t.apply(r, s); return e.dispatchEvent(o), a } } if (r) { e.__userflowStatePatched = !0; var o = r.pushState, s = r.replaceState; r.pushState = n(o, "userflow:pushstate"), r.replaceState = n(s, "userflow:replacestate") } if (!t) { var a = "https://js.userflow.com/", l = null; t = e.userflow = { _stubbed: !0, load: function () { return l || (l = new Promise((function (t, r) { var n = document.createElement("script"); n.async = !0; var o = e.USERFLOWJS_ENV_VARS || {}; "es2020" === (o.USERFLOWJS_BROWSER_TARGET || function (e) { for (var t = [[/Edg\//, /Edg\/(\d+)/, 80], [/OPR\//, /OPR\/(\d+)/, 67], [/Chrome\//, /Chrome\/(\d+)/, 80], [/CriOS\//, /CriOS\/(\d+)/, 100], [/Safari\//, /Version\/(\d+)/, 14], [/Firefox\//, /Firefox\/(\d+)/, 74]], r = 0; r < t.length; r++) { var n = t[r], o = n[0], s = n[1], a = n[2]; if (e.match(o)) { var l = e.match(new RegExp(s)); if (l && parseInt(l[1], 10) >= a) return "es2020"; break } } return "legacy" }(navigator.userAgent)) ? (n.type = "module", n.src = o.USERFLOWJS_ES2020_URL || a + "es2020/userflow.js") : n.src = o.USERFLOWJS_LEGACY_URL || a + "legacy/userflow.js", n.onload = function () { t() }, n.onerror = function () { document.head.removeChild(n), l = null; var e = new Error("Could not load Userflow.js"); console.warn(e.message), r(e) }, document.head.appendChild(n) }))), l } }; var u = e.USERFLOWJS_QUEUE = e.USERFLOWJS_QUEUE || [], i = function (e) { t[e] = function () { var r = Array.prototype.slice.call(arguments); t.load(), u.push([e, null, r]) } }, c = function (e) { t[e] = function () { var r, n = Array.prototype.slice.call(arguments); t.load(); var o = new Promise((function (e, t) { r = { resolve: e, reject: t } })); return u.push([e, r, n]), o } }, d = function (e, r) { t[e] = function () { return r } }; i("_setTargetEnv"), i("closeResourceCenter"), i("disableEvalJs"), i("init"), i("off"), i("on"), i("prepareAudio"), i("registerCustomInput"), i("remount"), i("reset"), i("setBaseZIndex"), i("setCustomInputSelector"), i("setCustomNavigate"), i("setCustomScrollIntoView"), i("setInferenceAttributeFilter"), i("setInferenceAttributeNames"), i("setInferenceClassNameFilter"), i("setResourceCenterLauncherHidden"), i("setScrollPadding"), i("setServerEndpoint"), i("setShadowDomEnabled"), i("setPageTrackingDisabled"), i("setUrlFilter"), i("setLinkUrlDecorator"), i("openResourceCenter"), i("toggleResourceCenter"), c("endAll"), c("endAllFlows"), c("endChecklist"), c("group"), c("identify"), c("identifyAnonymous"), c("start"), c("startFlow"), c("startWalk"), c("track"), c("updateGroup"), c("updateUser"), d("getResourceCenterState", null), d("isIdentified", !1) } }(); userflow.init('evao4c7wsve27lu324gtqrtfia') userflow.identify( 'visitor-6cb4e048-408f-4376-af65-a43fe0873aef', { user_type: 'visitor' }, { signature: '2353b8f7a7dd6989a24a6d32a31d4cb9d61b642cd06328dc164182891824bb3e' } ) </script> <script> window.intercomSettings = { api_base: "https://api-iam.intercom.io", app_id: "yq7qhyvw", }; </script> <script> // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/yq7qhyvw' (function () { var w = window; var ic = w.Intercom; if (typeof ic === "function") { ic('reattach_activator'); ic('update', w.intercomSettings); } else { var d = document; var i = function () { i.c(arguments); }; i.q = []; i.c = function (args) { i.q.push(args); }; w.Intercom = i; var l = function () { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.intercom.io/widget/yq7qhyvw'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); }; if (document.readyState === 'complete') { l(); } else if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } } })(); </script>  <script> document.addEventListener('DOMContentLoaded', function () { function isSecurityPoliciesPage() { return window.location.pathname === '/policies/security'; } function toggleSecurityPolicies() { const securityPoliciesElements = document.querySelectorAll('.security-policies'); if (isSecurityPoliciesPage()) { securityPoliciesElements.forEach(element => { element.style.display = 'block'; }); } else { securityPoliciesElements.forEach(element => { element.style.display = 'none'; }); } } toggleSecurityPolicies(); window.addEventListener('popstate', toggleSecurityPolicies); }); </script>  <script> const heroSection = document.querySelector('.hero-section'); if (heroSection) { const headerSticky = document.querySelector('.header-stickey'); const svgPaths = document.querySelectorAll('.header-stickey .nav-whole-area .container .navbar-area .brand-link .w-embed svg path'); // Select all elements to apply the 'dark' class const navbar = document.querySelector('.header-stickey .nav-whole-area .navbar'); const navMenuLinks = document.querySelectorAll('.header-stickey .nav-whole-area .container .navbar-area .nav-menu .nav-menu-wrap .nav-link'); const navDropdownLinks = document.querySelectorAll('.nav-dropdown-link'); // New selector const navIconsLight = document.querySelectorAll('.nav-icon-light'); const navIconsDark = document.querySelectorAll('.nav-icon-dark'); const navMenuNavigation = document.querySelector('.nav-menu.navigation'); // Initial setup - apply dark mode to elements svgPaths.forEach(path => { path.style.fill = '#fff'; }); navbar.classList.add('dark'); navMenuLinks.forEach(link => { link.classList.add('dark'); }); navDropdownLinks.forEach(link => { link.classList.add('dark'); }); // Apply dark class to dropdown links navIconsLight.forEach(icon => { icon.classList.add('dark'); }); navIconsDark.forEach(icon => { icon.classList.add('dark'); }); if (navMenuNavigation) navMenuNavigation.classList.add('dark'); const heroSectionHeight = heroSection.offsetHeight; let scrolledIntoHero = false; window.addEventListener('scroll', function () { const scrollPosition = window.scrollY; const heroTop = heroSection.offsetTop; const heroBottom = heroSection.offsetTop + heroSectionHeight; if (scrollPosition >= heroTop && scrollPosition <= heroBottom) { if (!scrolledIntoHero) { // Apply dark mode to elements svgPaths.forEach(path => { path.style.fill = '#fff'; }); navbar.classList.add('dark'); navMenuLinks.forEach(link => { link.classList.add('dark'); }); navDropdownLinks.forEach(link => { link.classList.add('dark'); }); // Apply dark class to dropdown links navIconsLight.forEach(icon => { icon.classList.add('dark'); }); navIconsDark.forEach(icon => { icon.classList.add('dark'); }); if (navMenuNavigation) navMenuNavigation.classList.add('dark'); scrolledIntoHero = true; } } else { if (scrolledIntoHero) { // Remove dark mode from elements svgPaths.forEach(path => { path.style.fill = ''; }); navbar.classList.remove('dark'); navMenuLinks.forEach(link => { link.classList.remove('dark'); }); navDropdownLinks.forEach(link => { link.classList.remove('dark'); }); // Remove dark class from dropdown links navIconsLight.forEach(icon => { icon.classList.remove('dark'); }); navIconsDark.forEach(icon => { icon.classList.remove('dark'); }); if (navMenuNavigation) navMenuNavigation.classList.remove('dark'); scrolledIntoHero = false; } } }); function resetFunctionalities() { svgPaths.forEach(path => { path.style.fill = ''; }); navbar.classList.remove('dark'); navMenuLinks.forEach(link => { link.classList.remove('dark'); }); navDropdownLinks.forEach(link => { link.classList.remove('dark'); }); // Reset dark class on dropdown links navIconsLight.forEach(icon => { icon.classList.remove('dark'); }); navIconsDark.forEach(icon => { icon.classList.remove('dark'); }); if (navMenuNavigation) navMenuNavigation.classList.remove('dark'); scrolledIntoHero = false; } } </script>  <script> function addBoxShadowOnScroll() { const navElement = document.querySelector('.nav-whole-area'); if (!navElement) return; // Exit if the element is not found window.addEventListener('scroll', () => { if (window.scrollY > 0) { navElement.classList.add('box-shadow'); } else { navElement.classList.remove('box-shadow'); } }); } addBoxShadowOnScroll(); </script>  <script> // Helpers to manipulate localStorage, which also work in tests running in // Node.js environment class StorageWrapper { constructor(type) { this.type = type; this.testState = {}; } formatKey(key) { return `userflow:${key}`; } isSupported() { if (process.env.NODE_ENV === 'test') { return true; } if (typeof window === 'undefined') { return false; } // Check if access is denied by the browser try { return window[this.type] != null; } catch { return false; } } getItem(key) { key = this.formatKey(key); if (process.env.NODE_ENV === 'test') { const v = this.testState[key]; return v == null ? null : v; } else { if (!this.isSupported()) { return null; } return window[this.type].getItem(key); } } setItem(key, value) { key = this.formatKey(key); if (process.env.NODE_ENV === 'test') { this.testState[key] = value; } else { if (!this.isSupported()) { return; } window[this.type].setItem(key, value); } } removeItem(key) { key = this.formatKey(key); if (process.env.NODE_ENV === 'test') { delete this.testState[key]; } else { if (!this.isSupported()) { return; } return window[this.type].removeItem(key); } } clear() { if (process.env.NODE_ENV === 'test') { this.testState = {}; } else { if (!this.isSupported()) { return; } return window[this.type].clear(); } } } const uLocalStorage = new StorageWrapper('localStorage'); const uSessionStorage = new StorageWrapper('sessionStorage'); </script>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/9255119.js"></script>  <script> function emptyToNull(val) { if (val === "" || val === undefined) { return null; } return val; } function buildEvent(input, annotations) { var attributes = input.attributes; var path = attributes.path; var event = { metadata: { schema_name: "marketing_routes", }, attributes: { host: emptyToNull(attributes.host), path: emptyToNull(attributes.path), hash_path: emptyToNull(attributes.hash_path), referrer: emptyToNull(attributes.referrer), search: emptyToNull(attributes.search), }, annotations: annotations, }; return event; } function send(geminiEvent) { var xhr = new XMLHttpRequest(); xhr.responseType = "json"; xhr.open("POST", "https://app.userflow.com/gemini-collector"); xhr.setRequestHeader("content-type", "application/json"); xhr.setRequestHeader("accept", "application/json"); xhr.withCredentials = true; return new Promise(function (res) { xhr.onload = function () { return res(xhr.response); }; xhr.send(JSON.stringify(geminiEvent)); }); } function trackPageView() { var attributes = { host: location.host, path: location.pathname, hash_path: location.hash, referrer: document.referrer, search: location.search, }; var event = buildEvent({ attributes: attributes, }); send(event).catch(function (Err) { console.log("Gemini error: ", Err); }); } trackPageView(); </script>   <script async src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in"></script> <script> // Function to handle style changes for label wrap on focus function setupFeatureSearchStyleChanges() { // Select the input and label wrap elements const searchField = document.querySelector('.feature-search-field'); const labelTextWrap = document.getElementById('labelTextWrap'); // Check if both elements exist if (!searchField || !labelTextWrap) return; // Media query to check if screen width is below 480px const isMobileView = () => window.innerWidth < 480; // Function to apply styles on focus const applyFocusStyles = () => { if (isMobileView()) { labelTextWrap.style.borderColor = 'transparent'; } }; // Function to reset styles when focus is lost const resetStyles = () => { if (isMobileView()) { labelTextWrap.style.borderColor = ''; // Reset to original } }; // Add event listeners for focus and blur searchField.addEventListener('focus', applyFocusStyles); searchField.addEventListener('blur', resetStyles); // Handle responsive design changes window.addEventListener('resize', () => { if (!isMobileView()) { labelTextWrap.style.borderColor = ''; // Reset on larger screens } }); } // Run the setup when the DOM is fully loaded document.addEventListener('DOMContentLoaded', setupFeatureSearchStyleChanges); </script>  <script> // Selectors for product sections and Table of Contents (ToC) links const wrapper = document.querySelector('.product-whole-wrapper'); const customerSections = wrapper.querySelectorAll('.customer-section'); const tocLinks = document.querySelectorAll('.product-toc-link'); const tocWrap = document.querySelector('.product-toc-links-wrap'); const leftArrow = document.querySelector('.sub-nav-arrow-wrap.left-arrow'); const rightArrow = document.querySelector('.sub-nav-arrow-wrap.right-arrow'); // Assign IDs to each customer section dynamically customerSections.forEach((section, index) => { const sectionId = `customer-section-${index + 1}`; section.setAttribute('id', sectionId); }); // Add smooth and immediate scrolling to ToC links if (tocLinks.length === customerSections.length) { tocLinks.forEach((link, index) => { link.addEventListener('click', () => { const targetId = `#customer-section-${index + 1}`; const targetSection = document.querySelector(targetId); if (targetSection) { targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); } // Observe sections for visibility and toggle active class on ToC links const observerOptions = { root: null, rootMargin: '0px', threshold: 0.5, }; const observerCallback = (entries) => { entries.forEach((entry) => { const sectionIndex = Array.from(customerSections).indexOf(entry.target); if (entry.isIntersecting) { tocLinks.forEach((link, i) => { link.classList.toggle('active', i === sectionIndex); }); // Trigger custom "classChange" event for jQuery handling $(link).trigger("classChange"); } }); }; const observer = new IntersectionObserver(observerCallback, observerOptions); customerSections.forEach((section) => observer.observe(section)); // Handle horizontal scrolling for ToC links const childElements = Array.from(tocWrap.children); const averageChildWidth = childElements.reduce((total, el) => total + el.offsetWidth, 0) / childElements.length; const scrollContainer = (direction) => { const scrollAmount = direction === 'left' ? -averageChildWidth : averageChildWidth; tocWrap.scrollBy({ left: scrollAmount, behavior: 'smooth' }); }; leftArrow.addEventListener('click', () => scrollContainer('left')); rightArrow.addEventListener('click', () => scrollContainer('right')); $(document).ready(function () { // Function to scroll the active element into view with smooth scrolling const scrollToActiveElement = () => { const container = $(".product-toc-links-wrap"); const activeElement = container.find(".active"); if (activeElement.length) { const containerScrollLeft = container.scrollLeft(); const containerWidth = container.width(); const elementOffsetLeft = activeElement.position().left + containerScrollLeft; const elementWidth = activeElement.outerWidth(); // Check if the active element is out of view on the left side if (elementOffsetLeft < containerScrollLeft) { container.animate({ scrollLeft: elementOffsetLeft }, 50); // Smooth scroll to the left } // Check if the active element is out of view on the right side else if (elementOffsetLeft + elementWidth > containerScrollLeft + containerWidth) { container.animate( { scrollLeft: elementOffsetLeft + elementWidth - containerWidth }, 50 // Smooth scroll to the right ); } } }; // Call the function initially to align any pre-existing active element scrollToActiveElement(); // Re-align when the active class changes dynamically $(".product-toc-link").on("classChange", () => scrollToActiveElement()); // Optional: Observe for mutations to automatically handle class changes const mutationObserver = new MutationObserver((mutations) => { mutations.forEach((mutation) => { if (mutation.type === "attributes" && mutation.attributeName === "class") { scrollToActiveElement(); } }); }); $(".product-toc-link").each(function () { mutationObserver.observe(this, { attributes: true }); }); }); </script></body></html>