CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.getbeamer.com" data-wf-page="66bf2b482d95bc8bd6d56b6d" data-wf-site="66b70736e94ee47108b9f364" lang="en"><head><meta charset="utf-8"/><title>How to install Beamer?</title><meta content="Learn how to install Beamer on your site, app or e-commerce platform using HTML, Wordpress, Squarespace, Simvoly or Zapier." name="description"/><meta content="How to install Beamer?" property="og:title"/><meta content="Learn how to install Beamer on your site, app or e-commerce platform using HTML, Wordpress, Squarespace, Simvoly or Zapier." property="og:description"/><meta content="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66d7e9d13ae1f8b5650bb5ba_thumb_main.webp" property="og:image"/><meta content="How to install Beamer?" property="twitter:title"/><meta content="Learn how to install Beamer on your site, app or e-commerce platform using HTML, Wordpress, Squarespace, Simvoly or Zapier." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66d7e9d13ae1f8b5650bb5ba_thumb_main.webp" 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"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/css/getbeamer-victorflow.webflow.9030581f5.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: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","DM Serif Display:regular","Fraunces:regular,900,900italic:latin,latin-ext"] }});</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/66b70736e94ee47108b9f364/66d8041d99b9a12bdbc17ba0_getbeamer-favicon-32x32.webp" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66d80424446687e534cb5315_getbeamer-webclip.webp" rel="apple-touch-icon"/><style> body { -webkit-font-smoothing: antialiased; } .active { background-color: #fff; box-shadow: 0 1px 4px #262c3166; } /* Add this CSS to apply a transition to the SVG element */ .header .container-large .navbar-area .nav-brand-wrap .brand-link .brand-logo-embeded svg g#isotype { transition: fill 0.3s ease-in-out; /* Adjust the duration and timing function as needed */ } .noscroll-video { overflow: hidden; } .title-subtext { padding: 0px 16px; border-radius: 0.8em 0.3em; background: transparent; background-image: linear-gradient(to right, rgba(255, 225, 0, 0.1), rgba(255, 225, 0, 0.7) 4%, rgba(255, 225, 0, 0.3)); -webkit-box-decoration-break: clone; } .footer-cta-area.fixed { background: rgba(255, 203, 31, 0.8); backdrop-filter: blur(6px); position: fixed; bottom: -30px; left: 0; right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); transform: translateY(0) translate3d(0, 0, 0) scale(0.7); z-index: 99; } @media screen and (max-width: 920px) { .security-section { display: none; } .contact-side-bar { display: none; } } body #beamerOverlay { background: rgba(0, 0, 0, 0.5) !important; transition: background .75s ease, opacity .75s ease !important; } body #beamerOverlay:after { content: ""; display: block; height: 220px; width: 280px; position: fixed; left: auto; right: 400px; top: 120px; background: url("https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66f640eaff62e47413242446_arrow-live-demo.svg"); background-repeat: no-repeat; background-size: contain; opacity: 0; } body #beamerOverlay.beamer_show:after { opacity: 1; transition: inherit; } .beamer_ideasFormButton { font-size: 16px; } .dropdown-sub-item-wrap:before { content: ""; display: block; height: 20rem; width: 20rem; top: -10rem; left: -12rem; position: absolute; z-index: 1; border-radius: 50%; transition: inherit; background: #DEECEF; transition: all .3s linear; } .dropdown-sub-item-wrap:hover::before { left: -10rem; } .dropdown-tab-link:hover .dropdown-link-icon-wrap { background-color: #1C1E21; } .dropdown-tab-link:hover .dropdown-link-icon-wrap>.w-embed>svg { fill: #fff; } .dropdown-link-icon-wrap>.w-embed>svg { transition: all 0.3s linear; } .product-item-sub:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; border-left: 1px solid #1C1E21; } .dropdown-tab-link:before { transition: all 0.3s linear; } @media all and (min-width:992px) { .dropdown-tab-link:hover:before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: .5rem .75rem .5rem 0; border-color: transparent #1C1E21 transparent transparent; right: 0; top: 50%; transform: translateY(-50%); } } </style> <script defer src="https://gmetrics.getbeamer.com/gemini.js"></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 (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.defer = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PV5M5FK');</script></head><body><div class="banner-section"><section class="hero-section"><div class="w-layout-blockcontainer container w-container"><div class="pricing-banner-wrap"><div class="pricing-banner-title-wrap"><h1 class="pricing-banner-title">Installation Guide</h1><p class="banner-content pricing">Learn how to install Beamer in every single platform</p></div></div></div><div class="page-style-code w-embed"><style> .hero-section:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 100px 99vw 0 0; border-color: #FFCB1F transparent transparent transparent; position: absolute; bottom: -100px; z-index: 1; display: block; } </style></div></section><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="header w-nav"><div class="container-large w-container"><div class="navbar-area"><div class="nav-brand-wrap"><div class="nav-link-wrap"><a href="/" class="brand-link w-nav-brand"><div class="brand-logo-embeded w-embed"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 160 50" style="enable-background:new 0 0 160 50;" xml:space="preserve" height="60"> <g id="wordmark"> <path d="M52.3,14.1v7.8c0.8-1.5,3.1-2.3,4.6-2.3c4.1,0,7.2,2.5,7.2,7.4c0,4.6-3.1,7.4-7.3,7.4c-1.7,0-3.5-0.6-4.6-2.2l-0.2,2h-3.3 v-20H52.3z M52.4,27.1c0,2.5,1.9,4.2,4.1,4.2c2.2,0,4-1.7,4-4.2c0-2.5-1.8-4.1-4-4.1C54.3,22.9,52.4,24.6,52.4,27.1z" shape-rendering="geometricPrecision"></path> <path d="M69.6,28.4c0.2,1.7,1.7,3,4.2,3c1.3,0,3-0.5,3.8-1.3l2.2,2.2c-1.5,1.5-3.9,2.3-6.1,2.3c-4.9,0-7.8-3-7.8-7.5 c0-4.3,2.9-7.4,7.5-7.4c4.7,0,7.7,3,7.1,8.8L69.6,28.4L69.6,28.4z M77.3,25.4c-0.2-1.7-1.7-2.7-3.7-2.7c-1.9,0-3.4,1-4,2.7H77.3z" shape-rendering="geometricPrecision"></path> <path d="M94.5,20.1h3.3v14.1h-3.3l-0.2-2.1c-0.8,1.7-3,2.5-4.6,2.5c-4.2,0-7.3-2.6-7.3-7.5c0-4.9,3.2-7.4,7.4-7.4 c1.9,0,3.7,0.9,4.5,2.3L94.5,20.1z M86,27.1c0,2.7,1.8,4.3,4.2,4.3c5.5,0,5.5-8.6,0-8.6C87.8,22.8,86,24.4,86,27.1z" shape-rendering="geometricPrecision"></path> <path d="M110.2,34.2v-7.6c0-1.9-1-3.5-2.9-3.5c-1.9,0-3,1.7-3,3.5v7.6h-3.4V19.9h3.2l0.3,1.8c0.7-1.4,2.4-1.9,3.7-1.9 c1.7,0,3.4,0.7,4.2,2.6c1.3-2,2.9-2.6,4.7-2.6c4,0,6,2.5,6,6.7v7.6h-3.4v-7.6c0-1.9-0.8-3.4-2.7-3.4c-1.9,0-3.1,1.6-3.1,3.5v7.6 H110.2z" shape-rendering="geometricPrecision"></path> <path d="M129.4,28.4c0.2,1.7,1.7,3,4.2,3c1.3,0,3-0.5,3.8-1.3l2.2,2.2c-1.5,1.5-3.9,2.3-6.1,2.3c-4.9,0-7.8-3-7.8-7.5 c0-4.3,2.9-7.4,7.5-7.4c4.7,0,7.7,3,7.1,8.8L129.4,28.4L129.4,28.4z M137.1,25.4c-0.2-1.7-1.7-2.7-3.7-2.7c-1.9,0-3.4,1-4,2.7 H137.1z" shape-rendering="geometricPrecision"></path> <path d="M146.4,20.1l0.3,1.6c1.1-1.7,2.5-2,4-2c1.5,0,2.9,0.6,3.6,1.3l-1.6,3c-0.7-0.6-1.3-0.9-2.5-0.9c-1.8,0-3.5,1-3.5,3.6v7.5 h-3.6V20.1H146.4z"></path> <path d="M159.6,32.3c0,2.8-4.1,2.8-4.1,0C155.5,29.6,159.6,29.6,159.6,32.3z" shape-rendering="geometricPrecision"></path> </g> <g id="isotype"> <path d="M3.3,39.3c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l32-13.1c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5l-32,13.1 C4,39.2,3.7,39.3,3.3,39.3z" shape-rendering="geometricPrecision"></path> <path d="M3.3,28.9c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l32-13.1c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5l-32,13.1 C4,28.9,3.7,28.9,3.3,28.9z" shape-rendering="geometricPrecision"></path> <path d="M3.3,18.2c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l19.6-7.9c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5L4.4,18 C4,18.2,3.7,18.2,3.3,18.2z" shape-rendering="geometricPrecision"></path> <path d="M15.6,44.9c-1.1,0-2.1-0.6-2.5-1.7c-0.6-1.4,0.1-3,1.5-3.5l19.6-7.9c1.4-0.6,3,0.1,3.6,1.5c0.6,1.4-0.1,3-1.5,3.5 l-19.6,7.9C16.3,44.8,16,44.9,15.6,44.9z" shape-rendering="geometricPrecision"></path> </g> </svg></div></a><a href="https://www.userflow.com/" class="brand-link userflow w-nav-brand"><div class="userflow-embed w-embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 160 40" style="enable-background:new 0 0 160 40;" xml:space="preserve" height="20"> <g id="byline"> <path d="M109.3,4.1l-0.8,4.4h-0.8c-1.9,0-2.2,0.3-2.7,3v0.3h3.3l-0.8,4.1h-3.3c-0.8,5.2-2.2,12.9-2.2,12.9 c-1.1,5.8-1.9,7.4-6.9,7.4h-2.2l0.8-4.4h1.1c1.9,0,2.2-0.3,2.7-3l3-17.5c1.1-6.3,2.5-7.4,7.7-7.4h1.1V4.1z M37,11.8 c2.7,0,3.8,1.4,3,5.2l-0.8,4.7c-0.5,2.2,0.3,3.6,2.2,3.6c1.6,0,3-1.6,3.3-4.1l1.6-9H51l-2.2,11.2c-0.3,1.1,0,1.6,1.1,1.6h0.5 L49.9,29h-2.2c-1.6,0-2.7-0.5-3.3-1.6c-1.1,1.1-2.5,1.9-4.7,1.9c-4.1,0-6.6-2.5-5.8-7.7l0.8-4.1c0.3-1.4,0-1.6-0.8-1.6h-0.3 l0.8-4.1L37,11.8L37,11.8z M58.6,29.3c4.1,0,6.9-2.2,7.4-5.2c0.5-3.8-2.5-4.9-4.9-5.8c-1.9-0.5-3.3-0.8-3.3-1.6 c0-0.8,0.8-1.4,2.2-1.4c1.6,0,2.7,0.8,3.6,1.9l3.8-2.5c-1.4-1.9-3.8-3.3-7.1-3.3c-3.6,0-6.6,1.9-6.9,4.7c-0.5,3.8,2.5,4.9,4.9,5.8 c1.9,0.5,3.3,0.8,3.3,1.9c-0.3,1.1-1.1,1.6-2.2,1.6c-1.6,0-3-0.8-3.8-2.5l-4.1,2.7C52.3,27.7,54.8,29.3,58.6,29.3L58.6,29.3 L58.6,29.3z M136.2,11.8c2.7,0,3.8,1.4,3,5.2l-0.8,4.7c-0.5,2.2,0,3.6,1.9,3.6c1.6,0,3-1.9,3.6-4.4l1.6-9h4.7l-1.9,10.4 c-0.3,1.9,0.3,2.7,1.6,2.7c2.7,0,4.4-3,4.9-6.6c0.5-3,0.3-4.9-0.3-6.6h4.9c0.3,1.6,0.8,4.1,0.3,7.4c-0.8,5.2-3.8,10.1-9.6,10.1 c-2.7,0-4.1-0.8-4.9-2.5c-1.6,1.6-3.6,2.5-5.8,2.5c-4.1,0-6.6-2.7-5.5-7.7l0.8-4.1c0.3-1.4,0-1.6-0.8-1.6h-0.5l0.8-4.1 C134.3,11.8,136.2,11.8,136.2,11.8z M122.8,29.3c5.2,0,8.5-3.6,9.3-7.7c0.8-5.2-2.2-9.9-7.9-9.9c-4.9,0-8.5,3.6-9.3,7.7 C113.7,24.4,116.7,29.3,122.8,29.3z M71.3,22.2L71.3,22.2L71.3,22.2c0.5,1.9,1.9,3,4.4,3c1.6,0,3-0.8,4.1-2.2l3.6,2.5 c-1.6,2.2-4.1,3.8-7.9,3.8c-6.3,0-9-4.9-8.2-9.9c0.8-4.4,4.7-7.4,8.5-7.7c0.3,0,0.8,0,1.1,0l0,0l0,0c5.2,0,8.2,3.8,7.7,8.8 l-0.3,1.6L71.3,22.2L71.3,22.2z M115.6,4.1l-3.6,19.5c-0.3,0.8,0,1.1,1.1,1.1h0.5l-0.8,4.4h-2.2c-3.8,0-3.8-2.5-3.3-5.5l3.3-19.5 H115.6L115.6,4.1z M88,11.8c2.2,0,3,1.1,3.3,2.7c1.1-1.9,3-2.7,5.2-2.7h2.2l-0.8,4.7h-1.9c-2.5,0-4.1,1.1-4.7,4.1l-1.6,8.2H85 l2.2-11.2c0.3-1.1,0-1.6-1.1-1.6h-0.5l0.8-4.1L88,11.8L88,11.8z M123,24.9c-2.7,0-4.4-2.5-3.8-4.9c0.3-2.5,2.5-4.1,4.7-4.1 c2.7,0,4.4,2.5,3.8,5.2C127.2,23.3,125.2,24.9,123,24.9z M80,18.4c-0.5-1.6-1.6-2.7-3.8-2.7s-3.6,1.1-4.4,2.7H80z"></path> <path d="M0,29.7V10.4h2.3v7.9c0.5-0.6,1.2-1.1,1.9-1.5c0.7-0.4,1.5-0.6,2.4-0.6c0.8,0,1.5,0.1,2.1,0.4c0.6,0.3,1.1,0.7,1.6,1.3 s0.8,1.3,1,2.1c0.2,0.8,0.4,1.8,0.4,2.9c0,1-0.1,1.9-0.4,2.7s-0.6,1.6-1.1,2.2c-0.5,0.6-1.1,1.1-1.8,1.5c-0.7,0.4-1.5,0.5-2.4,0.5 c-0.9,0-1.6-0.2-2.2-0.5S2.7,28.6,2.2,28l-0.1,1.2c-0.1,0.3-0.3,0.5-0.6,0.5H0z M5.9,18.1c-0.8,0-1.4,0.2-2,0.5 c-0.6,0.3-1.1,0.8-1.6,1.5v6.4c0.4,0.6,0.9,1,1.4,1.2c0.5,0.2,1.1,0.4,1.7,0.4c1.2,0,2.2-0.4,2.9-1.3c0.7-0.9,1-2.1,1-3.8 c0-0.9-0.1-1.6-0.2-2.2c-0.2-0.6-0.4-1.1-0.7-1.5c-0.3-0.4-0.6-0.7-1.1-0.9S6.4,18.1,5.9,18.1z"></path> <path d="M18.1,33.6c-0.1,0.2-0.2,0.3-0.3,0.4c-0.1,0.1-0.3,0.2-0.5,0.2h-1.7l2.4-5.3l-5.5-12.5h2c0.2,0,0.4,0.1,0.5,0.2 c0.1,0.1,0.2,0.2,0.2,0.3l3.5,8.3c0.1,0.2,0.1,0.4,0.2,0.6c0.1,0.2,0.1,0.4,0.2,0.6c0.1-0.2,0.1-0.4,0.2-0.6 c0.1-0.2,0.1-0.4,0.2-0.6l3.4-8.3c0.1-0.1,0.1-0.3,0.3-0.3s0.3-0.1,0.4-0.1h1.9L18.1,33.6z"></path> </g> </svg></div></a></div></div><nav role="navigation" class="nav-menu-wrap w-nav-menu"><div id="navlinks" class="nav-menu-list"><div data-delay="0" data-hover="true" class="nav-menu-dropdown w-dropdown"><div class="nav-menu-link w-dropdown-toggle"><div>Products</div><div class="dropdown-icon-embed w-embed"><svg class="caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width="1rem" header="1rem" fill="#1C1E21"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></div><div class="nav-link-hover-line"></div></div><nav class="nav-dropdown-list w-dropdown-list"><div class="nav-dropdown-menu"><div class="dropdown-area"><h2 class="dropdown-title">Beamer product suite</h2><div class="drordown-wrap"><div class="dropdown-tab"><div class="dropdown-tab-menu"><a data-w-id="75a11e70-8c47-d4ba-851c-5ed7f5888b12" href="/changelog" class="dropdown-tab-link w-inline-block"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 -960 960 960" width="100%"><path d="M160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z"></path></svg></div></div><div class="dropdown-label-wrap"><h3 class="dropdown-label-title">Changelog.</h3><p>Announce your newest products, latest updates, bug fixes, and company news.</p></div></a><a data-w-id="75a11e70-8c47-d4ba-851c-5ed7f5888b1a" href="/nps" class="dropdown-tab-link w-inline-block"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 -960 960 960" width="100%"><path d="M580-120q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T620-240q0-17-11.5-28.5T580-280q-17 0-28.5 11.5T540-240q0 17 11.5 28.5T580-200Zm80-200q-92 0-156-64t-64-156q0-92 64-156t156-64q92 0 156 64t64 156q0 92-64 156t-156 64Zm0-80q59 0 99.5-40.5T800-620q0-59-40.5-99.5T660-760q-59 0-99.5 40.5T520-620q0 59 40.5 99.5T660-480ZM280-240q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T360-400q0-33-23.5-56.5T280-480q-33 0-56.5 23.5T200-400q0 33 23.5 56.5T280-320Zm300 80Zm80-380ZM280-400Z"></path></svg></div></div><div class="dropdown-label-wrap"><h3 class="dropdown-label-title">NPS.</h3><p>Measure, track, and improve customer happiness with NPS.</p></div></a><a data-w-id="75a11e70-8c47-d4ba-851c-5ed7f5888b22" href="/feedback" class="dropdown-tab-link w-inline-block"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 -960 960 960" width="100%"> <path d="M280-240q-17 0-28.5-11.5T240-280v-80h520v-360h80q17 0 28.5 11.5T880-680v600L720-240H280ZM80-280v-560q0-17 11.5-28.5T120-880h520q17 0 28.5 11.5T680-840v360q0 17-11.5 28.5T640-440H240L80-280Zm520-240v-280H160v280h440Zm-440 0v-280 280Z" /> </svg></div></div><div class="dropdown-label-wrap"><h3 class="dropdown-label-title">Feedback.</h3><p>Announce your newest products, latest updates, bug fixes, and company news.</p></div></a><a data-w-id="75a11e70-8c47-d4ba-851c-5ed7f5888b2a" href="https://userflow.com/user-onboarding?utm_source=getbeamer.com&utm_medium=referral&utm_content=nav-useronboarding" target="_blank" class="dropdown-tab-link w-inline-block"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 -960 960 960" width="100%"> <path d="M760-360q-51 0-85.5-34.5T640-480q0-51 34.5-85.5T760-600q51 0 85.5 34.5T880-480q0 51-34.5 85.5T760-360Zm-400 80-56-57 103-103H80v-80h327L304-624l56-56 200 200-200 200Z" /> </svg></div></div><div class="dropdown-label-wrap"><div class="product-label-title-wrap"><h3 class="dropdown-label-title">User Onboarding. </h3><div class="w-embed"><svg height="1.2rem" viewBox="0 -960 960 960" width="1.2rem" xmlns="http://www.w3.org/2000/svg"> <path d="m200-120q-33 0-56.5-23.5t-23.5-56.5v-560q0-33 23.5-56.5t56.5-23.5h280v80h-280v560h560v-280h80v280q0 33-23.5 56.5t-56.5 23.5zm188-212-56-56 372-372h-144v-80h280v280h-80v-144z" /> </svg></div></div><p>Easily build product tours, checklists, surveys, and more with Userflow’s no-code onboarding platform.</p></div></a></div><div class="dropdown-tab-content"><div class="dropdown-tab-pane pane-one"><div class="product-item-sub"><h2 class="dropdown-title">Beamer Changelog includes...</h2><div class="w-layout-grid dropdown-item-sub-wrap"><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b3a-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b3b-fd6e2ade" href="/push-notifications" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M440-440h80v-200h-80v200Zm40 120q17 0 28.5-11.5T520-360q0-17-11.5-28.5T480-400q-17 0-28.5 11.5T440-360q0 17 11.5 28.5T480-320ZM160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z" /> </svg></div><h3 class="dropdown-list-title">Push notifications.</h3></div><p>Reach your users wherever they are. Send notifications to your users, even if they’re not online or logged in.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b44-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b45-fd6e2ade" href="/in-app-notification-center" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M720-440v-80h160v80H720Zm48 280-128-96 48-64 128 96-48 64Zm-80-480-48-64 128-96 48 64-128 96ZM200-200v-160h-40q-33 0-56.5-23.5T80-440v-80q0-33 23.5-56.5T160-600h160l200-120v480L320-360h-40v160h-80Zm240-182v-196l-98 58H160v80h182l98 58Zm120 36v-268q27 24 43.5 58.5T620-480q0 41-16.5 75.5T560-346ZM300-480Z" /> </svg></div><h3 class="dropdown-list-title"> In-app notifications.</h3></div><p>Boost updates that matter with engaging in-app notifications like popups, top bars, snippets and more.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div></div></div></div><div class="dropdown-tab-pane pane-two"><div class="product-item-sub"><h2 class="dropdown-title">Beamer NPS includes...</h2><div class="w-layout-grid dropdown-item-sub-wrap"><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b53-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b54-fd6e2ade" href="/nps" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M480-560h200v-80H480v80Zm0 240h200v-80H480v80ZM360-520q33 0 56.5-23.5T440-600q0-33-23.5-56.5T360-680q-33 0-56.5 23.5T280-600q0 33 23.5 56.5T360-520Zm0 240q33 0 56.5-23.5T440-360q0-33-23.5-56.5T360-440q-33 0-56.5 23.5T280-360q0 33 23.5 56.5T360-280ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z" /> </svg></div><h3 class="dropdown-list-title">In-app surveys.</h3></div><p>Send surveys in-app while your users are in your app or on your website for higher response rates.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b5d-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b5e-fd6e2ade" href="/nps" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M240-400v-160h-80v400h640v-400H400v-80h400q33 0 56.5 23.5T880-560v400q0 33-23.5 56.5T800-80H160q-33 0-56.5-23.5T80-160v-400q0-33 23.5-56.5T160-640h80v-240h320v160H320v320h-80Zm-80-160v160-160 400-400Z" /> </svg></div><h3 class="dropdown-list-title">Email & link surveys.</h3></div><p>Send our surveys to your users via email and link so they can answer when they’re ready.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div></div></div></div><div class="dropdown-tab-pane pane-three"><div class="product-item-sub"><h2 class="dropdown-title">Beamer Feedback includes...</h2><div class="w-layout-grid dropdown-item-sub-wrap"><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b6c-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b6d-fd6e2ade" href="/roadmap-and-feature-requests" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M440-440h80v-200h-80v200Zm40 120q17 0 28.5-11.5T520-360q0-17-11.5-28.5T480-400q-17 0-28.5 11.5T440-360q0 17 11.5 28.5T480-320ZM160-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z" /> </svg></div><h3 class="dropdown-list-title">Roadmap.</h3></div><p>Build a public or private roadmap based on real user feedback to demonstrate product velocity.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b76-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b77-fd6e2ade" href="/feedback" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M200-80q-33 0-56.5-23.5T120-160v-182l110-125 57 57-80 90h546l-78-88 57-57 108 123v182q0 33-23.5 56.5T760-80H200Zm0-80h560v-80H200v80Zm225-225L284-526q-23-23-22.5-56.5T285-639l196-196q23-23 57-24t57 22l141 141q23 23 24 56t-22 56L538-384q-23 23-56.5 22.5T425-385Zm255-254L539-780 341-582l141 141 198-198ZM200-160v-80 80Z" /> </svg></div><h3 class="dropdown-list-title">Ideas.</h3></div><p>Get feedback and feature requests from your users, allow them to vote on their favorites, and start building what users actually want.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div></div></div></div><div class="dropdown-tab-pane pane-four"><div class="product-item-sub"><h2 class="dropdown-title">Beamer User Onboarding includes...</h2><div class="w-layout-grid dropdown-item-sub-wrap"><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b85-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b86-fd6e2ade" href="https://www.userflow.com/user-onboarding-software?utm_source=getbeamer.com&utm_medium=referral&utm_content=nav-producttours" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M200-80v-800h80v80h560l-80 200 80 200H280v320h-80Zm80-640v240-240Zm220 200q33 0 56.5-23.5T580-600q0-33-23.5-56.5T500-680q-33 0-56.5 23.5T420-600q0 33 23.5 56.5T500-520Zm-220 40h442l-48-120 48-120H280v240Z" /> </svg></div><h3 class="dropdown-list-title">Product tours.</h3></div><p>Enable users to onboard themselves with customized in-app tours and checklists, all without code.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div><div id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b8f-fd6e2ade" class="dropdown-sub-item-wrap"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b90-fd6e2ade" href="https://www.userflow.com/user-onboarding?utm_source=getbeamer.com&utm_medium=referral&utm_content=nav-useronboarding" class="dropdown-sub-link sub-item w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M240-40q-50 0-85-35t-35-85q0-50 35-85t85-35q14 0 26 3t23 8l57-71q-28-31-39-70t-5-78l-81-27q-17 25-43 40t-58 15q-50 0-85-35T0-580q0-50 35-85t85-35q50 0 85 35t35 85v8l81 28q20-36 53.5-61t75.5-32v-87q-39-11-64.5-42.5T360-840q0-50 35-85t85-35q50 0 85 35t35 85q0 42-26 73.5T510-724v87q42 7 75.5 32t53.5 61l81-28v-8q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-32 0-58.5-15T739-515l-81 27q6 39-5 77.5T614-340l57 70q11-5 23-7.5t26-2.5q50 0 85 35t35 85q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-20 6.5-38.5T624-232l-57-71q-41 23-87.5 23T392-303l-56 71q11 15 17.5 33.5T360-160q0 50-35 85t-85 35ZM120-540q17 0 28.5-11.5T160-580q0-17-11.5-28.5T120-620q-17 0-28.5 11.5T80-580q0 17 11.5 28.5T120-540Zm120 420q17 0 28.5-11.5T280-160q0-17-11.5-28.5T240-200q-17 0-28.5 11.5T200-160q0 17 11.5 28.5T240-120Zm240-680q17 0 28.5-11.5T520-840q0-17-11.5-28.5T480-880q-17 0-28.5 11.5T440-840q0 17 11.5 28.5T480-800Zm0 440q42 0 71-29t29-71q0-42-29-71t-71-29q-42 0-71 29t-29 71q0 42 29 71t71 29Zm240 240q17 0 28.5-11.5T760-160q0-17-11.5-28.5T720-200q-17 0-28.5 11.5T680-160q0 17 11.5 28.5T720-120Zm120-420q17 0 28.5-11.5T880-580q0-17-11.5-28.5T840-620q-17 0-28.5 11.5T800-580q0 17 11.5 28.5T840-540ZM480-840ZM120-580Zm360 120Zm360-120ZM240-160Zm480 0Z" /> </svg></div><h3 class="dropdown-list-title">Resource center.</h3></div><p>Help users save time and get better answers, with an in-app personalized resource center that integrates directly with your knowledge base.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div></div></div></div></div></div></div></div><div class="dropdown-area responsive"></div><div class="dropdown-area"><h2 class="dropdown-title">And there's more...</h2><div class="w-layout-grid dropdown-list-grid"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888b9e-fd6e2ade" href="/segmentation" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"><path d="M440-160v-304L240-664v104h-80v-240h240v80H296l224 224v336h-80Zm154-376-58-58 128-126H560v-80h240v240h-80v-104L594-536Z"></path></svg></div><h3 class="dropdown-list-title"> Segmentation.</h3></div><p>Send targeted messages to your users to increase engageme</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888ba7-fd6e2ade" href="/design-customization" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z" /> </svg></div><h3 class="dropdown-list-title">Personalization.</h3></div><p>Customize the look and feel of Beamer to match your app and website.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888bb0-fd6e2ade" href="/integrations" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M352-120H200q-33 0-56.5-23.5T120-200v-152q48 0 84-30.5t36-77.5q0-47-36-77.5T120-568v-152q0-33 23.5-56.5T200-800h160q0-42 29-71t71-29q42 0 71 29t29 71h160q33 0 56.5 23.5T800-720v160q42 0 71 29t29 71q0 42-29 71t-71 29v160q0 33-23.5 56.5T720-120H568q0-50-31.5-85T460-240q-45 0-76.5 35T352-120Zm-152-80h85q24-66 77-93t98-27q45 0 98 27t77 93h85v-240h80q8 0 14-6t6-14q0-8-6-14t-14-6h-80v-240H480v-80q0-8-6-14t-14-6q-8 0-14 6t-6 14v80H200v88q54 20 87 67t33 105q0 57-33 104t-87 68v88Zm260-260Z" /> </svg></div><h3 class="dropdown-list-title">Integrations.</h3></div><p>Connect with 3000+ available apps, use the Beamer API, or use webhooks.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888bb9-fd6e2ade" href="/inbox" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-120H640q-30 38-71.5 59T480-240q-47 0-88.5-21T320-320H200v120Zm280-120q38 0 69-22t43-58h168v-360H200v360h168q12 36 43 58t69 22ZM200-200h560-560Z" /> </svg></div><h3 class="dropdown-list-title">Inbox.</h3></div><p>Respond directly and build user trust with a dedicated inbox to keep conversations going.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div></div></div></nav></div><div data-delay="0" data-hover="true" class="nav-menu-dropdown w-dropdown"><div class="nav-menu-link w-dropdown-toggle"><div>Resources</div><div class="dropdown-icon-embed w-embed"><svg class="caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width="1rem" header="1rem" fill="#1C1E21"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></div><div class="nav-link-hover-line"></div></div><nav class="nav-dropdown-list w-dropdown-list"><div class="nav-dropdown-menu"><div class="dropdown-area"><h2 class="dropdown-title">Beamer's knowledge base</h2><div class="drordown-wrap"><div class="dropdown-link-wrap"><a href="/install" aria-current="page" class="dropdown-tab-link w-inline-block w--current"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg height="100%" viewBox="0 -960 960 960" width="100%" xmlns="http://www.w3.org/2000/svg"> <path d="m160-80v-80h640v80zm320-160-280-360h160v-280h240v280h160zm0-130 116-150h-76v-280h-80v280h-76z" /> </svg></div></div><div class="dropdown-label-wrap"><h3 class="dropdown-label-title">Installation Guide.</h3><p>Install Beamer in every single platform including Google Tag Manager and Wordpress.</p></div></a></div><div class="dropdown-link-wrap"><a href="/help" class="dropdown-tab-link w-inline-block"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 -960 960 960" width="100%"> <path d="M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" /> </svg></div></div><div class="dropdown-label-wrap"><h3 class="dropdown-label-title">Help Center.</h3><p>Everything you need to know to make Beamer your most trusted toolkit for keeping users updated and engaged.</p></div></a></div><div class="dropdown-link-wrap"><a href="/docs" class="dropdown-tab-link w-inline-block"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg height="100%" viewBox="0 -960 960 960" width="100%" xmlns="http://www.w3.org/2000/svg"> <path d="m384-336 56-58-86-86 86-86-56-58-144 144zm192 0 144-144-144-144-56 58 86 86-86 86zm-376 216q-33 0-56.5-23.5t-23.5-56.5v-560q0-33 23.5-56.5t56.5-23.5h168q13-36 43.5-58t68.5-22q38 0 68.5 22t43.5 58h168q33 0 56.5 23.5t23.5 56.5v560q0 33-23.5 56.5t-56.5 23.5zm0-80h560v-560h-560zm280-590q13 0 21.5-8.5t8.5-21.5q0-13-8.5-21.5t-21.5-8.5q-13 0-21.5 8.5t-8.5 21.5q0 13 8.5 21.5t21.5 8.5zm-280 590v-560z" /> </svg></div></div><div class="dropdown-label-wrap"><h3 class="dropdown-label-title">Developer Docs.</h3><p>Learn how to interact with Beamer's embed code, parameters,events, methods and segmentation.</p></div></a></div><div class="dropdown-link-wrap"><a href="/api" class="dropdown-tab-link w-inline-block"><div class="dropdown-link-icon-wrap"><div class="w-embed"><svg height="100%" viewBox="0 -960 960 960" width="100%" xmlns="http://www.w3.org/2000/svg"> <path d="m320-240-240-240 240-240 57 57-184 184 183 183zm320 0-57-57 184-184-183-183 56-56 240 240z" /> </svg></div></div><div class="dropdown-label-wrap"><h3 class="dropdown-label-title">API.</h3><p>Integrate Beamer seamlessly to your app using our API.</p></div></a></div></div></div><div class="dropdown-area resource"><h2 class="dropdown-title">And there's more...</h2><div class="w-layout-grid dropdown-list-grid resource"><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888bf6-fd6e2ade" href="/terms-of-service" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg eight="1.5rem" viewBox="0 -960 960 960" width="1.5rem" xmlns="http://www.w3.org/2000/svg"> <path d="m320-160q-33 0-56.5-23.5t-23.5-56.5v-120h120v-90q-35-2-66.5-15.5t-57.5-40.5v-44h-46l-130-130q36-46 89-65t107-19q27 0 52.5 4t51.5 15v-55h480v520q0 50-35 85t-85 35zm120-200h240v80q0 17 11.5 28.5t28.5 11.5q17 0 28.5-11.5t11.5-28.5v-440h-320v24l240 240v56h-56l-114-114-8 8q-14 14-29.5 25t-32.5 17zm-216-270h92v86q12 8 25 11t27 3q23 0 41.5-7t36.5-25l8-8-56-56q-29-29-65-43.5t-77-14.5q-20 0-38 3t-36 9zm376 350h-280v40h286q-3-9-4.5-19t-1.5-21zm-280 40v-40z" /> </svg></div><h3 class="dropdown-list-title">Terms of Service.</h3></div><p>Learn Beamer's service terms and conditions.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888bff-fd6e2ade" href="/privacy-policy" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="m240-80q-50 0-85-35t-35-85v-120h120v-560h600v680q0 50-35 85t-85 35zm480-80q17 0 28.5-11.5t11.5-28.5v-600h-440v480h360v120q0 17 11.5 28.5t28.5 11.5zm-360-440v-80h360v80zm0 120v-80h360v80zm-120 320h360v-80h-400v40q0 17 11.5 28.5t28.5 11.5zm0 0h-40 400z" /> </svg></div><h3 class="dropdown-list-title">Privacy Policy.</h3></div><p>Learn about how we use your user data.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888c08-fd6e2ade" href="/bug-bounty-program" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="m480-200q66 0 113-47t47-113v-160q0-66-47-113t-113-47q-66 0-113 47t-47 113v160q0 66 47 113t113 47zm-80-120h160v-80h-160zm0-160h160v-80h-160zm80 360q-65 0-120.5-32t-87.5-88h-112v-80h84q-3-20-3.5-40t-.5-40h-80v-80h80q0-20 .5-40t3.5-40h-84v-80h112q14-23 31.5-43t40.5-35l-64-66 56-56 86 86q28-9 57-9t57 9l88-86 56 56-66 66q23 15 41.5 34.5t32.5 43.5h112v80h-84q3 20 3.5 40t.5 40h80v80h-80q0 20-.5 40t-3.5 40h84v80h-112q-32 56-87.5 88t-120.5 32z" /> </svg></div><h3 class="dropdown-list-title">Bug Bounty Program.</h3></div><p>Help us to keep Beamer secure and in top form.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888c11-fd6e2ade" href="/blog/how-beamer-is-complying-with-gdpr" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="m387-412 35-114-92-74h114l36-112 36 112h114l-93 74 35 114-92-71zm-147 372v-309q-38-42-59-96t-21-115q0-134 93-227t227-93q134 0 227 93t93 227q0 61-21 115t-59 96v309l-240-80zm240-280q100 0 170-70t70-170q0-100-70-170t-170-70q-100 0-170 70t-70 170q0 100 70 170t170 70zm-160 161 160-41 160 41v-124q-35 20-75.5 31.5t-84.5 11.5q-44 0-84.5-11.5t-75.5-31.5z" /> </svg></div><h3 class="dropdown-list-title">GDPR Compliance.</h3></div><p>We follow the EU regulations to protect you.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888c1a-fd6e2ade" href="/security" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z" /> </svg></div><h3 class="dropdown-list-title">Security.</h3></div><p>Your data security and privacy are our number one priorities.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888c23-fd6e2ade" href="https://trust.getbeamer.com/?_gl=1*flw7xa*_gcl_au*MjAyOTE3OTA1OC4xNzIwNzYwNzMy*_ga*MTczNzE1MTU3MS4xNzIwNzYwNzMy*_ga_W10MJ4KRHK*MTcyNzc1Nzc1Ni41Mi4xLjE3Mjc3NTc4MzYuMC4wLjEwNjQwMzgyNDc." class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="m480-600q-58 0-99-41t-41-99q0-58 41-99t99-41q58 0 99 41t41 99q0 58-41 99t-99 41zm0-80q25 0 42.5-17.5t17.5-42.5q0-25-17.5-42.5t-42.5-17.5q-25 0-42.5 17.5t-17.5 42.5q0 25 17.5 42.5t42.5 17.5zm0 600-240-240q-20-20-30-45t-10-55q0-59 40.5-99.5t99.5-40.5q29 0 53.5 11t44.5 31l42 42 42-42q20-20 44.5-31t53.5-11q59 0 99.5 40.5t40.5 99.5q0 30-10 55t-30 45zm0-114 182-182q9-9 13.5-20.5t4.5-23.5q0-24-17-42t-43-18q-12 0-21.5 3.5t-18.5 12.5l-100 100-100-100q-6-6-15.5-11t-24.5-5q-26 0-43 18t-17 42q0 12 5 22.5t13 19.5z" /> </svg></div><h3 class="dropdown-list-title">Trust Center.</h3></div><p>We care about our customers’ data and how to protect it.</p><div class="drodown-learn-more-wrap">Learn more</div></a><a id="w-node-_75a11e70-8c47-d4ba-851c-5ed7f5888c2c-fd6e2ade" href="/jobs" class="dropdown-list-link w-inline-block"><div class="drodown-list-title-wrap"><div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="1.5rem" viewBox="0 -960 960 960" width="1.5rem"> <path d="M0-240v-63q0-43 44-70t116-27q13 0 25 .5t23 2.5q-14 21-21 44t-7 48v65H0Zm240 0v-65q0-32 17.5-58.5T307-410q32-20 76.5-30t96.5-10q53 0 97.5 10t76.5 30q32 20 49 46.5t17 58.5v65H240Zm540 0v-65q0-26-6.5-49T754-397q11-2 22.5-2.5t23.5-.5q72 0 116 26.5t44 70.5v63H780Zm-455-80h311q-10-20-55.5-35T480-370q-55 0-100.5 15T325-320ZM160-440q-33 0-56.5-23.5T80-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T160-440Zm640 0q-33 0-56.5-23.5T720-520q0-34 23.5-57t56.5-23q34 0 57 23t23 57q0 33-23 56.5T800-440Zm-320-40q-50 0-85-35t-35-85q0-51 35-85.5t85-34.5q51 0 85.5 34.5T600-600q0 50-34.5 85T480-480Zm0-80q17 0 28.5-11.5T520-600q0-17-11.5-28.5T480-640q-17 0-28.5 11.5T440-600q0 17 11.5 28.5T480-560Zm1 240Zm-1-280Z" /> </svg></div><h3 class="dropdown-list-title">Careers.</h3></div><p>We're Beamer and Userflow, now united as one team with a shared mission. Work with us building the all-in-one toolkit for product success.</p><div class="drodown-learn-more-wrap">Learn more</div></a></div></div></div></nav></div><a href="/pricing" class="nav-menu-link w-inline-block"><div>Pricing</div><div class="nav-link-hover-line"></div></a><a href="/blog" class="nav-menu-link w-inline-block"><div>Blog</div><div class="nav-link-hover-line"></div></a><div id="callBeamer" data-label="whatsnew" data-beamer-keypress="true" class="nav-menu-link"><div class="nav-link-hover-line"></div><div>What's new</div></div></div><div id="navbuttons" class="nav-button-list"><a href="/demo-request" class="nav-button">Get a demo</a><a href="https://app.getbeamer.com/auth/signup?_gl=1*fc2t70*_gcl_au*MjAyOTE3OTA1OC4xNzIwNzYwNzMy*_ga*MTczNzE1MTU3MS4xNzIwNzYwNzMy*_ga_W10MJ4KRHK*MTcyMzgwNjkyMS4yOC4xLjE3MjM4MDc3MjcuMC4wLjEwMzU1NDIwNQ.." class="nav-button primary">Start for free</a><a href="https://app.getbeamer.com/?_gl=1*1q7re64*_gcl_au*MjAyOTE3OTA1OC4xNzIwNzYwNzMy*_ga*MTczNzE1MTU3MS4xNzIwNzYwNzMy*_ga_W10MJ4KRHK*MTcyMzgwNjkyMS4yOC4xLjE3MjM4MDc3MjkuMC4wLjEwMzU1NDIwNQ.." class="nav-button buton-subtitle">Login</a></div></nav><div class="menu-button w-nav-button"><div class="w-icon-nav-menu"></div></div></div></div></div></div><section class="contact-section"><div class="w-layout-blockcontainer container-medium w-container"><div class="contact-area"><div class="contact-card-area"><div class="article-card"><p class="article-card-content">If you’re new to Beamer installation may seem overwhelming at first, but in reality <strong>it’s really easy.</strong> Pick the installation that suits your needs and in less than a minute you can be ready to publish your first posts and customizing your own Beamer feed to your liking. In this page you’ll find <strong>useful guides on how to install Beamer</strong> by using the embed code, our <a href="https://wordpress.org/plugins/beamer" target="_blank" class="content-link">WordPress plugin,</a> or some popular web-builders like Squarespace and Simvoly. Just follow the steps and get ready to engage your users in a new and direct way.</p></div><div id="install" class="article-card"><h2 class="contact-card-title">Installation Guides.</h2><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="html" class="contact-card-subtitle install">Basic Install (HTML/JS)</h3></div><p class="article-card-content"><strong>The easiest and simplest way to install Beamer in your website.</strong> Just copy and paste the embed code and you’ll be ready to go.<a href="https://www.getbeamer.com/blog/tutorial-how-to-use-beamer-in-your-website-or-app" target="_self"><strong>‍</strong></a></p><div class="contact-card-button-wrap"><a href="/blog/tutorial-how-to-use-beamer-in-your-website-or-app" class="contact-card-button">Learn how</a><div class="contact-line-break"></div><a href="https://app.getbeamer.com/embed" class="contact-card-button">Get your embed code</a></div></div><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="wordpress" class="contact-card-subtitle install">Wordpress Plugin</h3></div><p class="article-card-content">If you have a WordPress site, <strong>download the plugin</strong> and activate Beamer directly from your dashboard.<a href="https://www.getbeamer.com/blog/how-to-use-beamer-as-a-wordpress-plugin" target="_self"><strong>‍</strong></a></p><div class="contact-card-button-wrap"><a href="/blog/how-to-use-beamer-as-a-wordpress-plugin" class="contact-card-button">Learn how</a><div class="contact-line-break"></div><a href="https://wordpress.org/plugins/beamer" class="contact-card-button">Download Plugin</a></div></div><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="squarespace" class="contact-card-subtitle install">Squarespace</h3></div><p class="article-card-content"><strong>Did you build your site with Squarespace?</strong> Follow these easy steps and install Beamer in no time.</p><div class="contact-card-button-wrap"><a href="/blog/tutorial-how-to-add-beamer-to-squarespace" class="contact-card-button">Install in Squarespace</a></div></div><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="gtm" class="contact-card-subtitle install">Google Tag Manager</h3></div><p class="article-card-content">Install Beamer easily and precisely by <strong>managing the embed script with Google Tag Manager.</strong> Trigger the code where and how you want to.</p><div class="contact-card-button-wrap"><a href="/blog/how-to-install-beamer-through-google-tag-manager" class="contact-card-button">Install with Tag Manager</a></div></div><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="simvoly" class="contact-card-subtitle install">Simvoly</h3></div><p class="article-card-content">Learn the easiest way to install Beamer in <strong>your website built with Simvoly.</strong></p><div class="contact-card-button-wrap"><a href="/blog/tutorial-how-to-use-beamer-with-simvoly" class="contact-card-button">Install in Simvoly</a></div></div></div><div id="integrations" class="article-card"><h2 class="contact-card-title">Beamer Integrations.</h2><p class="article-card-content">Beamer can interact and combine with different third-party apps to create complex workflows.</p><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="zapier" class="contact-card-subtitle install">Zapier</h3></div><p class="article-card-content">Integrate and connect Beamer to your favorite third-party service or app using Zapier. <strong>More than 4,000 apps available.</strong></p><div class="contact-card-button-wrap"><a href="/blog/how-to-use-integrations-with-beamer" class="contact-card-button">Learn how</a><div class="contact-line-break"></div><a href="https://zapier.com/apps/beamer/integrations" class="contact-card-button">Go to Zapier</a><div class="contact-line-break"></div><a href="https://app.getbeamer.com/integrations#zapier" class="contact-card-button">Integrate with Zapier</a></div></div><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="cloudflare" class="contact-card-subtitle install">Cloudflare</h3></div><p class="article-card-content">Integrate Beamer with Cloudflare, <strong>one of the largest web infrastructure and website security tools.</strong></p><div class="contact-card-button-wrap"><a href="https://www.cloudflare.com/apps/beamer" class="contact-card-button">Integrate with Cloudflare</a></div></div><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="intercom" class="contact-card-subtitle install">Intercom</h3></div><p class="article-card-content">Display your Beamer updates right from your <strong>Intercom Messenger home.</strong><a href="https://www.getbeamer.com/blog/beamer-for-intercom" target="_self"><strong>‍</strong></a></p><div class="contact-card-button-wrap"><a href="/blog/beamer-for-intercom" class="contact-card-button">Learn more</a><div class="contact-line-break"></div><a href="https://www.intercom.com/app-store/?app_package_code=beamer&category=marketing-automation" class="contact-card-button">Integrate with Intercom</a></div></div><div class="install-content-area"><div class="contact-card-title-wrap"><h3 id="other" class="contact-card-subtitle install">Even more automation tools</h3></div><p class="article-card-content">There are more automation and integration tools out there that are compatible with Beamer. You can learn more about Beamer integrations <a href="https://www.getbeamer.com/integrations" class="content-link">here</a>.<a href="https://integrately.com/integrations/beamer" target="_self"><strong>‍</strong></a></p><div class="contact-card-button-wrap"><a href="https://integrately.com/integrations/beamer" class="contact-card-button">Integrately</a><div class="contact-line-break"></div><a href="https://www.integromat.com/en/integrations/beamer" class="contact-card-button">Intgromat</a><div class="contact-line-break"></div><a href="https://www.pabbly.com/connect/integrations/beamer" class="contact-card-button">Pabbly</a><div class="contact-line-break"></div><a href="https://syncspider.com/integrations/beamer/" class="contact-card-button">SyncSpider</a><div class="contact-line-break"></div><a href="https://segment.com/catalog/integrations/beamer" class="contact-card-button">Segment</a></div></div></div><div class="article-card"><h2 id="api" class="contact-card-title">API.</h2><p class="article-card-content">When embedding our default script is not an option for your app, whether because it’s not a web app or because you prefer not to use third-party addons, you can still <strong>use our API to enable you to use Beamer.</strong><a href="https://www.getbeamer.com/help/how-to-install-beamer-using-our-api" target="_self"><strong>‍</strong></a></p><div class="contact-card-button-wrap"><a href="/help/how-to-install-beamer-using-our-api" class="contact-card-button">Learn how</a><div class="contact-line-break"></div><a href="/api" class="contact-card-button">Read the API reference</a><div class="contact-line-break"></div><a href="https://app.getbeamer.com/settings#api" class="contact-card-button">Create your API key</a></div></div><div class="article-card"><h2 id="webhooks" class="contact-card-title">Webhooks.</h2><p class="article-card-content">Create custom integrations between Beamer and your app using <strong>webhooks.</strong><a href="https://www.getbeamer.com/docs/#webhooks" target="_self"><strong>‍</strong></a></p><div class="contact-card-button-wrap"><a href="/docs/#webhooks" class="contact-card-button">Learn more</a><div class="contact-line-break"></div><a href="https://app.getbeamer.com/integrations#webhooks" class="contact-card-button">Start working with Webhooks</a></div></div><div class="article-card"><h2 id="support" class="contact-card-title">Need more help?</h2><div class="install-content-area"><div class="contact-card-title-wrap"><h3 class="contact-card-subtitle install">Support</h3></div><p class="article-card-content">Any doubts? Take a look at our Help Center where we answer the most common questions on how to use Beamer to its fullest potential or read our comprehensive documentation.</p><div class="contact-card-button-wrap"><a href="/help" class="contact-card-button">Go to the Help Center</a><div class="contact-line-break"></div><a href="/docs" class="contact-card-button">Read the Documentation</a></div></div></div></div><div class="contact-side-bar"><div class="side-bar-list-wrap"><a href="#install" class="side-bar-link-list">Installation</a><a href="#html" class="side-bar-link-list sub">HTML/JS</a><a href="#wordpress" class="side-bar-link-list sub">Wordpress</a><a href="#squarespace" class="side-bar-link-list sub">Squarespace</a><a href="#gtm" class="side-bar-link-list sub">Google Tag Manager</a><a href="#simvoly" class="side-bar-link-list sub">Simvoly</a><a href="#integrations" class="side-bar-link-list">Integrations</a><a href="#zapier" class="side-bar-link-list sub">Zapier</a><a href="#intercom" class="side-bar-link-list sub">Intercom</a><a href="#cloudflare" class="side-bar-link-list sub">Cloudflare</a><a href="#other" class="side-bar-link-list sub">More tools</a><a href="#api" class="side-bar-link-list">API</a><a href="#webhooks" class="side-bar-link-list">Webhooks</a><a href="#support" class="side-bar-link-list">Support</a></div></div></div><div class="w-embed"><style> .article-summary h3::before , .contact-card-subtitle::before { content: ""; display: block; width: 160px; height: 2px; border-top: 2px solid #FFCB1F; margin: 0 0 10px; } </style></div></div></section><section class="footer-cta-section"><div class="w-layout-blockcontainer container w-container"><div class="footer-cta-area"><div class="footer-cta-wrap"><div class="footer-cta-content-wrap"><h2 class="section-title font-50"><strong>Keep your users in the know!</strong></h2></div><div class="banner-form-area footer-cta-form"><div class="banner-form w-form"><form id="wf-form-Footer-CTA-Form" name="wf-form-Footer-CTA-Form" data-name="Footer CTA Form" method="get" class="banner-form-wrap" data-wf-page-id="66bf2b482d95bc8bd6d56b6d" data-wf-element-id="f5aaf391-db10-7bf9-596b-160189b78bce"><input class="banner-form-field w-input" maxlength="256" name="Footer-CTA-Name" data-name="Footer CTA Name" placeholder="Insert your email" type="text" id="Footer-CTA-Name" required=""/><input type="submit" data-wait="Please wait..." class="banner-form-button w-button" value="Get started for free"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><div class="banner-arrow-wrap"><img src="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66b9fa85952a3e4184a1e834_arrow-cta.svg" loading="lazy" alt="logos" class="banner-arrow"/></div><div class="footer-cta-list-wrap"><div class="footer-cta-list-item"><div class="footer-list-icon-wrap"><div class="check-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="#1C1E21" viewBox="0 0 448 512"><path d="M438.6 105.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 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg></div></div><p class="footer-cta-list-text">14-day free trial</p></div><div class="footer-cta-list-item"><div class="footer-list-icon-wrap"><div class="check-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="#1C1E21" viewBox="0 0 448 512"><path d="M438.6 105.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 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg></div></div><p class="footer-cta-list-text"> No credit card required</p></div></div></div></div><div class="flubber cta"><div class="flubber-animate cta"><div class="wave-fill count-one"></div><div class="wave-fill count-two"></div><div class="wave-fill count-three"></div></div><div class="w-embed"><style> .flubber { position: absolute; top: -80px; left: 0; height: calc(100% + 180px); width: 100vw; display: block; z-index: 2; overflow: hidden; } .flubber:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 100px 100vw; border-color: transparent transparent #FFFFFF transparent; position: absolute; bottom: 0; right: 0; } .footer-cta-area .flubber { left: -100px; } @media all and (max-width: 920px) { .footer-cta-area .flubber { left: 0; top: 0; } } .footer-cta-area .flubber .flubber-animate { transform: translateX(50%); left: -50%; } @media all and (max-width: 920px) { .footer-cta-area .flubber .flubber-animate { left: 0; } } .flubber-animate { position: absolute; top: -70px; transform: translateX(-50%); left: 50%; } @media all and (max-width: 920px) { .flubber-animate { left: 50px; } } .footer-cta-area .flubber .flubber-animate .wave-fill { background: #ffae47; position: absolute; opacity: .4; width: 1500px; height: 1300px; border-radius: 43%; } .flubber-animate .wave-fill.count-one { animation: rotate 14000ms infinite linear; opacity: .3; } .flubber-animate .wave-fill.count-two { animation: rotate 6000ms infinite linear; opacity: .2; } .flubber-animate .wave-fill.count-three { animation: rotate 15000ms infinite linear; opacity: .4; } @keyframes rotate { from { transform: rotate(0deg); } from { transform: rotate(360deg); } } </style></div></div></div></div></section><section class="footer-section"><div class="w-layout-blockcontainer container w-container"><div class="footer-area"><div class="footer-menu-area"><div class="footer-wrap"><div class="footer-link-wrap"><div class="footer-title-wrap"><h2 class="footer-title">About</h2></div><div class="footer-link-list"><a href="/" class="footer-menu-link">Home</a><a href="https://app.getbeamer.com/beamer?_gl=1*1vtuxze*_gcl_au*MjAyOTE3OTA1OC4xNzIwNzYwNzMy*_ga*MTczNzE1MTU3MS4xNzIwNzYwNzMy*_ga_W10MJ4KRHK*MTcyMzgwNjkyMS4yOC4xLjE3MjM4MDc5MzEuMC4wLjEwMzU1NDIwNQ.." class="footer-menu-link">Product updates</a><a href="/blog" class="footer-menu-link">Blog</a><a href="https://status.getbeamer.com/?_gl=1*1vtuxze*_gcl_au*MjAyOTE3OTA1OC4xNzIwNzYwNzMy*_ga*MTczNzE1MTU3MS4xNzIwNzYwNzMy*_ga_W10MJ4KRHK*MTcyMzgwNjkyMS4yOC4xLjE3MjM4MDc5MzEuMC4wLjEwMzU1NDIwNQ.." class="footer-menu-link">Status page</a><a href="/affiliates" class="footer-menu-link">Affiliates</a><a href="/privacy-policy" class="footer-menu-link">Privacy Settings </a><a href="/jobs" class="footer-menu-link">Careers</a><a href="/contact" class="footer-menu-link">Contact us</a></div></div><div class="footer-social-menu"><a href="https://twitter.com/getbeamer" class="footer-social-link w-inline-block"><img src="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66b9ce9b505b4436a4f0c5b6_footer-social-1.svg" loading="lazy" width="20" alt="social" class="footer-social-icon"/></a><a href="https://www.facebook.com/getbeamer" class="footer-social-link w-inline-block"><img src="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66b9cec2505b4436a4f0fdf8_footer-social-2.svg" loading="lazy" width="20" alt="social" class="footer-social-icon"/></a><a href="https://www.linkedin.com/company/getbeamer" class="footer-social-link w-inline-block"><img src="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66b9cec2c03b141e5bda9ef2_footer-social-3.svg" loading="lazy" width="20" alt="social" class="footer-social-icon"/></a></div></div><div class="footer-wrap"><div class="footer-link-wrap"><div class="footer-title-wrap"><h2 class="footer-title">Products</h2></div><div class="footer-link-list"><a href="/changelog" class="footer-menu-link">Changelog</a><a href="/feedback" class="footer-menu-link">Feedback</a><a href="/nps" class="footer-menu-link">Net Promoter Score®</a><a href="/in-app-notification-center" class="footer-menu-link">Notification Center</a><a href="/pricing" class="footer-menu-link">Pricing</a></div></div><div class="footer-link-wrap"><div class="footer-title-wrap"><h2 class="footer-title">Alternatives</h2></div><div class="footer-link-list"><a href="/compare/canny-alternative" class="footer-menu-link">Canny</a><a href="/compare/announcekit" class="footer-menu-link">AnnounceKit</a></div></div></div><div class="footer-wrap"><div class="footer-link-wrap"><div class="footer-title-wrap"><h2 class="footer-title">How to use Beamer</h2></div><div class="footer-link-list"><a href="/release-notes" class="footer-menu-link">Release Notes</a><a href="/communicate-with-users" class="footer-menu-link">User Announcements</a><a href="/segmentation" class="footer-menu-link">Segmentation</a><a href="/inbox" class="footer-menu-link">Inbox</a><a href="/push-notifications" class="footer-menu-link">Push Notifications</a><a href="/design-customization" class="footer-menu-link">Design Customization</a><a href="/improve-user-engagement" class="footer-menu-link">Improve User Engagement</a><a href="/integrations" class="footer-menu-link">Integrations</a></div></div><div class="footer-link-wrap"><div class="footer-title-wrap"><h2 class="footer-title">Additional Resources</h2></div><div class="footer-link-list"><a href="/blog/customer-feedback-management-tools" class="footer-menu-link">Feedback Management Tools</a><a href="/blog/in-app-vs-push-notifications-examples" class="footer-menu-link">In-App vs Push Notifications</a><a href="/blog/choosing-the-best-nps-survey-tool-for-your-business" class="footer-menu-link">Best NPS Survey Tools</a></div></div></div><div class="footer-wrap"><div class="footer-link-wrap"><div class="footer-title-wrap"><h2 class="footer-title">Documentation</h2></div><div class="footer-link-list"><a href="/install" aria-current="page" class="footer-menu-link w--current">Installation</a><a href="/help" class="footer-menu-link">Help Center</a><a href="/guides" class="footer-menu-link">Learning Center</a><a href="/docs" class="footer-menu-link">Developer Docs</a><a href="/api" class="footer-menu-link">API Documentation</a><a href="/terms-of-service" class="footer-menu-link">Terms of Service</a><a href="/privacy-policy" class="footer-menu-link">Privacy Policy</a><a href="/security" class="footer-menu-link">Data Security</a><a href="/blog/how-beamer-is-complying-with-gdpr" class="footer-menu-link">GDPR Compliance</a><a href="https://trust.getbeamer.com/?_gl=1*16t6awq*_gcl_au*MjAyOTE3OTA1OC4xNzIwNzYwNzMy*_ga*MTczNzE1MTU3MS4xNzIwNzYwNzMy*_ga_W10MJ4KRHK*MTcyMzgwNjkyMS4yOC4xLjE3MjM4MDc5MzEuMC4wLjEwMzU1NDIwNQ.." class="footer-menu-link">Trust Center</a></div></div></div></div><div class="footer-logo-wrap"><a href="https://trust.getbeamer.com/?_gl=1*1vtuxze*_gcl_au*MjAyOTE3OTA1OC4xNzIwNzYwNzMy*_ga*MTczNzE1MTU3MS4xNzIwNzYwNzMy*_ga_W10MJ4KRHK*MTcyMzgwNjkyMS4yOC4xLjE3MjM4MDc5MzEuMC4wLjEwMzU1NDIwNQ.." class="footer-logo-link w-inline-block"><img src="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66b9d3f27dbfa495624c92b9_footer-logo-1.webp" loading="lazy" alt="footer logo"/></a><a href="/blog/how-beamer-is-complying-with-gdpr" class="footer-logo-link w-inline-block"><img src="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/66b9d3f2a3123ea67501ae26_footer-logo-2.webp" loading="lazy" alt="footer logo"/></a></div><div class="footer-content-wrap"><p class="footer-content">©2017-2024 Made with by Beamer</p><p class="footer-licenses-content">Net Promoter®, NPS®, and the NPS-related emoticons are registered trademarks of Bain & Company, Inc., Satmetrix Systems, Inc., and Fred Reichheld. Net Promoter Score℠ and Net Promoter System℠ are service marks of Bain & Company, Inc., Satmetrix Systems, Inc., and Fred Reichheld.</p></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 getbeamer.com</div><a href="/privacy-policy" 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="66bf2b482d95bc8bd6d56b6d" data-wf-element-id="179f90cd-4f4e-4b20-d6f2-1eda6158838d"><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=66b70736e94ee47108b9f364" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/66b70736e94ee47108b9f364/js/webflow.f79bb614c.js" type="text/javascript"></script> <script> document.addEventListener('DOMContentLoaded', function () { const header = document.querySelector('.header'); const svgElement = document.querySelector('.header .container-large .navbar-area .nav-brand-wrap .brand-link .brand-logo-embeded svg g#isotype'); // Check if the URL is /api and apply styles immediately if (window.location.pathname === '/api') { if (header) { header.classList.add('active'); } if (svgElement) { svgElement.style.fill = '#FFCB1F'; } } else { // Scroll event listener for other pages document.addEventListener('scroll', function () { if (window.scrollY > 0) { if (header) header.classList.add('active'); if (svgElement) svgElement.style.fill = '#FFCB1F'; } else { if (header) header.classList.remove('active'); if (svgElement) svgElement.style.fill = ''; // Revert to original fill } }); // Hover event listeners for nav links const navlinksElements = document.querySelectorAll('#navlinks, #navbuttons'); navlinksElements.forEach(navlink => { navlink.addEventListener('mouseenter', function () { if (header) header.classList.add('active'); if (svgElement) svgElement.style.fill = '#FFCB1F'; }); navlink.addEventListener('mouseleave', function () { // Revert only if not scrolled if (window.scrollY === 0) { if (header) header.classList.remove('active'); if (svgElement) svgElement.style.fill = ''; // Revert to original fill } }); }); } }); </script>  <script> var beamer_config = { product_id: 'mZXqptmd65' //DO NOT CHANGE: This is your product code on Beamer }; </script>  <script type="text/javascript" src="https://app.getbeamer.com/js/beamer-embed.js" defer="defer"></script>  <script> // video popup JavaScript Code document.addEventListener("DOMContentLoaded", function () { // Select the hero video element const heroVideo = document.getElementById("hero-video"); const videoPopup = document.querySelector(".video-popup"); const videoOverlay = document.querySelector(".video-overlay"); // Check if hero-video exists if (heroVideo) { // Click event on hero-video element heroVideo.addEventListener("click", function () { // Check if the video is already video-active if (!heroVideo.classList.contains("video-active")) { // Create iframe for the YouTube video const iframe = document.createElement("iframe"); iframe.id = "videoPlayer"; iframe.width = "100%"; iframe.height = "100%"; iframe.frameBorder = "0"; iframe.allow = "autoplay; fullscreen; picture-in-picture; encrypted-media"; iframe.src = "https://www.youtube.com/embed/hhJnR1Iu6y0?rel=0&autoplay=1&controls=0&showinfo=0&modestbranding=1"; // Append iframe to video popup videoPopup.appendChild(iframe); // Show the overlay with a fade-in effect videoOverlay.style.display = "block"; videoOverlay.style.opacity = "0"; setTimeout(() => { videoOverlay.style.opacity = "1"; videoOverlay.style.transition = "opacity 0.5s ease-in-out"; }, 10); // Add video-active class to hero-video and noscroll-video to body heroVideo.classList.add("video-active"); document.body.classList.add("noscroll-video"); } }); // Close video on overlay click videoOverlay.addEventListener("click", function () { // Fade out overlay videoOverlay.style.opacity = "0"; setTimeout(() => { videoOverlay.style.display = "none"; }, 500); // Match the fade-out duration // Remove video-active class and noscroll-video class heroVideo.classList.remove("video-active"); document.body.classList.remove("noscroll-video"); // Remove iframe to stop the video const videoPlayer = document.getElementById("videoPlayer"); if (videoPlayer) { videoPlayer.remove(); } }); } }); </script>  <script type="text/javascript" id="" charset="">var beamer_config = { product_id: "mZXqptmd65", selector: "#callBeamer", button: !1 };</script>  <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function () { // Function to handle scroll-based behavior function handleScroll() { const firstBand = document.getElementById('first-band'); const footerCta = document.getElementById('footer-cta'); const footerCtaArea = document.querySelector('.footer-cta-area'); const footerCtaContent = document.querySelector('.footer-cta-content'); // Ensure the elements exist before accessing their properties if (firstBand && footerCta && footerCtaArea && footerCtaContent) { // Get positions of elements relative to the viewport const firstBandPosition = firstBand.getBoundingClientRect().top; const footerCtaPosition = footerCta.getBoundingClientRect().top; const windowHeight = window.innerHeight; // When the user scrolls to the first-band, add 'fixed' class and hide content if (firstBandPosition <= windowHeight && footerCtaPosition > windowHeight) { footerCtaArea.classList.add('fixed'); footerCtaContent.style.display = 'none'; } // When the user reaches the footer-cta, remove 'fixed' class and show content else if (footerCtaPosition <= windowHeight) { footerCtaArea.classList.remove('fixed'); footerCtaContent.style.display = 'block'; } } } // Listen to scroll events window.addEventListener('scroll', handleScroll); }); </script>   <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20024688.js"></script>    <script async src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in"></script></body></html>