CINXE.COM
Fairing LTV Analytics - Powered by Question Stream - Fairing
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Fairing LTV Analytics - Powered by Question Stream - Fairing</title> <meta name="description" content="Discover Fairing’s LTV Analytics: the only tool with true customer insights. Optimize your marketing with accurate data and detailed cohort analysis. "> <meta name="robots" content="index,follow"> <meta name="author" content="undefined"> <link rel="canonical" href="https://fairing.co/product/ltv-analytics/"> <meta property="og:title" content="Fairing LTV Analytics - Powered by Question Stream - Fairing"> <meta property="og:type" content="article"> <meta property="og:url" content="https://fairing.co/product/ltv-analytics/"> <meta property="og:description" content="Discover Fairing’s LTV Analytics: the only tool with true customer insights. Optimize your marketing with accurate data and detailed cohort analysis. "> <meta property="og:image" content="https://fairing.co/assets/images/fairing-featured.webp"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@Fairing"> <meta name="twitter:url" content="https://fairing.co/product/ltv-analytics/"> <meta name="twitter:title" content="Fairing LTV Analytics - Powered by Question Stream - Fairing"> <meta name="twitter:description" content="Discover Fairing’s LTV Analytics: the only tool with true customer insights. Optimize your marketing with accurate data and detailed cohort analysis. "> <meta name="twitter:image" content="https://fairing.co/assets/images/fairing-featured.webp"> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"/> <link rel="stylesheet" href="/css/site.css?v=4c685712163efb42dad006636dce0a45"/> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <!-- Font Preload --> <link rel="preload" href="https://fonts.gstatic.com/s/kumbhsans/v22/c4mw1n92AsfhuCq6tVsaoIx1LQICk0boNoq0ShNBVo0iPw.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/kumbhsans/v22/c4mw1n92AsfhuCq6tVsaoIx1LQICk0boNoq0ShNPVo0.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png"> <link rel="manifest" href="/assets/images/site.webmanifest"> <link rel="mask-icon" href="/assets/images/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#f5f5f5"> <meta name="theme-color" content="#f5f5f5"> <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.12.3/dist/cdn.min.js" defer></script> <script>void 0===window.navatticQueue&&(window.navatticQueue=[],window.navattic=new Proxy({},{get:function n(t,u,e){return function(){for(var n=arguments.length,t=Array(n),e=0;e<n;e++)t[e]=arguments[e];return navatticQueue.push({function:u,arguments:t})}}}));</script> <script async src="https://js.navattic.com/sdk.js" data-key="pkey_cm34ki27l00yars3b6q9kexo9"></script> <!-- GOOGLE ANALYTICS 4 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-SYSFZEGJBV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-SYSFZEGJBV'); (() => { window.addEventListener("DOMContentLoaded", () => { // Select all links that lead to the “Get Started” page let getStartedLinks = document.querySelectorAll('a[href="https://app.fairing.co"]'); // Add a click event listener to each "Get Started" link getStartedLinks.forEach(link => { link.addEventListener("click", () => { // Send event to GA4 gtag('event', 'cta_interaction', { 'event_category': 'Engagement', 'event_label': 'Clicked Get Started' }); }); }); }) })(); </script> <!-- END GOOGLE ANALYTICS 4 --> <!-- KOALA TRACKING CODE --> <script> !function(t){if(window.ko)return;window.ko=[],["identify","track","removeListeners","open","on","off","qualify","ready"].forEach(function(t){ko[t]=function(){var n=[].slice.call(arguments);return n.unshift(t),ko.push(n),ko}});var n=document.createElement("script");n.async=!0,n.setAttribute("src","https://cdn.getkoala.com/v1/pk_741b7c53479f5b226a1ab43eeebbbd1df161/sdk.js"),(document.body || document.head).appendChild(n)}(); </script> <!-- END KOALA TRACKING CODE --> <!-- Google Tag Manager --> <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-K5KQRZQZ');</script> <!-- End Google Tag Manager --> <!-- Unify Script --> <script>!(function(){var n=document.createElement('script'); (n.async=!0),n.setAttribute('src', 'https://tag.unifyintent.com/v1/U4fgMWHTKFo9ZpYW3pFMio/script.js'), n.setAttribute('data-api-key', 'wk_Br7hyhRq_3iqFzMrDemBjb9f95ukKosukBLwrAkNr'), n.setAttribute('id', 'unifytag'), (document.body||document.head).appendChild(n)})()</script> <!-- End Unify Script --> <script> !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); posthog.init('phc_dtxNm8R5PLjl9iYu48WmgvmAIda576CtGW1KyS6l9W3',{api_host:'https://stats.fairing.co', person_profiles: 'identified_only' // or 'always' to create profiles for anonymous users as well }) </script> <!-- FB Pixel Verification --> <meta name="facebook-domain-verification" content="i7mzvs8x9eshma18xw3e89al01691v" /> </head> <body class="relative bg-white"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K5KQRZQZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="relative isolate z-[50] bg-[#fbfcf3] sticky top-0" x-data="{ visibleMenu: null, mobileOpen: false }" x-on:click.outside="visibleMenu = null; mobileOpen = false" > <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global" > <div class="flex lg:flex-1"> <a href="/" class="-m-1.5 p-1.5 w-[110px] lg:w-[124px]"> <span class="sr-only">Fairing</span> <img class="h-6 w-auto xl:h-8" src="/assets/images/fairing-logo.svg" alt="Fairing"> </a> </div> <div class="flex lg:hidden"> <button type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" x-on:click="mobileOpen = !mobileOpen"> <span class="sr-only">Open main menu</span> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> </svg> </button> </div> <div class="hidden lg:flex lg:gap-x-8 items-center" > <div class="hidden lg:flex lg:gap-x-4 xl:gap-x-8"> <div> <button type="button" class="flex items-center gap-x-1 text-sm font-semibold leading-6 text-gray-900" aria-expanded="false" x-on:click="visibleMenu == null ? visibleMenu = 'product' : visibleMenu = null" > Product <svg class="h-5 w-5 flex-none text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /> </svg> </button> <!-- 'Product' flyout menu, show/hide based on flyout menu state. Entering: "transition ease-out duration-200" From: "opacity-0 -translate-y-1" To: "opacity-100 translate-y-0" Leaving: "transition ease-in duration-150" From: "opacity-100 translate-y-0" To: "opacity-0 -translate-y-1" --> <!-- PRODUCT SUBMENU --> <div x-show="visibleMenu == 'product'" x-transition:enter="transition ease-out duration-100 transform" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75 transform" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute inset-x-0 top-0 -z-10 bg-white pt-16 shadow-lg ring-1 ring-gray-900/5 submenu-option hidden" > <div class="mx-auto grid max-w-7xl grid-cols-[350px_1fr_1fr_1fr] xl:grid-cols-[450px_1fr_1fr_1fr] items-start gap-x-4 px-6 py-10 xl:gap-x-8"> <div class="flex flex-col align-end relative text-sm"> <div class="mb-3 px-2 font-medium text-sm text-[#6B7280] leading-6 uppercase"> Product </div> <a class="grid grid-cols-[2fr_3fr] grid-rows-[auto_1fr] gap-x-8 mb-8 rounded-sm px-2 hover:ring-2 hover:ring-offset-[12px] hover:ring-gray-100 transition-all" href="/product"> <img class="w-full rounded-md shadow-sm" src="/assets/images/nav/question-stream.svg"> <div class="row-span-2 flex flex-col gap-2"> <h3 class="text-base font-medium text-[#111827] leading-normal"> Question Stream™ </h3> <p class="text-sm text-[#6B7280] leading-normal"> Survey your customers and understand where they’re coming from. </p> </div> </a> <a class="grid grid-cols-[2fr_3fr] grid-rows-[auto_1fr] gap-x-8 rounded-sm px-2 hover:ring-2 hover:ring-offset-[12px] hover:ring-gray-100 transition-all" href="/product/ltv-analytics/"> <img class="w-full rounded-md shadow-sm" src="/assets/images/nav/ltv-analytics.svg"> <div class="row-span-2 flex flex-col gap-2"> <h3 class="text-base font-medium text-[#111827] leading-normal"> LTV Analytics <span class="text-sm font-medium nav-new-tag inline px-2 py-1"> New </span> </h3> <p class="text-sm text-[#6B7280] leading-normal"> Compare historical order data with HDYHAU responses to optimize marketing spend. </p> </div> </a> </div> <!-- PLATFORM MENU --> <div class="flex flex-col align-end relative text-sm leading-6 gap-2"> <p class="mb-3 px-2 font-medium text-sm text-[#6B7280] uppercase"> Platforms </p> <a href="/platforms/shopify-plus" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path d="m12.764 3.278-.523.164c-.055-.18-.136-.4-.25-.622-.371-.713-.915-1.092-1.57-1.093h-.003c-.045 0-.09.004-.136.009A1.37 1.37 0 0 0 9.13 1.22c-.848.024-1.692.642-2.376 1.74-.482.771-.848 1.742-.952 2.492l-1.668.522c-.491.155-.507.171-.571.638-.049.354-1.334 10.385-1.334 10.385l10.663 1.862V3.256a.642.642 0 0 0-.129.022Zm-2.462.77-1.799.562c.174-.672.504-1.34.909-1.779.15-.163.36-.345.61-.449.235.493.285 1.193.28 1.666ZM9.147 1.79a.861.861 0 0 1 .51.135c-.23.12-.45.293-.658.517-.539.583-.951 1.488-1.116 2.361l-1.476.462c.29-1.374 1.432-3.437 2.74-3.475ZM7.498 9.62c.057.915 2.444 1.115 2.578 3.26.105 1.688-.887 2.842-2.316 2.933-1.716.109-2.66-.913-2.66-.913l.363-1.56s.95.723 1.712.675c.497-.032.674-.44.657-.729-.075-1.194-2.018-1.124-2.141-3.087-.103-1.651.97-3.325 3.342-3.476.914-.058 1.382.177 1.382.177l-.543 2.047s-.604-.278-1.322-.232c-1.051.068-1.063.737-1.052.905Zm3.367-5.748c-.006-.433-.058-1.035-.257-1.556.643.123.96.857 1.093 1.295l-.836.261ZM13.246 18.817l4.424-1.11S15.765 4.71 15.753 4.62a.17.17 0 0 0-.153-.144c-.063-.005-1.31-.024-1.31-.024s-.759-.744-1.044-1.026v15.391Z" fill="#000"/> </svg> <span class="font-medium"> Shopify Plus </span> </a> <a href="/platforms/shopify" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#95BF46" d="M15.813 4.6528c-.0122-.0886-.0898-.1376-.154-.143-.064-.0054-1.4193-.1059-1.4193-.1059s-.9412-.9344-1.0445-1.0378c-.1034-.1034-.3052-.072-.3836-.0489-.0115.0034-.2056.0633-.5267.1627-.3144-.9048-.8693-1.7362-1.8455-1.7362-.027 0-.0547.0011-.0824.0027-.2777-.3672-.6216-.5267-.9186-.5267-2.274 0-3.3605 2.8428-3.701 4.2874-.8837.2738-1.5114.4684-1.5916.4936-.4933.1547-.5089.1703-.5736.635-.0488.3519-1.3393 10.3322-1.3393 10.3322l10.0562 1.8842 5.4487-1.1788S15.825 4.7414 15.813 4.6528Zm-4.0839-1.001-.8509.2634c.0003-.06.0006-.119.0006-.1835 0-.5623-.0781-1.015-.2033-1.374.503.0632.838.6355 1.0536 1.294Zm-1.6776-1.1826c.1399.3504.2308.8533.2308 1.5319 0 .0347-.0003.0665-.0006.0986l-1.7574.5442c.3384-1.306.9727-1.9367 1.5272-2.1747Zm-.6756-.6395c.0982 0 .197.0333.2917.0984-.7288.343-1.51 1.2067-1.8399 2.9315l-1.3891.4302c.3864-1.3156 1.304-3.4601 2.9373-3.4601Z"/> <path fill="#5E8E3E" d="M15.6571 4.513c-.0641-.0053-1.4193-.1057-1.4193-.1057s-.9412-.9344-1.0445-1.0379c-.0387-.0384-.0908-.0582-.1454-.0667l-.7603 15.5526 5.4483-1.1786s-1.9128-12.932-1.9248-13.0205c-.0122-.0887-.0899-.1377-.154-.1431Z"/> <path fill="#fff" d="m10.4358 7.5199-.6719 1.9985s-.5886-.3142-1.3102-.3142c-1.0578 0-1.111.6639-1.111.8312 0 .9127 2.3793 1.2625 2.3793 3.4004 0 1.6821-1.0669 2.7653-2.5054 2.7653-1.7262 0-2.609-1.0744-2.609-1.0744l.4622-1.5271s.9074.7791 1.6731.7791c.5004 0 .7039-.394.7039-.6818 0-1.1906-1.952-1.2437-1.952-3.2002 0-1.6466 1.1818-3.2401 3.5676-3.2401.9193 0 1.3734.2633 1.3734.2633Z"/> </svg> <span class="font-medium"> Shopify </span> </a> <a href="/platforms/commerce-cloud" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- COMMERCE CLOUD LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#00A1E0" d="M8.6582 5.641c.516-.5353 1.2345-.8673 2.029-.8673 1.0562 0 1.9776.5864 2.4684 1.457a3.4234 3.4234 0 0 1 1.3951-.2953C16.4556 5.9354 18 7.4864 18 9.3997c0 1.9135-1.5444 3.4646-3.4493 3.4646a3.4301 3.4301 0 0 1-.6795-.0674c-.4321.7675-1.2556 1.2861-2.2008 1.2861-.3956 0-.7699-.091-1.1031-.2528-.4381 1.0259-1.4587 1.7453-2.6482 1.7453-1.2388 0-2.2945-.7804-2.6997-1.8749a2.653 2.653 0 0 1-.5489.0569C3.1957 13.7576 2 12.5548 2 11.0709c0-.9944.5372-1.8627 1.3354-2.3272a3.0642 3.0642 0 0 1-.2557-1.2289c0-1.7065 1.3914-3.0899 3.1077-3.0899 1.0076 0 1.903.477 2.4708 1.2162Z"/> <path fill="#fff" d="M4.3173 10.2072c-.01.0261.0037.0316.0069.0361.03.0218.0606.0374.0914.0549.1632.0862.3172.1114.4784.1114.3282 0 .532-.1738.532-.4536v-.0055c0-.2587-.23-.3526-.4459-.4205l-.028-.009c-.1627-.0527-.3031-.098-.3031-.2047v-.0057c0-.0912.082-.1584.2092-.1584.1413 0 .309.0467.4171.1062 0 0 .0317.0204.0433-.0102.0064-.0164.061-.163.0668-.1788.0061-.0173-.0048-.03-.016-.0368-.1233-.0747-.2937-.1257-.4702-.1257l-.0328.0002c-.3004 0-.51.1806-.51.4396v.0054c0 .273.2313.3615.448.4232l.035.0107c.1579.0483.294.0899.294.2006v.0055c0 .1012-.0885.1765-.2312.1765a.7783.7783 0 0 1-.4228-.1212c-.023-.0134-.0364-.0231-.0542-.0338-.0094-.0059-.0328-.0161-.043.0148l-.0649.1788Zm4.8048 0c-.01.0261.0037.0316.0069.0361.03.0218.0606.0374.0913.0549.1632.0862.3173.1114.4785.1114.3281 0 .5319-.1738.5319-.4536v-.0055c0-.2587-.23-.3526-.4458-.4205l-.028-.009c-.1628-.0527-.3032-.098-.3032-.2047v-.0057c0-.0912.082-.1584.2093-.1584.1413 0 .309.0467.4171.1062 0 0 .0316.0204.0432-.0102.0064-.0164.0611-.163.0668-.1788.0062-.0173-.0048-.03-.0159-.0368-.1233-.0747-.2938-.1257-.4702-.1257l-.0328.0002c-.3004 0-.5101.1806-.5101.4396v.0054c0 .273.2313.3615.448.4232l.035.0107c.1579.0483.2942.0899.2942.2006v.0055c0 .1012-.0887.1765-.2313.1765a.7783.7783 0 0 1-.4228-.1212c-.023-.0134-.0367-.0227-.054-.0338-.006-.0039-.0338-.0145-.0434.0148l-.0647.1788Zm3.2801-.548c0 .158-.0296.2827-.088.3707-.0576.0872-.1449.1296-.2666.1296-.122 0-.2088-.0422-.2656-.1296-.0574-.0878-.0866-.2126-.0866-.3708 0-.158.0292-.2823.0866-.3694.0568-.0863.1436-.1282.2656-.1282.1217 0 .209.042.2669.1282.0581.087.0877.2115.0877.3694Zm.274-.2933a.656.656 0 0 0-.1247-.2369.602.602 0 0 0-.2104-.1593c-.0836-.0388-.1825-.0586-.2935-.0586-.1113 0-.2102.0198-.2938.0586a.6056.6056 0 0 0-.2106.1593.6663.6663 0 0 0-.1247.237 1.0315 1.0315 0 0 0-.0401.2931c0 .1046.0134.2034.0401.2932.0271.0903.0689.1702.1249.2369a.5883.5883 0 0 0 .2104.158c.0839.0379.1825.0571.2938.0571.111 0 .2097-.0192.2935-.0571a.5874.5874 0 0 0 .2104-.158c.0559-.0665.0978-.1463.1247-.2369.0269-.09.0403-.1888.0403-.2932 0-.1044-.0134-.2031-.0403-.2932Zm2.2497.7514c-.0091-.0266-.0349-.0166-.0349-.0166a.6298.6298 0 0 1-.1274.0363.999.999 0 0 1-.1502.0107c-.1326 0-.2379-.0393-.3134-.1169-.0756-.0776-.118-.2031-.1176-.3728.0005-.1546.0378-.2708.1051-.3593.0668-.088.1684-.1332.304-.1332.1131 0 .1993.013.2895.0413 0 0 .0216.0093.0319-.0188.0239-.0663.0417-.1137.0672-.1866.0073-.0206-.0104-.0295-.0168-.032-.0356-.0138-.1195-.0363-.1828-.0458a1.379 1.379 0 0 0-.2056-.0138c-.1151 0-.2177.0195-.3054.0585a.6322.6322 0 0 0-.2206.159.6754.6754 0 0 0-.1334.237.9404.9404 0 0 0-.0446.2936c0 .2263.0613.4092.1823.5431.1212.1343.3034.2026.5409.2026.1404 0 .2844-.0283.3879-.0689 0 0 .0198-.0096.0111-.0325l-.0672-.1849Zm.4793-.6097c.013-.0878.0374-.161.075-.2179.0568-.0864.1434-.1339.2651-.1339s.2022.0477.2598.134c.0383.0569.055.1332.0616.2178h-.6615Zm.9224-.1931c-.0232-.0874-.0809-.1757-.1187-.216-.0597-.064-.1181-.1088-.176-.1337a.6804.6804 0 0 0-.2657-.0536c-.1158 0-.2209.0193-.3061.0592a.6086.6086 0 0 0-.2136.1623.6641.6641 0 0 0-.1256.2396 1.033 1.033 0 0 0-.0408.2948c0 .1065.0142.2056.0422.2948a.608.608 0 0 0 .1345.2346c.0608.0661.1392.1178.2331.1539.0933.0359.2066.0545.3367.0542.2678-.0009.4089-.0603.467-.0923.0103-.0057.0201-.0157.0077-.0443l-.0606-.1691c-.0091-.0251-.0349-.0158-.0349-.0158-.0663.0245-.1606.0685-.3806.068-.1438-.0002-.2505-.0424-.3173-.1084-.0686-.0677-.1021-.167-.108-.3073l.9274.001s.0244-.0005.0269-.0242c.0009-.0099.0319-.1896-.0276-.3977Zm-8.3496.193c.0133-.0877.0374-.1608.075-.2178.0568-.0864.1434-.1339.2651-.1339s.2022.0477.26.134c.0381.0569.0548.1332.0614.2178H7.978Zm.9222-.193c-.0232-.0874-.0807-.1757-.1185-.216-.0597-.064-.118-.1088-.176-.1337a.6806.6806 0 0 0-.2657-.0536c-.1156 0-.2209.0193-.3061.0592a.6088.6088 0 0 0-.2136.1623.6641.6641 0 0 0-.1255.2396 1.0405 1.0405 0 0 0-.0408.2948c0 .1065.014.2056.0421.2948a.608.608 0 0 0 .1345.2346c.0609.0661.1393.1178.2332.1539.0932.0359.2065.0545.3366.0542.2678-.0009.4089-.0603.467-.0923.0103-.0057.02-.0157.0078-.0443l-.0604-.1691c-.0094-.0251-.0351-.0158-.0351-.0158-.0663.0245-.1605.0685-.3809.068-.1436-.0002-.2502-.0424-.317-.1084-.0686-.0677-.1021-.167-.108-.3073l.9273.001s.0244-.0005.027-.0242c.0008-.0099.0318-.1896-.0279-.3977Zm-2.9267.7977c-.0363-.0288-.0413-.0361-.0536-.0547-.0182-.0284-.0276-.0687-.0276-.12 0-.0813.027-.1396.0828-.1789-.0007.0003.0797-.0692.269-.0667.1328.0018.2515.0213.2515.0213v.4199s-.1176.0252-.2502.0331c-.1887.0114-.2726-.0542-.272-.054Zm.369-.6488a2.0644 2.0644 0 0 0-.1448-.0043.8828.8828 0 0 0-.2283.0293.5971.5971 0 0 0-.1938.0893.446.446 0 0 0-.1345.1523c-.0328.0609-.0494.1326-.0494.2129 0 .0817.0141.1527.0424.2108a.3813.3813 0 0 0 .121.1444c.0515.0374.1151.0649.189.0814.0727.0166.1552.025.2454.025.095 0 .1899-.0077.2817-.0234a5.9289 5.9289 0 0 0 .2336-.0449 2.4133 2.4133 0 0 0 .065-.0166c.023-.0057.0212-.0302.0212-.0302l-.0005-.8444c0-.1852-.0496-.3225-.1474-.4076-.0973-.0848-.2407-.1278-.426-.1278-.0695 0-.1814.0096-.2484.023 0 0-.2027.039-.286.104 0 0-.0183.0113-.0083.0367l.0657.1757c.0082.0226.0303.015.0303.015s.007-.0028.0153-.0076c.1784-.0966.404-.0937.404-.0937.1004 0 .1774.02.2294.0597.0505.0386.0763.0969.0763.2199v.039c-.0798-.0113-.153-.0179-.153-.0179Zm7.4799-.4758a.0248.0248 0 0 0-.0139-.0331c-.0157-.0061-.0946-.0227-.1554-.0266-.1165-.007-.1812.0125-.2391.0384-.0575.0258-.1213.0676-.1568.115V8.969c0-.0157-.0112-.0281-.0267-.0281h-.2377c-.0155 0-.0267.0124-.0267.0281v1.3773c0 .0154.0128.0281.0283.0281h.2436a.028.028 0 0 0 .028-.0281v-.688c0-.0925.0103-.1846.0308-.2424.0201-.0572.0474-.103.0812-.136a.2842.2842 0 0 1 .1146-.0685.4487.4487 0 0 1 .1245-.0175.5223.5223 0 0 1 .1018.0125c.0178.002.0278-.0089.0337-.025.016-.0422.0611-.1686.0698-.1938Z"/> <path fill="#fff" d="M11.5356 8.3493a.8042.8042 0 0 0-.0917-.0218.7284.7284 0 0 0-.126-.0095c-.1678 0-.3.0472-.3927.1402-.0923.0926-.155.2336-.1865.419l-.0114.0624h-.2105s-.0256-.001-.0311.0267l-.0344.1923c-.0025.0181.0055.0297.0301.0297h.2049l-.2078 1.1555c-.0162.0931-.0349.1696-.0557.2276-.0203.0572-.0401.1001-.0647.1314-.0237.03-.046.0522-.0848.0652a.3482.3482 0 0 1-.1092.0156.4072.4072 0 0 1-.0743-.0082.217.217 0 0 1-.0501-.0161s-.0239-.009-.0335.0148a32.0176 32.0176 0 0 0-.0688.1877c-.0064.0183.0027.0326.0143.0369a.7554.7554 0 0 0 .0848.0248c.0515.012.095.0127.1358.0127.0853 0 .1632-.012.2277-.0352.0648-.0234.1213-.064.1714-.1189.054-.0595.088-.1216.1204-.2067.0321-.084.0597-.1884.0816-.31l.209-1.1771h.3054s.0257.0009.031-.027l.0346-.192c.0023-.0184-.0054-.0297-.0303-.0297h-.2965c.0016-.0066.015-.1105.049-.2083.0146-.0416.0419-.0754.0649-.0985a.196.196 0 0 1 .0778-.0481.3239.3239 0 0 1 .0996-.0141.3904.3904 0 0 1 .0761.0075.55.55 0 0 1 .0474.0116c.0303.009.0344.0002.0404-.0143l.0709-.1938c.0072-.021-.0108-.0298-.0171-.0323Zm-4.143 1.997c0 .0155-.0112.028-.0267.028h-.246c-.0155 0-.0264-.0125-.0264-.028V8.3756c0-.0154.011-.0279.0265-.0279h.2459c.0155 0 .0266.0125.0266.028v1.9706Z"/> </svg> <!-- END COMMERCE CLOUD LOGO --> <span class="font-medium"> Commerce Cloud </span> </a> <a href="/platforms/woocommerce" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- WOOCOMMERCE LOGO --> <svg class="h-5 w-5 mr-1 text-gray-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <g clip-path="url(#a)"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#9B5C8F" d="M2.9152 4.8262H17.076c.8962 0 1.6217.7254 1.6217 1.6216v5.4053c0 .8962-.7255 1.6217-1.6217 1.6217h-5.0781l.697 1.7069-3.0655-1.7069H2.9224c-.896 0-1.6216-.7255-1.6216-1.6217V6.4478c-.007-.889.7182-1.6216 1.6144-1.6216Z"/> <path fill="#fff" d="M2.2924 6.3048c.099-.1344.2475-.205.4455-.2192.3608-.0284.5659.1413.6153.509.2192 1.478.4597 2.7299.7142 3.7553l1.5488-2.949c.1414-.2687.3183-.4101.5304-.4243.3112-.0212.502.1768.58.594.1767.9406.403 1.7397.6717 2.4186.184-1.7962.495-3.0904.9335-3.8895.106-.198.2617-.297.4668-.3112.1626-.014.311.0354.4455.1415.1343.106.205.2404.2192.403.007.1274-.0141.2334-.0707.3395-.2758.5092-.5022 1.365-.686 2.553-.1767 1.1527-.2404 2.0509-.198 2.6944.0142.1767-.0141.3323-.0848.4667-.085.1556-.2122.2405-.375.2546-.1838.0141-.3746-.0707-.5585-.2616-.6577-.6719-1.181-1.6761-1.563-3.0127-.4596.9052-.7991 1.5841-1.0183 2.0367-.4172.7991-.7708 1.2093-1.0678 1.2305-.191.0142-.3536-.1485-.495-.4879-.3607-.9265-.7497-2.7157-1.167-5.3676-.0282-.184.0142-.3466.1132-.4738ZM17.49 7.415c-.2546-.4455-.6294-.7142-1.1315-.8204-.1344-.0283-.2616-.0424-.3819-.0424-.6789 0-1.2305.3536-1.6619 1.0608-.3677.601-.5516 1.2658-.5516 1.9943 0 .5445.1132 1.0112.3395 1.4002.2545.4455.6294.7142 1.1315.8203.1343.0283.2616.0425.3819.0425.6859 0 1.2375-.3536 1.6618-1.0608.3677-.6082.5516-1.273.5516-2.0014.0071-.5515-.1131-1.0113-.3394-1.3931Zm-.891 1.9589c-.0991.4667-.2759.8132-.5376 1.0466-.205.1839-.396.2616-.5727.2263-.1698-.0354-.3113-.1838-.4173-.4597-.0849-.2192-.1272-.4384-.1272-.6435 0-.1768.0141-.3536.0494-.5162.0637-.29.1839-.573.3748-.8416.2334-.3466.4809-.488.7355-.4385.1697.0354.3112.184.4172.4597.0849.2192.1273.4385.1273.6436 0 .1838-.0141.3607-.0494.5233Zm-3.536-1.959c-.2546-.4454-.6365-.7141-1.1315-.8203-.1343-.0283-.2616-.0424-.3819-.0424-.6789 0-1.2305.3536-1.662 1.0608-.3676.601-.5515 1.2658-.5515 1.9943 0 .5445.1132 1.0112.3395 1.4002.2545.4455.6294.7142 1.1314.8203.1345.0283.2617.0425.382.0425.6859 0 1.2375-.3536 1.6618-1.0608.3678-.6082.5516-1.273.5516-2.0014 0-.5515-.1131-1.0114-.3394-1.3932Zm-.8981 1.959c-.099.4667-.2759.8132-.5375 1.0466-.2051.1839-.396.2616-.5729.2263-.1696-.0354-.3111-.1838-.4172-.4597-.0848-.2192-.1272-.4384-.1272-.6435 0-.1768.0141-.3536.0494-.5162.0637-.29.1839-.573.3749-.8416.2334-.3466.4808-.488.7354-.4385.1698.0354.3113.184.4173.4597.0849.2192.1272.4385.1272.6436.0072.1838-.0141.3607-.0494.5233Z"/> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M0 0h20v20H0z"/> </clipPath> </defs> </svg> <!-- END WOOCOMMERCE LOGO --> <span class="font-medium"> WooCommerce </span> </a> <!-- <a href="/platforms/big-commerce" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <svg class="h-5 w-5 mr-1 text-gray-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#fff" d="M0 0h20v20H0z"/> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#000" d="M10.4284 11.2285h2.0106c.5719 0 .934-.3145.934-.8219 0-.4764-.3621-.8218-.934-.8218h-2.0106c-.0668 0-.1238.0572-.1238.1145v1.4104c.0094.0668.0573.1146.1238.1146v.0042Zm0 3.2498h2.0771c.6386 0 1.0197-.3238 1.0197-.8959 0-.4981-.3622-.8959-1.0197-.8959h-2.0771c-.0668 0-.1238.0573-.1238.1146v1.5534c.0094.0762.0573.1238.1238.1238Zm7.3565-12.2837-5.9464 5.9277h.9721c1.5153 0 2.4109.9529 2.4109 1.9917 0 .8219-.5529 1.4196-1.1456 1.6866-.0954.0381-.0954.1744.0094.2097.6862.2665 1.1721.9813 1.1721 1.8202 0 1.1815-.791 2.125-2.3252 2.125H8.7224c-.0668 0-.1238-.0573-.1238-.1146v-4.4883L2.071 17.8513c-.0857.0857-.0287.2384.0953.2384h15.6948c.0572 0 .1046-.0499.1046-.1047V2.2806c.0286-.1046-.1043-.1622-.1808-.086Z"/> </svg> <span class="font-medium"> Big Commerce </span> </a> --> <a href="/platforms/custom" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- END CUSTOM LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#1E233C" d="M17.5 10 14 13.5l-.705-.705L16.085 10l-2.79-2.795L14 6.5l3.5 3.5ZM2.5 10 6 6.5l.705.705L3.915 10l2.79 2.795L6 13.5 2.5 10ZM10.8194 5.0005 8.2093 14.742l.9659.2588 2.6102-9.7413-.966-.2589Z"/> </svg> <!-- END CUSTOM LOGO --> <span class="font-medium"> Custom </span> </a> <!-- Mobile SDK --> <a href="/mobile-sdk" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- Mobile SDK --> <svg class="h-5 w-5 mr-1" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.302 20H5.698a1.398 1.398 0 0 1-1.396-1.398V1.398A1.398 1.398 0 0 1 5.698 0h8.604a1.399 1.399 0 0 1 1.396 1.398v17.204A1.398 1.398 0 0 1 14.302 20ZM5.698.645a.753.753 0 0 0-.751.753v17.204a.753.753 0 0 0 .751.753h8.604a.753.753 0 0 0 .751-.753V1.398a.753.753 0 0 0-.751-.753H5.698Z" fill="#000"/><path d="M12.283 1.72H7.717L6.547.55l.455-.455.981.98h4.034l.981-.98.455.455-1.17 1.17ZM12.152 17.205H7.85v.645h4.302v-.645Z" fill="#000"/></svg> <!-- END CUSTOM LOGO --> <span class="font-medium"> Mobile SDK </span> </a> </div> <!-- END PLATFORM MENU --> <div class="flex flex-col align-end relative text-sm leading-6 gap-2"> <div class="mb-3 px-2 font-medium text-sm text-[#6B7280] uppercase"> Integrations </div> <a href="/integrations/google-analytics-4" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- GA4 LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#F9AB00" d="M17.0457 15.8436c.0058 1.0704-.8574 1.9419-1.9271 1.9477a1.8471 1.8471 0 0 1-.2386-.0135c-.9927-.1468-1.72-1.0107-1.6956-2.0137V4.2321c-.0237-1.0043.7054-1.8681 1.6988-2.0137 1.0627-.1244 2.0253.6362 2.1497 1.6988a1.907 1.907 0 0 1 .0128.2354v11.691Z"/> <path fill="#E37400" d="M4.8929 13.9319c1.0665 0 1.931.8645 1.931 1.931 0 1.0664-.8645 1.9309-1.931 1.9309s-1.931-.8645-1.931-1.9309c0-1.0665.8645-1.931 1.931-1.931Zm5.0804-5.852c-1.0716.059-1.9027.9575-1.8777 2.0304v5.1863c0 1.4076.6195 2.2619 1.527 2.444 1.0472.2123 2.0675-.4643 2.2798-1.5116a1.8917 1.8917 0 0 0 .0385-.3892v-5.8193c.0019-1.0703-.8639-1.9393-1.9342-1.9412-.011 0-.0225 0-.0334.0006Z"/> </svg> <!-- END GA4 LOGO --> <span class="font-medium"> GA4 </span> </a> <a href="/integrations/klaviyo" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- KLAVIYO LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#000" d="M18 15.3574H2V4.6435h16l-3.351 5.357L18 15.3574Z"/> </svg> <!-- END KLAVIYO LOGO --> <span class="font-medium"> Klaviyo </span> </a> <a href="/integrations/segment" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- SEGMENT LOGO --> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4847_508)"> <g clip-path="url(#clip1_4847_508)"> <path d="M17.0002 0H3.66683C1.82588 0 0.333496 1.49238 0.333496 3.33333V16.6667C0.333496 18.5076 1.82588 20 3.66683 20H17.0002C18.8411 20 20.3335 18.5076 20.3335 16.6667V3.33333C20.3335 1.49238 18.8411 0 17.0002 0Z" fill="#FCFEF5"/> <g clip-path="url(#clip2_4847_508)"> <path d="M12.3023 12.7183H3.1018C2.67923 12.7183 2.3335 12.3725 2.3335 11.9499C2.3335 11.5274 2.67923 11.1816 3.1018 11.1816H12.3023C12.7248 11.1816 13.0706 11.5274 13.0706 11.9499C13.0706 12.3725 12.7248 12.7183 12.3023 12.7183Z" fill="#99CFAC"/> <path d="M10.3429 17.4252C9.59382 17.4252 8.84472 17.3099 8.13404 17.0986C7.73068 16.9642 7.50019 16.5416 7.63464 16.1382C7.76909 15.7349 8.19166 15.5044 8.59502 15.6388C9.15205 15.8117 9.74748 15.9077 10.3429 15.9077C12.9552 15.9077 15.2217 14.2367 15.9708 11.7397C16.086 11.3363 16.5278 11.1058 16.9312 11.2211C17.3345 11.3363 17.565 11.7781 17.4498 12.1815C16.4702 15.3123 13.6274 17.4252 10.3429 17.4252Z" fill="#49B881"/> <path d="M17.565 8.81982H8.3645C7.94193 8.81982 7.59619 8.47408 7.59619 8.05151C7.59619 7.62894 7.94193 7.2832 8.3645 7.2832H17.565C17.9875 7.2832 18.3333 7.62894 18.3333 8.05151C18.3333 8.47408 17.9875 8.81982 17.565 8.81982Z" fill="#99CFAC"/> <path d="M3.96529 8.81964C3.88846 8.81964 3.81163 8.80044 3.7348 8.78123C3.33144 8.66598 3.10094 8.22421 3.21619 7.82084C4.19578 4.68999 7.03852 2.57715 10.3422 2.57715C11.0913 2.57715 11.8404 2.69239 12.5511 2.90368C12.9545 3.03813 13.185 3.4607 13.0505 3.86406C12.9161 4.26742 12.4935 4.49792 12.0901 4.36346C11.5331 4.19059 10.9377 4.09455 10.3422 4.09455C7.72999 4.09455 5.46349 5.76562 4.71439 8.26262C4.59914 8.60836 4.29182 8.81964 3.96529 8.81964Z" fill="#49B881"/> <path d="M14.8962 5.89892C15.3206 5.89892 15.6645 5.55494 15.6645 5.13061C15.6645 4.70629 15.3206 4.3623 14.8962 4.3623C14.4719 4.3623 14.1279 4.70629 14.1279 5.13061C14.1279 5.55494 14.4719 5.89892 14.8962 5.89892Z" fill="#99CFAC"/> <path d="M5.77124 15.6567C6.19556 15.6567 6.53954 15.3127 6.53954 14.8884C6.53954 14.4641 6.19556 14.1201 5.77124 14.1201C5.34691 14.1201 5.00293 14.4641 5.00293 14.8884C5.00293 15.3127 5.34691 15.6567 5.77124 15.6567Z" fill="#99CFAC"/> </g> </g> </g> <defs> <clipPath id="clip0_4847_508"> <rect width="20" height="20" fill="white" transform="translate(0.333496)"/> </clipPath> <clipPath id="clip1_4847_508"> <rect width="20" height="20" fill="white" transform="translate(0.333496)"/> </clipPath> <clipPath id="clip2_4847_508"> <rect width="16" height="16" fill="white" transform="translate(2.3335 2)"/> </clipPath> </defs> </svg> <!-- END SEGMENT LOGO --> <span class="font-medium"> Segment </span> </a> <a href="/integrations/rockerbox" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- ROCKERBOX LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#7B5DF4" d="M10.2168 6.113H5.9993v4.1231h4.2175V6.1129Z"/> <path fill="#7B5DF4" d="M2 10.0025v7.7729h4.1574v-7.7729H2ZM17.9971 2.2265h-3.9993v4.031h3.9993v-4.031Z"/> <path fill="#A793F7" d="M5.9993 10.0025v7.7729h4.1479v-7.7729h-4.148Z"/> <path fill="#A793F7" d="M9.998 6.116v4.0524h7.9985V6.1159H9.998Z"/> <path fill="#D3C9FB" d="M9.998 10.0025v7.7729h3.9993v-3.8896h3.9992v-3.8833H9.998Z"/> <path fill="#fff" d="M18.0001 13.7751h-4.1163v3.9971h4.1163v-3.9971Z"/> </svg> <!-- END ROCKERBOX LOGO --> <span class="font-medium"> Rockerbox </span> </a> <a href="/integrations/shopify-flow" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- SHOPIFY FLOW LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="url(#flow_gradient)" d="M16 2H4c-1.1046 0-2 .8954-2 2v12c0 1.1046.8954 2 2 2h12c1.1046 0 2-.8954 2-2V4c0-1.1046-.8954-2-2-2Z"/> <path fill="#fff" stroke="#000" stroke-width="0.638889" d="M8.5703 12.4434c0 .9282-.7524 1.6806-1.6805 1.6806-.9282 0-1.6806-.7524-1.6806-1.6806 0-.9282.7524-1.6806 1.6806-1.6806.9281 0 1.6805.7524 1.6805 1.6806Z"/> <path fill="#A1A1AA" stroke="#000" stroke-width="0.638889" d="M14.792 12.4434c0 .9282-.7524 1.6806-1.6806 1.6806-.9281 0-1.6805-.7524-1.6805-1.6806 0-.9282.7524-1.6806 1.6805-1.6806.9282 0 1.6806.7524 1.6806 1.6806Z"/> <path fill="#fff" stroke="#000" stroke-width="0.638889" d="M11.6812 7.556c0 .9282-.7524 1.6806-1.6806 1.6806-.9281 0-1.6805-.7524-1.6805-1.6806 0-.9281.7524-1.6805 1.6805-1.6805.9282 0 1.6806.7524 1.6806 1.6805Z"/> <path fill="#000" d="M12.0643 9.8287a.3333.3333 0 0 0-.5717.3429l.5717-.3429Zm-.5717.3429.686 1.1434.5717-.343-.686-1.1433-.5717.3429Z"/> <defs> <linearGradient id="flow_gradient" x1="4.5498" x2="21.4591" y1="2" y2="12.3473" gradientUnits="userSpaceOnUse"> <stop stop-color="#D0F224"/> <stop offset="1" stop-color="#79DFFF"/> </linearGradient> </defs> </svg> <!-- END SHOPIFY FLOW LOGO --> <span class="font-medium"> Shopify Flow </span> </a> <a href="/integrations" class="block px-2 py-1 mt-2 underline underline-offset-2 hover:tex-gray-100"> See All Integrations → </a> </div> <!-- USE CASE MENU --> <div class="flex flex-col align-end relative text-sm leading-6 gap-2"> <div class="mb-3 px-2 font-medium text-sm text-[#6B7280] uppercase"> Use case </div> <a href="/use-cases/attribution" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span class="font-medium"> Attribution </span> </a> <a href="/use-cases/personalization" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span class="font-medium"> Personalization </span> </a> <a href="/use-cases/customer-research/" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span class="font-medium"> Research </span> </a> <a href="/use-cases/conversion-rate-optimization" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span class="font-medium"> CRO </span> </a> </div> <!-- END USE CASE MENU --> </div> </div> <!-- END PRODUCT SUBMENU --> </div> <a href="/pricing" class="text-sm font-semibold leading-6 text-gray-900"> Pricing </a> <a href="/case-studies" class="text-sm font-semibold leading-6 text-gray-900"> Case Studies </a> <!-- RESOURCES MENU --> <div> <button type="button" class="flex items-center gap-x-1 text-sm font-semibold leading-6 text-gray-900" aria-expanded="false" x-on:click="visibleMenu == null ? visibleMenu = 'resources' : visibleMenu = null" > Resources <svg class="h-5 w-5 flex-none text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /> </svg> </button> <!-- 'Resources' flyout menu, show/hide based on flyout menu state. Entering: "transition ease-out duration-200" From: "opacity-0 -translate-y-1" To: "opacity-100 translate-y-0" Leaving: "transition ease-in duration-150" From: "opacity-100 translate-y-0" To: "opacity-0 -translate-y-1" --> <!-- RESOURCES SUBMENU --> <div x-show="visibleMenu == 'resources'" x-transition:enter="transition ease-out duration-100 transform" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-75 transform" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="absolute inset-x-0 top-0 -z-10 bg-white pt-16 shadow-lg ring-1 ring-gray-900/5 submenu-option hidden" > <div class="mx-auto grid max-w-7xl grid-cols-[350px_1fr_1fr_1fr] xl:grid-cols-[450px_1fr_1fr_1fr] items-start gap-x-4 px-6 py-10 xl:gap-x-8"> <div class="flex flex-col align-end relative text-sm"> <div class="mb-3 px-2 font-medium text-sm text-[#6B7280] leading-6 uppercase"> Learn </div> <a class="grid grid-cols-[2fr_3fr] grid-rows-[auto_1fr] gap-x-8 mb-8 rounded-sm px-2 hover:ring-2 hover:ring-offset-[12px] hover:ring-gray-100 transition-all" href="/learn/attribution-academy/"> <img class="w-full rounded-md shadow-sm" src="/assets/images/nav/attribution-academy.svg"> <div class="row-span-2 flex flex-col gap-2"> <h3 class="text-base font-medium text-[#111827] leading-normal"> Attribution Academy <span class="text-sm font-medium nav-new-tag inline px-2 py-1"> New </span> </h3> <p class="text-sm text-[#6B7280] leading-normal"> 12 lessons on attribution from industry-leading experts. </p> </div> </a> </div> <div class="flex flex-col align-end relative p-6 pt-0 text-sm leading-6 gap-2"> <div class="flex items-center gap-2 mb-3 px-2"> <span class="block font-medium text-sm text-[#6B7280] uppercase"> Support </span> </div> <a href="https://docs.fairing.co" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/docs-icon.svg" aria-hidden="true"> <span class="font-medium"> Docs </span> </a> <div onclick="Intercom('showNewMessage')" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/contact-us-icon.svg" aria-hidden="true"> <span class="font-medium"> Contact Us </span> </div> <a href="https://docs.fairing.co/docs/faqs" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/faqs-icon.svg" aria-hidden="true"> <span class="font-medium"> FAQ </span> </a> </div> <div class="flex flex-col align-end relative p-6 pt-0 text-sm leading-6 gap-2"> <div class="flex items-center gap-2 mb-3 px-2"> <span class="block font-medium text-sm text-[#6B7280] uppercase"> Partner </span> </div> <a href="/partners" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/company-icon.svg" aria-hidden="true"> <span class="font-medium"> Our Partners </span> </a> <a href="/partner-program" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/partner-program-icon.svg" aria-hidden="true"> <span class="font-medium"> Partner Program </span> </a> </div> <div class="flex flex-col align-end relative p-6 pt-0 text-sm leading-6 gap-2"> <div class="flex items-center gap-2 mb-3 px-2"> <span class="block font-medium text-sm text-[#6B7280] uppercase"> About </span> </div> <a href="/blog" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/blog-icon.svg" aria-hidden="true"> <span class="font-medium"> Blog </span> </a> <a href="/about" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/company-icon.svg" aria-hidden="true"> <span class="font-medium"> Company </span> </a> <a href="https://jobs.ashbyhq.com/Fairing/" target="_blank" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/work-with-us-icon.svg" aria-hidden="true"> <span class="font-medium"> Work with Us </span> </a> <a href="/blog/company/what-is-a-fairing" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/what-is-icon.svg" aria-hidden="true"> <span class="font-medium"> What is a Fairing? </span> </a> <a href="/resource-center/" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/docs-icon.svg" aria-hidden="true"> <span class="font-medium"> Resource Center </span> </a> </div> </div> </div> <!-- END RESOURCES SUBMENU --> </div> <!-- END RESOURCES MENU --> </div> </div> <div class="hidden lg:flex lg:flex-1 lg:justify-end items-center gap-4"> <a href="/demo/interactive/" class="text-sm leading-6 text-gray-900 font-semibold"> See a demo </a> <a href="https://app.fairing.co" class="px-4 py-3 rounded-md bg-gray-900 hover:bg-gray-700 text-sm font-semibold leading-none text-white transition-all"> Get Started </a> </div> </nav> <!-- Cal element-click embed code begins --> <script type="text/javascript"> (function (C, A, L) { let p = function (a, ar) { a.q.push(ar); }; let d = C.document; C.Cal = C.Cal || function () { let cal = C.Cal; let ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement("script")).src = A; cal.loaded = true; } if (ar[0] === L) { const api = function () { p(api, arguments); }; const namespace = ar[1]; api.q = api.q || []; if(typeof namespace === "string"){cal.ns[namespace] = cal.ns[namespace] || api;p(cal.ns[namespace], ar);p(cal, ["initNamespace", namespace]);} else p(cal, ar); return;} p(cal, ar); }; })(window, "https://app.cal.com/embed/embed.js", "init"); Cal("init", "demo", {origin:"https://cal.com"}); Cal.ns.demo("ui", {"styles":{"branding":{"brandColor":"#000000"}},"hideEventTypeDetails":false,"layout":"month_view"}); </script> <!-- Cal element-click embed code ends --> <!-- MOBILE MENU, show/hide based on menu open state. --> <div class="lg:hidden" role="dialog" aria-modal="true" x-bind:class="!mobileOpen && 'hidden'" > <!-- Background backdrop, show/hide based on slide-over state. --> <div class="fixed inset-0 z-10"></div> <div class="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10 submenu-option hidden"> <div class="flex items-center justify-between"> <a href="/" class="-m-1.5 p-1.5"> <span class="sr-only">Fairing</span> <img class="h-8 w-auto" src="/assets/images/fairing-logo.svg" alt=""> </a> <button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700" x-on:click="mobileOpen = !mobileOpen"> <span class="sr-only">Close menu</span> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div class="flex flex-col gap-6 mt-8"> <!-- Accordion for the Product section --> <div x-data="{ openProduct: false }"> <button @click="openProduct = !openProduct" class="flex justify-between items-center w-full text-[#3F3F4C] font-bold text-lg text-left"> Product <svg :class="openProduct ? 'rotate-180' : ''" class="w-5 h-5 transform transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> </svg> </button> <div x-show="openProduct" class="mt-8 space-y-2"> <a class="grid grid-cols-[130px_auto] gap-4 px-2 items-center" href="/product"> <img class="w-full rounded-md shadow-sm" src="/assets/images/nav/question-stream.svg" /> <h3 class="text-base font-medium text-[#111827] leading-normal"> Question Stream™ </h3> </a> <a class="grid grid-cols-[130px_auto] gap-4 px-2 items-center !mt-5" href="/product/ltv-analytics/"> <img class="w-full rounded-md shadow-sm" src="/assets/images/nav/ltv-analytics.svg" /> <h3 class="text-base font-medium text-[#111827] leading-normal"> LTV Analytics <span class="text-sm font-medium nav-new-tag inline px-2 py-1"> New </span> </h3> </a> <div class="pt-8"> <p class="mb-3 px-2 font-medium uppercase text-[#6B7280] text-sm"> Platforms </p> <div class="px-2"> <a href="/platforms/shopify-plus" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path d="m12.764 3.278-.523.164c-.055-.18-.136-.4-.25-.622-.371-.713-.915-1.092-1.57-1.093h-.003c-.045 0-.09.004-.136.009A1.37 1.37 0 0 0 9.13 1.22c-.848.024-1.692.642-2.376 1.74-.482.771-.848 1.742-.952 2.492l-1.668.522c-.491.155-.507.171-.571.638-.049.354-1.334 10.385-1.334 10.385l10.663 1.862V3.256a.642.642 0 0 0-.129.022Zm-2.462.77-1.799.562c.174-.672.504-1.34.909-1.779.15-.163.36-.345.61-.449.235.493.285 1.193.28 1.666ZM9.147 1.79a.861.861 0 0 1 .51.135c-.23.12-.45.293-.658.517-.539.583-.951 1.488-1.116 2.361l-1.476.462c.29-1.374 1.432-3.437 2.74-3.475ZM7.498 9.62c.057.915 2.444 1.115 2.578 3.26.105 1.688-.887 2.842-2.316 2.933-1.716.109-2.66-.913-2.66-.913l.363-1.56s.95.723 1.712.675c.497-.032.674-.44.657-.729-.075-1.194-2.018-1.124-2.141-3.087-.103-1.651.97-3.325 3.342-3.476.914-.058 1.382.177 1.382.177l-.543 2.047s-.604-.278-1.322-.232c-1.051.068-1.063.737-1.052.905Zm3.367-5.748c-.006-.433-.058-1.035-.257-1.556.643.123.96.857 1.093 1.295l-.836.261ZM13.246 18.817l4.424-1.11S15.765 4.71 15.753 4.62a.17.17 0 0 0-.153-.144c-.063-.005-1.31-.024-1.31-.024s-.759-.744-1.044-1.026v15.391Z" fill="#000"/> </svg> <span> Shopify Plus </span> </a> <a href="/platforms/shopify" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#95BF46" d="M15.813 4.6528c-.0122-.0886-.0898-.1376-.154-.143-.064-.0054-1.4193-.1059-1.4193-.1059s-.9412-.9344-1.0445-1.0378c-.1034-.1034-.3052-.072-.3836-.0489-.0115.0034-.2056.0633-.5267.1627-.3144-.9048-.8693-1.7362-1.8455-1.7362-.027 0-.0547.0011-.0824.0027-.2777-.3672-.6216-.5267-.9186-.5267-2.274 0-3.3605 2.8428-3.701 4.2874-.8837.2738-1.5114.4684-1.5916.4936-.4933.1547-.5089.1703-.5736.635-.0488.3519-1.3393 10.3322-1.3393 10.3322l10.0562 1.8842 5.4487-1.1788S15.825 4.7414 15.813 4.6528Zm-4.0839-1.001-.8509.2634c.0003-.06.0006-.119.0006-.1835 0-.5623-.0781-1.015-.2033-1.374.503.0632.838.6355 1.0536 1.294Zm-1.6776-1.1826c.1399.3504.2308.8533.2308 1.5319 0 .0347-.0003.0665-.0006.0986l-1.7574.5442c.3384-1.306.9727-1.9367 1.5272-2.1747Zm-.6756-.6395c.0982 0 .197.0333.2917.0984-.7288.343-1.51 1.2067-1.8399 2.9315l-1.3891.4302c.3864-1.3156 1.304-3.4601 2.9373-3.4601Z"/> <path fill="#5E8E3E" d="M15.6571 4.513c-.0641-.0053-1.4193-.1057-1.4193-.1057s-.9412-.9344-1.0445-1.0379c-.0387-.0384-.0908-.0582-.1454-.0667l-.7603 15.5526 5.4483-1.1786s-1.9128-12.932-1.9248-13.0205c-.0122-.0887-.0899-.1377-.154-.1431Z"/> <path fill="#fff" d="m10.4358 7.5199-.6719 1.9985s-.5886-.3142-1.3102-.3142c-1.0578 0-1.111.6639-1.111.8312 0 .9127 2.3793 1.2625 2.3793 3.4004 0 1.6821-1.0669 2.7653-2.5054 2.7653-1.7262 0-2.609-1.0744-2.609-1.0744l.4622-1.5271s.9074.7791 1.6731.7791c.5004 0 .7039-.394.7039-.6818 0-1.1906-1.952-1.2437-1.952-3.2002 0-1.6466 1.1818-3.2401 3.5676-3.2401.9193 0 1.3734.2633 1.3734.2633Z"/> </svg> <span> Shopify </span> </a> <a href="/platforms/commerce-cloud" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- COMMERCE CLOUD LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#00A1E0" d="M8.6582 5.641c.516-.5353 1.2345-.8673 2.029-.8673 1.0562 0 1.9776.5864 2.4684 1.457a3.4234 3.4234 0 0 1 1.3951-.2953C16.4556 5.9354 18 7.4864 18 9.3997c0 1.9135-1.5444 3.4646-3.4493 3.4646a3.4301 3.4301 0 0 1-.6795-.0674c-.4321.7675-1.2556 1.2861-2.2008 1.2861-.3956 0-.7699-.091-1.1031-.2528-.4381 1.0259-1.4587 1.7453-2.6482 1.7453-1.2388 0-2.2945-.7804-2.6997-1.8749a2.653 2.653 0 0 1-.5489.0569C3.1957 13.7576 2 12.5548 2 11.0709c0-.9944.5372-1.8627 1.3354-2.3272a3.0642 3.0642 0 0 1-.2557-1.2289c0-1.7065 1.3914-3.0899 3.1077-3.0899 1.0076 0 1.903.477 2.4708 1.2162Z"/> <path fill="#fff" d="M4.3173 10.2072c-.01.0261.0037.0316.0069.0361.03.0218.0606.0374.0914.0549.1632.0862.3172.1114.4784.1114.3282 0 .532-.1738.532-.4536v-.0055c0-.2587-.23-.3526-.4459-.4205l-.028-.009c-.1627-.0527-.3031-.098-.3031-.2047v-.0057c0-.0912.082-.1584.2092-.1584.1413 0 .309.0467.4171.1062 0 0 .0317.0204.0433-.0102.0064-.0164.061-.163.0668-.1788.0061-.0173-.0048-.03-.016-.0368-.1233-.0747-.2937-.1257-.4702-.1257l-.0328.0002c-.3004 0-.51.1806-.51.4396v.0054c0 .273.2313.3615.448.4232l.035.0107c.1579.0483.294.0899.294.2006v.0055c0 .1012-.0885.1765-.2312.1765a.7783.7783 0 0 1-.4228-.1212c-.023-.0134-.0364-.0231-.0542-.0338-.0094-.0059-.0328-.0161-.043.0148l-.0649.1788Zm4.8048 0c-.01.0261.0037.0316.0069.0361.03.0218.0606.0374.0913.0549.1632.0862.3173.1114.4785.1114.3281 0 .5319-.1738.5319-.4536v-.0055c0-.2587-.23-.3526-.4458-.4205l-.028-.009c-.1628-.0527-.3032-.098-.3032-.2047v-.0057c0-.0912.082-.1584.2093-.1584.1413 0 .309.0467.4171.1062 0 0 .0316.0204.0432-.0102.0064-.0164.0611-.163.0668-.1788.0062-.0173-.0048-.03-.0159-.0368-.1233-.0747-.2938-.1257-.4702-.1257l-.0328.0002c-.3004 0-.5101.1806-.5101.4396v.0054c0 .273.2313.3615.448.4232l.035.0107c.1579.0483.2942.0899.2942.2006v.0055c0 .1012-.0887.1765-.2313.1765a.7783.7783 0 0 1-.4228-.1212c-.023-.0134-.0367-.0227-.054-.0338-.006-.0039-.0338-.0145-.0434.0148l-.0647.1788Zm3.2801-.548c0 .158-.0296.2827-.088.3707-.0576.0872-.1449.1296-.2666.1296-.122 0-.2088-.0422-.2656-.1296-.0574-.0878-.0866-.2126-.0866-.3708 0-.158.0292-.2823.0866-.3694.0568-.0863.1436-.1282.2656-.1282.1217 0 .209.042.2669.1282.0581.087.0877.2115.0877.3694Zm.274-.2933a.656.656 0 0 0-.1247-.2369.602.602 0 0 0-.2104-.1593c-.0836-.0388-.1825-.0586-.2935-.0586-.1113 0-.2102.0198-.2938.0586a.6056.6056 0 0 0-.2106.1593.6663.6663 0 0 0-.1247.237 1.0315 1.0315 0 0 0-.0401.2931c0 .1046.0134.2034.0401.2932.0271.0903.0689.1702.1249.2369a.5883.5883 0 0 0 .2104.158c.0839.0379.1825.0571.2938.0571.111 0 .2097-.0192.2935-.0571a.5874.5874 0 0 0 .2104-.158c.0559-.0665.0978-.1463.1247-.2369.0269-.09.0403-.1888.0403-.2932 0-.1044-.0134-.2031-.0403-.2932Zm2.2497.7514c-.0091-.0266-.0349-.0166-.0349-.0166a.6298.6298 0 0 1-.1274.0363.999.999 0 0 1-.1502.0107c-.1326 0-.2379-.0393-.3134-.1169-.0756-.0776-.118-.2031-.1176-.3728.0005-.1546.0378-.2708.1051-.3593.0668-.088.1684-.1332.304-.1332.1131 0 .1993.013.2895.0413 0 0 .0216.0093.0319-.0188.0239-.0663.0417-.1137.0672-.1866.0073-.0206-.0104-.0295-.0168-.032-.0356-.0138-.1195-.0363-.1828-.0458a1.379 1.379 0 0 0-.2056-.0138c-.1151 0-.2177.0195-.3054.0585a.6322.6322 0 0 0-.2206.159.6754.6754 0 0 0-.1334.237.9404.9404 0 0 0-.0446.2936c0 .2263.0613.4092.1823.5431.1212.1343.3034.2026.5409.2026.1404 0 .2844-.0283.3879-.0689 0 0 .0198-.0096.0111-.0325l-.0672-.1849Zm.4793-.6097c.013-.0878.0374-.161.075-.2179.0568-.0864.1434-.1339.2651-.1339s.2022.0477.2598.134c.0383.0569.055.1332.0616.2178h-.6615Zm.9224-.1931c-.0232-.0874-.0809-.1757-.1187-.216-.0597-.064-.1181-.1088-.176-.1337a.6804.6804 0 0 0-.2657-.0536c-.1158 0-.2209.0193-.3061.0592a.6086.6086 0 0 0-.2136.1623.6641.6641 0 0 0-.1256.2396 1.033 1.033 0 0 0-.0408.2948c0 .1065.0142.2056.0422.2948a.608.608 0 0 0 .1345.2346c.0608.0661.1392.1178.2331.1539.0933.0359.2066.0545.3367.0542.2678-.0009.4089-.0603.467-.0923.0103-.0057.0201-.0157.0077-.0443l-.0606-.1691c-.0091-.0251-.0349-.0158-.0349-.0158-.0663.0245-.1606.0685-.3806.068-.1438-.0002-.2505-.0424-.3173-.1084-.0686-.0677-.1021-.167-.108-.3073l.9274.001s.0244-.0005.0269-.0242c.0009-.0099.0319-.1896-.0276-.3977Zm-8.3496.193c.0133-.0877.0374-.1608.075-.2178.0568-.0864.1434-.1339.2651-.1339s.2022.0477.26.134c.0381.0569.0548.1332.0614.2178H7.978Zm.9222-.193c-.0232-.0874-.0807-.1757-.1185-.216-.0597-.064-.118-.1088-.176-.1337a.6806.6806 0 0 0-.2657-.0536c-.1156 0-.2209.0193-.3061.0592a.6088.6088 0 0 0-.2136.1623.6641.6641 0 0 0-.1255.2396 1.0405 1.0405 0 0 0-.0408.2948c0 .1065.014.2056.0421.2948a.608.608 0 0 0 .1345.2346c.0609.0661.1393.1178.2332.1539.0932.0359.2065.0545.3366.0542.2678-.0009.4089-.0603.467-.0923.0103-.0057.02-.0157.0078-.0443l-.0604-.1691c-.0094-.0251-.0351-.0158-.0351-.0158-.0663.0245-.1605.0685-.3809.068-.1436-.0002-.2502-.0424-.317-.1084-.0686-.0677-.1021-.167-.108-.3073l.9273.001s.0244-.0005.027-.0242c.0008-.0099.0318-.1896-.0279-.3977Zm-2.9267.7977c-.0363-.0288-.0413-.0361-.0536-.0547-.0182-.0284-.0276-.0687-.0276-.12 0-.0813.027-.1396.0828-.1789-.0007.0003.0797-.0692.269-.0667.1328.0018.2515.0213.2515.0213v.4199s-.1176.0252-.2502.0331c-.1887.0114-.2726-.0542-.272-.054Zm.369-.6488a2.0644 2.0644 0 0 0-.1448-.0043.8828.8828 0 0 0-.2283.0293.5971.5971 0 0 0-.1938.0893.446.446 0 0 0-.1345.1523c-.0328.0609-.0494.1326-.0494.2129 0 .0817.0141.1527.0424.2108a.3813.3813 0 0 0 .121.1444c.0515.0374.1151.0649.189.0814.0727.0166.1552.025.2454.025.095 0 .1899-.0077.2817-.0234a5.9289 5.9289 0 0 0 .2336-.0449 2.4133 2.4133 0 0 0 .065-.0166c.023-.0057.0212-.0302.0212-.0302l-.0005-.8444c0-.1852-.0496-.3225-.1474-.4076-.0973-.0848-.2407-.1278-.426-.1278-.0695 0-.1814.0096-.2484.023 0 0-.2027.039-.286.104 0 0-.0183.0113-.0083.0367l.0657.1757c.0082.0226.0303.015.0303.015s.007-.0028.0153-.0076c.1784-.0966.404-.0937.404-.0937.1004 0 .1774.02.2294.0597.0505.0386.0763.0969.0763.2199v.039c-.0798-.0113-.153-.0179-.153-.0179Zm7.4799-.4758a.0248.0248 0 0 0-.0139-.0331c-.0157-.0061-.0946-.0227-.1554-.0266-.1165-.007-.1812.0125-.2391.0384-.0575.0258-.1213.0676-.1568.115V8.969c0-.0157-.0112-.0281-.0267-.0281h-.2377c-.0155 0-.0267.0124-.0267.0281v1.3773c0 .0154.0128.0281.0283.0281h.2436a.028.028 0 0 0 .028-.0281v-.688c0-.0925.0103-.1846.0308-.2424.0201-.0572.0474-.103.0812-.136a.2842.2842 0 0 1 .1146-.0685.4487.4487 0 0 1 .1245-.0175.5223.5223 0 0 1 .1018.0125c.0178.002.0278-.0089.0337-.025.016-.0422.0611-.1686.0698-.1938Z"/> <path fill="#fff" d="M11.5356 8.3493a.8042.8042 0 0 0-.0917-.0218.7284.7284 0 0 0-.126-.0095c-.1678 0-.3.0472-.3927.1402-.0923.0926-.155.2336-.1865.419l-.0114.0624h-.2105s-.0256-.001-.0311.0267l-.0344.1923c-.0025.0181.0055.0297.0301.0297h.2049l-.2078 1.1555c-.0162.0931-.0349.1696-.0557.2276-.0203.0572-.0401.1001-.0647.1314-.0237.03-.046.0522-.0848.0652a.3482.3482 0 0 1-.1092.0156.4072.4072 0 0 1-.0743-.0082.217.217 0 0 1-.0501-.0161s-.0239-.009-.0335.0148a32.0176 32.0176 0 0 0-.0688.1877c-.0064.0183.0027.0326.0143.0369a.7554.7554 0 0 0 .0848.0248c.0515.012.095.0127.1358.0127.0853 0 .1632-.012.2277-.0352.0648-.0234.1213-.064.1714-.1189.054-.0595.088-.1216.1204-.2067.0321-.084.0597-.1884.0816-.31l.209-1.1771h.3054s.0257.0009.031-.027l.0346-.192c.0023-.0184-.0054-.0297-.0303-.0297h-.2965c.0016-.0066.015-.1105.049-.2083.0146-.0416.0419-.0754.0649-.0985a.196.196 0 0 1 .0778-.0481.3239.3239 0 0 1 .0996-.0141.3904.3904 0 0 1 .0761.0075.55.55 0 0 1 .0474.0116c.0303.009.0344.0002.0404-.0143l.0709-.1938c.0072-.021-.0108-.0298-.0171-.0323Zm-4.143 1.997c0 .0155-.0112.028-.0267.028h-.246c-.0155 0-.0264-.0125-.0264-.028V8.3756c0-.0154.011-.0279.0265-.0279h.2459c.0155 0 .0266.0125.0266.028v1.9706Z"/> </svg> <!-- END COMMERCE CLOUD LOGO --> <span> Commerce Cloud </span> </a> <a href="/platforms/woocommerce" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- WOOCOMMERCE LOGO --> <svg class="h-5 w-5 mr-1 text-gray-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <g clip-path="url(#a)"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#9B5C8F" d="M2.9152 4.8262H17.076c.8962 0 1.6217.7254 1.6217 1.6216v5.4053c0 .8962-.7255 1.6217-1.6217 1.6217h-5.0781l.697 1.7069-3.0655-1.7069H2.9224c-.896 0-1.6216-.7255-1.6216-1.6217V6.4478c-.007-.889.7182-1.6216 1.6144-1.6216Z"/> <path fill="#fff" d="M2.2924 6.3048c.099-.1344.2475-.205.4455-.2192.3608-.0284.5659.1413.6153.509.2192 1.478.4597 2.7299.7142 3.7553l1.5488-2.949c.1414-.2687.3183-.4101.5304-.4243.3112-.0212.502.1768.58.594.1767.9406.403 1.7397.6717 2.4186.184-1.7962.495-3.0904.9335-3.8895.106-.198.2617-.297.4668-.3112.1626-.014.311.0354.4455.1415.1343.106.205.2404.2192.403.007.1274-.0141.2334-.0707.3395-.2758.5092-.5022 1.365-.686 2.553-.1767 1.1527-.2404 2.0509-.198 2.6944.0142.1767-.0141.3323-.0848.4667-.085.1556-.2122.2405-.375.2546-.1838.0141-.3746-.0707-.5585-.2616-.6577-.6719-1.181-1.6761-1.563-3.0127-.4596.9052-.7991 1.5841-1.0183 2.0367-.4172.7991-.7708 1.2093-1.0678 1.2305-.191.0142-.3536-.1485-.495-.4879-.3607-.9265-.7497-2.7157-1.167-5.3676-.0282-.184.0142-.3466.1132-.4738ZM17.49 7.415c-.2546-.4455-.6294-.7142-1.1315-.8204-.1344-.0283-.2616-.0424-.3819-.0424-.6789 0-1.2305.3536-1.6619 1.0608-.3677.601-.5516 1.2658-.5516 1.9943 0 .5445.1132 1.0112.3395 1.4002.2545.4455.6294.7142 1.1315.8203.1343.0283.2616.0425.3819.0425.6859 0 1.2375-.3536 1.6618-1.0608.3677-.6082.5516-1.273.5516-2.0014.0071-.5515-.1131-1.0113-.3394-1.3931Zm-.891 1.9589c-.0991.4667-.2759.8132-.5376 1.0466-.205.1839-.396.2616-.5727.2263-.1698-.0354-.3113-.1838-.4173-.4597-.0849-.2192-.1272-.4384-.1272-.6435 0-.1768.0141-.3536.0494-.5162.0637-.29.1839-.573.3748-.8416.2334-.3466.4809-.488.7355-.4385.1697.0354.3112.184.4172.4597.0849.2192.1273.4385.1273.6436 0 .1838-.0141.3607-.0494.5233Zm-3.536-1.959c-.2546-.4454-.6365-.7141-1.1315-.8203-.1343-.0283-.2616-.0424-.3819-.0424-.6789 0-1.2305.3536-1.662 1.0608-.3676.601-.5515 1.2658-.5515 1.9943 0 .5445.1132 1.0112.3395 1.4002.2545.4455.6294.7142 1.1314.8203.1345.0283.2617.0425.382.0425.6859 0 1.2375-.3536 1.6618-1.0608.3678-.6082.5516-1.273.5516-2.0014 0-.5515-.1131-1.0114-.3394-1.3932Zm-.8981 1.959c-.099.4667-.2759.8132-.5375 1.0466-.2051.1839-.396.2616-.5729.2263-.1696-.0354-.3111-.1838-.4172-.4597-.0848-.2192-.1272-.4384-.1272-.6435 0-.1768.0141-.3536.0494-.5162.0637-.29.1839-.573.3749-.8416.2334-.3466.4808-.488.7354-.4385.1698.0354.3113.184.4173.4597.0849.2192.1272.4385.1272.6436.0072.1838-.0141.3607-.0494.5233Z"/> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M0 0h20v20H0z"/> </clipPath> </defs> </svg> <!-- END WOOCOMMERCE LOGO --> <span> WooCommerce </span> </a> <!-- <a href="/platforms/big-commerce" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <svg class="h-5 w-5 mr-1 text-gray-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#fff" d="M0 0h20v20H0z"/> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#000" d="M10.4284 11.2285h2.0106c.5719 0 .934-.3145.934-.8219 0-.4764-.3621-.8218-.934-.8218h-2.0106c-.0668 0-.1238.0572-.1238.1145v1.4104c.0094.0668.0573.1146.1238.1146v.0042Zm0 3.2498h2.0771c.6386 0 1.0197-.3238 1.0197-.8959 0-.4981-.3622-.8959-1.0197-.8959h-2.0771c-.0668 0-.1238.0573-.1238.1146v1.5534c.0094.0762.0573.1238.1238.1238Zm7.3565-12.2837-5.9464 5.9277h.9721c1.5153 0 2.4109.9529 2.4109 1.9917 0 .8219-.5529 1.4196-1.1456 1.6866-.0954.0381-.0954.1744.0094.2097.6862.2665 1.1721.9813 1.1721 1.8202 0 1.1815-.791 2.125-2.3252 2.125H8.7224c-.0668 0-.1238-.0573-.1238-.1146v-4.4883L2.071 17.8513c-.0857.0857-.0287.2384.0953.2384h15.6948c.0572 0 .1046-.0499.1046-.1047V2.2806c.0286-.1046-.1043-.1622-.1808-.086Z"/> </svg> <span> Big Commerce </span> </a> --> <a href="/platforms/custom" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- CUSTOM LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#1E233C" d="M17.5 10 14 13.5l-.705-.705L16.085 10l-2.79-2.795L14 6.5l3.5 3.5ZM2.5 10 6 6.5l.705.705L3.915 10l2.79 2.795L6 13.5 2.5 10ZM10.8194 5.0005 8.2093 14.742l.9659.2588 2.6102-9.7413-.966-.2589Z"/> </svg> <!-- END CUSTOM LOGO --> <span> Custom </span> </a> <!-- Mobile SDK --> <a href="/mobile-sdk" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- Mobile SDK --> <svg class="h-5 w-5 mr-1" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.302 20H5.698a1.398 1.398 0 0 1-1.396-1.398V1.398A1.398 1.398 0 0 1 5.698 0h8.604a1.399 1.399 0 0 1 1.396 1.398v17.204A1.398 1.398 0 0 1 14.302 20ZM5.698.645a.753.753 0 0 0-.751.753v17.204a.753.753 0 0 0 .751.753h8.604a.753.753 0 0 0 .751-.753V1.398a.753.753 0 0 0-.751-.753H5.698Z" fill="#000"/><path d="M12.283 1.72H7.717L6.547.55l.455-.455.981.98h4.034l.981-.98.455.455-1.17 1.17ZM12.152 17.205H7.85v.645h4.302v-.645Z" fill="#000"/></svg> <!-- END CUSTOM LOGO --> <span> Mobile SDK </span> </a> </div> </div> <div class="pt-2"> <p class="mb-3 px-2 font-medium uppercase text-[#6B7280] text-sm"> Integrations </p> <div class="px-2"> <a href="/integrations/google-analytics-4" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- GA4 LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#F9AB00" d="M17.0457 15.8436c.0058 1.0704-.8574 1.9419-1.9271 1.9477a1.8471 1.8471 0 0 1-.2386-.0135c-.9927-.1468-1.72-1.0107-1.6956-2.0137V4.2321c-.0237-1.0043.7054-1.8681 1.6988-2.0137 1.0627-.1244 2.0253.6362 2.1497 1.6988a1.907 1.907 0 0 1 .0128.2354v11.691Z"/> <path fill="#E37400" d="M4.8929 13.9319c1.0665 0 1.931.8645 1.931 1.931 0 1.0664-.8645 1.9309-1.931 1.9309s-1.931-.8645-1.931-1.9309c0-1.0665.8645-1.931 1.931-1.931Zm5.0804-5.852c-1.0716.059-1.9027.9575-1.8777 2.0304v5.1863c0 1.4076.6195 2.2619 1.527 2.444 1.0472.2123 2.0675-.4643 2.2798-1.5116a1.8917 1.8917 0 0 0 .0385-.3892v-5.8193c.0019-1.0703-.8639-1.9393-1.9342-1.9412-.011 0-.0225 0-.0334.0006Z"/> </svg> <!-- END GA4 LOGO --> <span> GA4 </span> </a> <a href="/integrations/klaviyo" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- KLAVIYO LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#000" d="M18 15.3574H2V4.6435h16l-3.351 5.357L18 15.3574Z"/> </svg> <!-- END KLAVIYO LOGO --> <span> Klaviyo </span> </a> <a href="/integrations/segment" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- SEGMENT LOGO --> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4847_508)"> <g clip-path="url(#clip1_4847_508)"> <path d="M17.0002 0H3.66683C1.82588 0 0.333496 1.49238 0.333496 3.33333V16.6667C0.333496 18.5076 1.82588 20 3.66683 20H17.0002C18.8411 20 20.3335 18.5076 20.3335 16.6667V3.33333C20.3335 1.49238 18.8411 0 17.0002 0Z" fill="#FCFEF5"/> <g clip-path="url(#clip2_4847_508)"> <path d="M12.3023 12.7183H3.1018C2.67923 12.7183 2.3335 12.3725 2.3335 11.9499C2.3335 11.5274 2.67923 11.1816 3.1018 11.1816H12.3023C12.7248 11.1816 13.0706 11.5274 13.0706 11.9499C13.0706 12.3725 12.7248 12.7183 12.3023 12.7183Z" fill="#99CFAC"/> <path d="M10.3429 17.4252C9.59382 17.4252 8.84472 17.3099 8.13404 17.0986C7.73068 16.9642 7.50019 16.5416 7.63464 16.1382C7.76909 15.7349 8.19166 15.5044 8.59502 15.6388C9.15205 15.8117 9.74748 15.9077 10.3429 15.9077C12.9552 15.9077 15.2217 14.2367 15.9708 11.7397C16.086 11.3363 16.5278 11.1058 16.9312 11.2211C17.3345 11.3363 17.565 11.7781 17.4498 12.1815C16.4702 15.3123 13.6274 17.4252 10.3429 17.4252Z" fill="#49B881"/> <path d="M17.565 8.81982H8.3645C7.94193 8.81982 7.59619 8.47408 7.59619 8.05151C7.59619 7.62894 7.94193 7.2832 8.3645 7.2832H17.565C17.9875 7.2832 18.3333 7.62894 18.3333 8.05151C18.3333 8.47408 17.9875 8.81982 17.565 8.81982Z" fill="#99CFAC"/> <path d="M3.96529 8.81964C3.88846 8.81964 3.81163 8.80044 3.7348 8.78123C3.33144 8.66598 3.10094 8.22421 3.21619 7.82084C4.19578 4.68999 7.03852 2.57715 10.3422 2.57715C11.0913 2.57715 11.8404 2.69239 12.5511 2.90368C12.9545 3.03813 13.185 3.4607 13.0505 3.86406C12.9161 4.26742 12.4935 4.49792 12.0901 4.36346C11.5331 4.19059 10.9377 4.09455 10.3422 4.09455C7.72999 4.09455 5.46349 5.76562 4.71439 8.26262C4.59914 8.60836 4.29182 8.81964 3.96529 8.81964Z" fill="#49B881"/> <path d="M14.8962 5.89892C15.3206 5.89892 15.6645 5.55494 15.6645 5.13061C15.6645 4.70629 15.3206 4.3623 14.8962 4.3623C14.4719 4.3623 14.1279 4.70629 14.1279 5.13061C14.1279 5.55494 14.4719 5.89892 14.8962 5.89892Z" fill="#99CFAC"/> <path d="M5.77124 15.6567C6.19556 15.6567 6.53954 15.3127 6.53954 14.8884C6.53954 14.4641 6.19556 14.1201 5.77124 14.1201C5.34691 14.1201 5.00293 14.4641 5.00293 14.8884C5.00293 15.3127 5.34691 15.6567 5.77124 15.6567Z" fill="#99CFAC"/> </g> </g> </g> <defs> <clipPath id="clip0_4847_508"> <rect width="20" height="20" fill="white" transform="translate(0.333496)"/> </clipPath> <clipPath id="clip1_4847_508"> <rect width="20" height="20" fill="white" transform="translate(0.333496)"/> </clipPath> <clipPath id="clip2_4847_508"> <rect width="16" height="16" fill="white" transform="translate(2.3335 2)"/> </clipPath> </defs> </svg> <!-- END SEGMENT LOGO --> <span> Segment </span> </a> <a href="/integrations/rockerbox" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- ROCKERBOX LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="#7B5DF4" d="M10.2168 6.113H5.9993v4.1231h4.2175V6.1129Z"/> <path fill="#7B5DF4" d="M2 10.0025v7.7729h4.1574v-7.7729H2ZM17.9971 2.2265h-3.9993v4.031h3.9993v-4.031Z"/> <path fill="#A793F7" d="M5.9993 10.0025v7.7729h4.1479v-7.7729h-4.148Z"/> <path fill="#A793F7" d="M9.998 6.116v4.0524h7.9985V6.1159H9.998Z"/> <path fill="#D3C9FB" d="M9.998 10.0025v7.7729h3.9993v-3.8896h3.9992v-3.8833H9.998Z"/> <path fill="#fff" d="M18.0001 13.7751h-4.1163v3.9971h4.1163v-3.9971Z"/> </svg> <!-- END ROCKERBOX LOGO --> <span> Rockerbox </span> </a> <a href="/integrations/shopify-flow" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <!-- SHOPIFY FLOW LOGO --> <svg class="h-5 w-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path fill="#FCFEF5" d="M16.6667 0H3.3333C1.4923 0 0 1.4924 0 3.3333v13.3334C0 18.5076 1.4924 20 3.3333 20h13.3334C18.5076 20 20 18.5076 20 16.6667V3.3333C20 1.4923 18.5076 0 16.6667 0Z"/> <path fill="url(#flow_gradient)" d="M16 2H4c-1.1046 0-2 .8954-2 2v12c0 1.1046.8954 2 2 2h12c1.1046 0 2-.8954 2-2V4c0-1.1046-.8954-2-2-2Z"/> <path fill="#fff" stroke="#000" stroke-width="0.638889" d="M8.5703 12.4434c0 .9282-.7524 1.6806-1.6805 1.6806-.9282 0-1.6806-.7524-1.6806-1.6806 0-.9282.7524-1.6806 1.6806-1.6806.9281 0 1.6805.7524 1.6805 1.6806Z"/> <path fill="#A1A1AA" stroke="#000" stroke-width="0.638889" d="M14.792 12.4434c0 .9282-.7524 1.6806-1.6806 1.6806-.9281 0-1.6805-.7524-1.6805-1.6806 0-.9282.7524-1.6806 1.6805-1.6806.9282 0 1.6806.7524 1.6806 1.6806Z"/> <path fill="#fff" stroke="#000" stroke-width="0.638889" d="M11.6812 7.556c0 .9282-.7524 1.6806-1.6806 1.6806-.9281 0-1.6805-.7524-1.6805-1.6806 0-.9281.7524-1.6805 1.6805-1.6805.9282 0 1.6806.7524 1.6806 1.6805Z"/> <path fill="#000" d="M12.0643 9.8287a.3333.3333 0 0 0-.5717.3429l.5717-.3429Zm-.5717.3429.686 1.1434.5717-.343-.686-1.1433-.5717.3429Z"/> <defs> <linearGradient id="flow_gradient" x1="4.5498" x2="21.4591" y1="2" y2="12.3473" gradientUnits="userSpaceOnUse"> <stop stop-color="#D0F224"/> <stop offset="1" stop-color="#79DFFF"/> </linearGradient> </defs> </svg> <!-- END SHOPIFY FLOW LOGO --> <span> Shopify Flow </span> </a> <a href="/integrations" class="block px-2 py-1 mt-2 text-sm underline underline-offset-2 hover:text-gray-100"> See All Integrations → </a> </div> </div> <div class="pt-2"> <p class="mb-3 px-2 font-medium uppercase text-[#6B7280] text-sm"> Use case </p> <div class="px-2"> <a href="/use-cases/attribution" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span> Attribution </span> </a> <a href="/use-cases/personalization" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span> Personalization </span> </a> <a href="/use-cases/customer-research/" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span> Research </span> </a> <a href="/use-cases/conversion-rate-optimization" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <span> CRO </span> </a> </div> </div> </div> </div> <!-- Pricing option --> <div class="space-y-2"> <a href="/pricing" class="block font-bold text-lg text-[#3F3F4C]"> Pricing → </a> </div> <!-- Our Customers option --> <div class="space-y-2"> <a href="/case-studies" class="block font-bold text-lg text-[#3F3F4C]"> Our Customers → </a> </div> <!-- Accordion for the Resources section --> <div x-data="{ openResources: false }"> <button @click="openResources = !openResources" class="flex justify-between items-center w-full text-[#3F3F4C] font-bold text-lg text-left"> Resources <svg :class="openResources ? 'rotate-180' : ''" class="w-5 h-5 transform transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /> </svg> </button> <div x-show="openResources" class="mt-8 space-y-2"> <a class="grid grid-cols-[130px_auto] gap-4 px-2 items-center" href="/learn/attribution-academy"> <img class="w-full rounded-md shadow-sm" src="/assets/images/nav/attribution-academy.svg"> <h3 class="text-base font-medium text-[#111827] leading-normal"> Attribution Academy <span class="text-sm font-medium nav-new-tag inline px-2 py-1"> New </span> </h3> </a> <div class="pt-8"> <p class="mb-3 px-2 font-medium uppercase text-[#6B7280] text-sm"> Support </p> <div class="px-2"> <a href="https://docs.fairing.co" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/docs-icon.svg" aria-hidden="true"> <span> Docs </span> </a> <div onclick="Intercom('showNewMessage')" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/contact-us-icon.svg" aria-hidden="true"> <span> Contact Us </span> </div> <a href="https://docs.fairing.co/docs/faqs" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/faqs-icon.svg" aria-hidden="true"> <span> FAQs </span> </a> </div> </div> <div class="pt-2"> <p class="mb-3 px-2 font-medium uppercase text-[#6B7280] text-sm"> Partner </p> <div class="px-2"> <a href="/partner-program" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/partner-program-icon.svg" aria-hidden="true"> <span> Partner Program </span> </a> <a href="/partners" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/company-icon.svg" aria-hidden="true"> <span> Partner Directory </span> </a> </div> </div> <div class="pt-2"> <p class="mb-3 px-2 font-medium uppercase text-[#6B7280] text-sm"> Company </p> <div class="px-2"> <a href="/about" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/company-icon.svg" aria-hidden="true"> <span> About </span> </a> <a href="/blog" class="cursor-pointer flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/blog-icon.svg" aria-hidden="true"> <span> <span> Blog </span> </a> <a href="https://jobs.ashbyhq.com/fairing" target="_blank" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/work-with-us-icon.svg" aria-hidden="true"> <span> Work with Us </span> </a> <a href="/blog/company/what-is-a-fairing" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/what-is-icon.svg" aria-hidden="true"> <span> What is a Fairing? </span> </a> <a href="/resource-center/" class="flex items-center gap-2 px-2 py-1 rounded-md hover:bg-gray-100"> <img width="20" height="20" class="h-5 w-5 mr-1" src="/assets/images/nav/docs-icon.svg" aria-hidden="true"> <span> Resource Center </span> </a> </div> </div> </div> </div> <!-- Button section --> <div class="flex flex-1 justify-between items-center gap-6 p-8"> <a href="#" data-cal-link="team/fairing/demo" data-cal-namespace="demo" data-cal-config='{"layout":"month_view"}' class="py-4 text-base font-medium leading-6 text-black text-center"> Book a Demo </a> <a href="https://app.fairing.co" class="px-8 py-4 rounded-md bg-gray-900 hover:bg-gray-700 text-base font-medium leading-none text-white transition-all text-center"> Get Started </a> </div> </div> </div> </div> <!-- END MOBILE MENU --> </header> <div class="relative"> <main> <!-- PRODUCT HERO --> <div class="relative md:pb-24 pt-10 md:pt-0 bg-lime overflow-hidden product-ltv_hero-section"> <img class="absolute block max-w-none top-24 md:top-[50%] -left-[50%] lg:left-0 w-[200%] lg:w-[100%] z-0" src="/assets/images/integrations/fairing-wavy-lines.svg" aria-hidden="true" > <div class="relative isolate grid grid-cols-1 gap-8 text-center items-center mx-auto z-10 max-w-7xl pb-24 md:pt-16"> <div class="mx-auto max-w-2xl px-10 md:px-0 lg:text-center"> <div class="flex flex-row items-center justify-center md:mt-10 gap-4"> <p class="inline-block text-[#FFF] text-lg font-bold"> LTV Analytics </p> <span class="text-[#3730A3] bg-[#E0E7FF] py-1 px-4 rounded-full font-medium"> New </span> </div> <h1 class="mt-4 text-3xl font-bold tracking-tight text-white sm:text-4xl"> Understand where your highest LTV customers are coming from. </h1> <p class="mt-6 text-md md:text-lg text-white"> Traditional LTV metrics rely too much on platform-reported data. LTV Analytics by Fairing combines direct-from-customer attribution data with order information to give you an LTV metric you can actually trust. </p> <div class="mt-10 flex items-center gap-x-6 lp-form md:max-w-[70%] mx-auto" id="ltv-form"> <a href="#" data-cal-link="team/fairing/demo" data-cal-namespace="demo" data-cal-config='{"layout":"month_view"}' class="inline-flex z-10 items-center rounded-md border border-transparent bg-[#E0F596] px-5 py-2 mx-auto text-base font-medium text-[#0F0F1F] shadow hover:bg-lime-300 transition-all"> Book a demo </a> </div> </div> <div class="relative md:w-[90%] md:mx-auto"> <img class="mx-auto rounded-md max-w-[90%] md:max-w-full ltv-hero-main-background" src="/assets/images/product/ltv/ltv_hero.png"> </div> </div> </div> <!-- END PRODUCT HERO --> <!-- MAIN SUBHEADER --> <div class="relative mx-auto max-w-2xl md:max-w-4xl px-10 md:px-28 text-center pt-10 md:pt-28"> <img class="absolute w-[40%] sm:top-[150px] md:bottom-0 -z-10 left-[30%]" src="/assets/images/product/ltv/fairing-graph.svg" > <h2 class="mt-2 text-3xl font-semibold tracking-tight sm:text-4xl"> The only LTV solution that accounts for how customers <span class="text-[#0265DE]">say</span> they heard about you </h2> <p class="mt-4 text-base leading-8"> Paired with Question Stream™, Fairing’s LTV Analytics is the only product that takes into account HDYHAU data, giving you a more accurate view on LTV per channel. </p> </div> <!-- END MAIN SUBHEADER --> <!-- BODY CARDS --> <div class="relative px-4 md:pt-28"> <div class="grid gap-8 items-center mx-auto max-w-6xl z-10"> <div class="mx-auto max-w-7xl px-6 pb-8 pt-16 md:pt-0 md:pb-0 lg:px-8"> <div class="relative grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-16 sm:gap-x-20 items-center"> <div class="flex flex-col gap-6 w-full md:pr-24"> <div> <h3 class="text-4xl font-semibold"> Take the <span class="text-[#0265DE]">guesswork</span> out of LTV. </h3> </div> <p class="font-normal font-normal"> Understand LTV by the channels that had the greatest impact on your customers’ buying decisions. </p> <p class="font-normal font-normal"> Move beyond relying on platform-reported attribution data in your LTV analysis. </p> <p> Pair HDYHAU data with historical order information for accurate LTV reporting across: </p> <ul class="text-[#0F0F1F] text-sm font-semibold md:columns-2 list-disc pl-4"> <li> Average Order Count </li> <li> Order Repeat Rate </li> <li> Average Time Between Orders </li> <li> 1st Order Revenue </li> <li> Lifetime Revenue </li> <li> Average Order Value </li> </ul> </div> <div class="flex flex-row gap-4 w-full"> <picture><source type="image/webp" srcset="/assets/images/product/ltv/lifetime-value-cohort@320w.webp 320w, /assets/images/product/ltv/lifetime-value-cohort@640w.webp 640w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,850px"><source type="image/png" srcset="/assets/images/product/ltv/lifetime-value-cohort@320w.png 320w, /assets/images/product/ltv/lifetime-value-cohort@640w.png 640w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,850px"><img alt="Lifetime value cohort overview" class="w-full shadow-xl ring-1 ring-gray-400/10 rounded-3xl" loading="lazy" decoding="async" src="/assets/images/product/ltv/lifetime-value-cohort@320w.png" width="640" height="640"></picture> </div> <div class="flex flex-col gap-6 w-full md:pl-24 md:order-4"> <div> <h3 class="text-4xl font-semibold"> Granular and <span class="text-[#0265DE]">insightful</span> cohort analysis. </h3> </div> <p class="font-normal font-normal"> Break LTV down by channels, cohorts, and by survey response. </p> <p class="font-normal font-normal"> Fairing’s LTV Analytics gives you multiple views to slice and dice your data to determine the channels that lead to the most rewarding customer relationships. </p> </div> <div class="flex flex-row gap-4 w-full md:order-3"> <picture><source type="image/webp" srcset="/assets/images/product/ltv/lifetime-value-cohort-2@320w.webp 320w, /assets/images/product/ltv/lifetime-value-cohort-2@640w.webp 640w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,850px"><source type="image/png" srcset="/assets/images/product/ltv/lifetime-value-cohort-2@320w.png 320w, /assets/images/product/ltv/lifetime-value-cohort-2@640w.png 640w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,850px"><img alt="Lifetime value cohort overview" class="w-full shadow-xl ring-1 ring-gray-400/10 rounded-3xl" loading="lazy" decoding="async" src="/assets/images/product/ltv/lifetime-value-cohort-2@320w.png" width="640" height="640"></picture> </div> <div class="flex flex-col gap-6 w-full md:pr-24 order-5"> <div> <h3 class="text-4xl font-semibold"> Quantify the <span class="text-[#0265DE]">impact</span> of your channels. Even the offline ones. </h3> </div> <p class="font-normal font-normal"> Customers that heard about you from a friend spend more, and stay longer—or do they? </p> <p class="font-normal font-normal"> LTV Analytics from Fairing finally gives marketers the ability to quantify the impact of their Word of Mouth and other offline channels. </p> </div> <div class="flex flex-row gap-4 w-full order-6"> <picture><source type="image/webp" srcset="/assets/images/product/ltv/word-mouth-ltv@320w.webp 320w, /assets/images/product/ltv/word-mouth-ltv@640w.webp 640w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,850px"><source type="image/png" srcset="/assets/images/product/ltv/word-mouth-ltv@320w.png 320w, /assets/images/product/ltv/word-mouth-ltv@640w.png 640w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,850px"><img alt="Word of Mouth LTV" class="w-full shadow-xl ring-1 ring-gray-400/10 rounded-3xl" loading="lazy" decoding="async" src="/assets/images/product/ltv/word-mouth-ltv@320w.png" width="640" height="640"></picture> </div> </div> </div> </div> </div> <!-- END BODY CARDS --> <!-- CUSTOMER REVIEW MODULE --> <div class="py-12 md:pt-20 carousels-container mt-24"> <div class="mx-auto max-w-2xl flex flex-col gap-1 text-center pb-8 px-4"> <p class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"> What our customers say </p> <p class="underline text-[#1E233C]"> <a href="https://apps.shopify.com/fairing/reviews?search_id=49e4079d-7b03-4d1a-9fb0-59b64e2de83f&locale=es"> See all 180+ ★★★★★ reviews on the Shopify App Store </a> </p> </div> <!-- Carousel to the left --> <div class="mx-auto max-w-7xl px-6 pb-8 pt-4 marquee-carousel carousel-to-left"> <div class="carousel-track"> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/bokksu.svg" class="self-start"> </div> <p>We were overly attributing to Google and Google Ads, but through Fairing we found that our work in Press mentions, Partnerships, and Affiliates were also acquiring customers. I HIGHLY recommend this app!</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">BOKKSU</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/outdoor-voices.svg" class="self-start"> </div> <p>Fairing has been a great, easy tool for us to better understand our marketing attribution for new customers. The team is super supportive and is always making updates to features.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Outdoor Voices</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/use-cases/attribution/salt-stone.svg" class="self-start"> </div> <p>An essential too -- the insights that you learn from Fairing are invaluable, and you cannot replace them with Google Analytics, Northbeam, or any other attribution tool.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">SALT & STONE</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/boll-and-branch-dark.svg" class="self-start"> </div> <p>Fairing have helped to tailor fit the app to meet our needs! We leverage the app as a key source of data for our attribution model and is a critical part of the company’s performance analysis.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Boll & Branch</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/crossrope-dark.svg" class="self-start"> </div> <p>An amazing tool! They have really helped us with attribution the last couple of years. It’s also great to add follow up questions and get valuable insights from our customers.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Crossrope</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/mud-wtr.svg" class="self-start"> </div> <p>Incredible product, even better customer service. We've seen engagement increase exponentially since we started using this service.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">MUD/WTR</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/waterdrop.svg" class="self-start"> </div> <p> In contrast to super complex analytics tools and attribution questions, Fairing proves to us that the simplest solution to finding out where customers know us from is to simply ask them.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Waterdrop®</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/thrive.svg" class="self-start"> </div> <p>Fairing was easy to set up and gave us immediate, useful data. We used the built-in integrations to send data and make the data collection work, providing a better customer experience.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Thrive Causemetics</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/kitsch.png" class="self-start"> </div> <p>Fairing has truly set a benchmark with its ingenious approach to survey data collection. The app is a game-changer due to its speed & scale, transaction linking, and efficiency.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">KITSCH</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/ogee.svg" class="self-start"> </div> <p>Fairing has been super helpful. We started using Fairing to help us with attribution, but we were surprised to see how beneficial it is for surveying our customers on questions outside of it too.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Ogee</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/pattern-beauty.svg" class="self-start"> </div> <p>Great app! I love that I can ask my customers specific questions that will help me further my acquisition efforts.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Pattern Beauty</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/dr-squatch.svg" class="self-start"> </div> <p>The app is easy to use, very effective for attribution analysis & well though out. Matt & Team are responsive & great to work with, and we’re excited about new Question Stream features coming out!</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Dr. Squatch</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> </div> </div> <!-- Carousel to the right --> <div class="mx-auto max-w-7xl px-6 pb-8 pt-4 marquee-carousel carousel-to-right"> <div class="carousel-track"> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/bokksu.svg" class="self-start"> </div> <p>We were overly attributing to Google and Google Ads, but through Fairing we found that our work in Press mentions, Partnerships, and Affiliates were also acquiring customers. I HIGHLY recommend this app!</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">BOKKSU</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/outdoor-voices.svg" class="self-start"> </div> <p>Fairing has been a great, easy tool for us to better understand our marketing attribution for new customers. The team is super supportive and is always making updates to features.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Outdoor Voices</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/use-cases/attribution/salt-stone.svg" class="self-start"> </div> <p>An essential too -- the insights that you learn from Fairing are invaluable, and you cannot replace them with Google Analytics, Northbeam, or any other attribution tool.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">SALT & STONE</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/boll-and-branch-dark.svg" class="self-start"> </div> <p>Fairing have helped to tailor fit the app to meet our needs! We leverage the app as a key source of data for our attribution model and is a critical part of the company’s performance analysis.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Boll & Branch</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/crossrope-dark.svg" class="self-start"> </div> <p>An amazing tool! They have really helped us with attribution the last couple of years. It’s also great to add follow up questions and get valuable insights from our customers.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Crossrope</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/mud-wtr.svg" class="self-start"> </div> <p>Incredible product, even better customer service. We've seen engagement increase exponentially since we started using this service.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">MUD/WTR</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/waterdrop.svg" class="self-start"> </div> <p> In contrast to super complex analytics tools and attribution questions, Fairing proves to us that the simplest solution to finding out where customers know us from is to simply ask them.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Waterdrop®</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/thrive.svg" class="self-start"> </div> <p>Fairing was easy to set up and gave us immediate, useful data. We used the built-in integrations to send data and make the data collection work, providing a better customer experience.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Thrive Causemetics</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/kitsch.png" class="self-start"> </div> <p>Fairing has truly set a benchmark with its ingenious approach to survey data collection. The app is a game-changer due to its speed & scale, transaction linking, and efficiency.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">KITSCH</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/ogee.svg" class="self-start"> </div> <p>Fairing has been super helpful. We started using Fairing to help us with attribution, but we were surprised to see how beneficial it is for surveying our customers on questions outside of it too.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Ogee</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/pattern-beauty.svg" class="self-start"> </div> <p>Great app! I love that I can ask my customers specific questions that will help me further my acquisition efforts.</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Pattern Beauty</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> <div class="flex flex-col rounded-[16px] max-w-[380px] customer-review-card"> <div class="review-card-image-content"> <img src="/assets/images/customer-logos/dr-squatch.svg" class="self-start"> </div> <p>The app is easy to use, very effective for attribution analysis & well though out. Matt & Team are responsive & great to work with, and we’re excited about new Question Stream features coming out!</p> <div class="flex flex-col gap-2"> <h4 class="text-[#1E233C] text-base font-bold">Dr. Squatch</h4> <div class="flex flex-row gap-1"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> <img src="/assets/images/reviews/star-icon.svg" class="w-[20px]"> </div> </div> </div> </div> </div> </div> <!-- END CUSTOMER REVIEW MODULE --> <!-- FOOTER CARDS MODULE --> <div class=""> <div class="grid grid-cols-1 md:grid-cols-3 items-center mx-auto max-w-6xl gap-10 px-10 md:px-4 md:mt-28"> <div class="flex flex-col gap-4 md:h-full"> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="8" fill="url(#paint0_linear_4673_3442)"/> <g clip-path="url(#clip0_4673_3442)"> <path d="M39 29.0004C39.002 27.9991 38.7534 27.0131 38.2768 26.1325C37.8002 25.2518 37.1107 24.5045 36.2713 23.9585C35.4319 23.4126 34.4692 23.0854 33.4709 23.0068C32.4726 22.9282 31.4706 23.1007 30.5561 23.5086C29.6415 23.9165 28.8436 24.5467 28.2351 25.342C27.6266 26.1372 27.2267 27.0721 27.072 28.0614C26.9173 29.0507 27.0127 30.063 27.3495 31.0061C27.6862 31.9491 28.2536 32.7928 29 33.4604V41.0004L33 39.1068L37 41.0004V33.4604C37.6287 32.8998 38.1318 32.2127 38.4765 31.4441C38.8211 30.6755 38.9995 29.8427 39 29.0004ZM35 37.8404L33 36.8937L31 37.8404V34.6504C32.2925 35.1172 33.7075 35.1172 35 34.6504V37.8404ZM33 33.0004C32.2089 33.0004 31.4355 32.7658 30.7777 32.3263C30.1199 31.8868 29.6072 31.262 29.3045 30.5311C29.0017 29.8002 28.9225 28.996 29.0768 28.22C29.2312 27.4441 29.6122 26.7314 30.1716 26.172C30.731 25.6126 31.4437 25.2316 32.2196 25.0773C32.9956 24.9229 33.7998 25.0021 34.5307 25.3049C35.2616 25.6076 35.8863 26.1203 36.3259 26.7781C36.7654 27.4359 37 28.2093 37 29.0004C36.9988 30.0609 36.577 31.0776 35.8271 31.8275C35.0772 32.5774 34.0605 32.9992 33 33.0004Z" fill="white"/> <path d="M34 14H31V13C30.9985 12.47 30.7873 11.9622 30.4125 11.5875C30.0378 11.2127 29.53 11.0015 29 11H21C20.47 11.0015 19.9622 11.2127 19.5875 11.5875C19.2127 11.9622 19.0015 12.47 19 13V14H16C15.47 14.0015 14.9622 14.2127 14.5875 14.5875C14.2127 14.9622 14.0015 15.47 14 16V37C14.0015 37.53 14.2127 38.0378 14.5875 38.4125C14.9622 38.7873 15.47 38.9985 16 39H25V37H16V16H19V19H31V16H34V21H36V16C35.9985 15.47 35.7873 14.9622 35.4125 14.5875C35.0378 14.2127 34.53 14.0015 34 14ZM29 17H21V13H29V17Z" fill="white"/> </g> <defs> <linearGradient id="paint0_linear_4673_3442" x1="379.628" y1="-60.8597" x2="-103.313" y2="7.9996" gradientUnits="userSpaceOnUse"> <stop offset="0.192708" stop-color="white"/> <stop offset="0.598958" stop-color="#0265DE"/> <stop offset="0.8125" stop-color="#1E233C"/> <stop offset="1" stop-color="white"/> </linearGradient> <clipPath id="clip0_4673_3442"> <rect width="32" height="32" fill="white" transform="translate(9 9)"/> </clipPath> </defs> </svg> <h4 class="text-2xl font-semibold text-[#111827]"> SOC 2 Type 1 </h4> <p class="text-lg font-normal text-[#4B4F63]"> Your data remains secure, accessible, and confidential. For a detailed report on our security measures, please contact us at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e99a8c8a9c9b809d90a98f88809b80878ec78a86">[email protected]</a>. </p> </div> <div class="flex flex-col gap-4 md:h-full"> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="8" fill="url(#paint0_linear_4673_3442)"/> <g clip-path="url(#clip0_4673_3442)"> <path d="M39 29.0004C39.002 27.9991 38.7534 27.0131 38.2768 26.1325C37.8002 25.2518 37.1107 24.5045 36.2713 23.9585C35.4319 23.4126 34.4692 23.0854 33.4709 23.0068C32.4726 22.9282 31.4706 23.1007 30.5561 23.5086C29.6415 23.9165 28.8436 24.5467 28.2351 25.342C27.6266 26.1372 27.2267 27.0721 27.072 28.0614C26.9173 29.0507 27.0127 30.063 27.3495 31.0061C27.6862 31.9491 28.2536 32.7928 29 33.4604V41.0004L33 39.1068L37 41.0004V33.4604C37.6287 32.8998 38.1318 32.2127 38.4765 31.4441C38.8211 30.6755 38.9995 29.8427 39 29.0004ZM35 37.8404L33 36.8937L31 37.8404V34.6504C32.2925 35.1172 33.7075 35.1172 35 34.6504V37.8404ZM33 33.0004C32.2089 33.0004 31.4355 32.7658 30.7777 32.3263C30.1199 31.8868 29.6072 31.262 29.3045 30.5311C29.0017 29.8002 28.9225 28.996 29.0768 28.22C29.2312 27.4441 29.6122 26.7314 30.1716 26.172C30.731 25.6126 31.4437 25.2316 32.2196 25.0773C32.9956 24.9229 33.7998 25.0021 34.5307 25.3049C35.2616 25.6076 35.8863 26.1203 36.3259 26.7781C36.7654 27.4359 37 28.2093 37 29.0004C36.9988 30.0609 36.577 31.0776 35.8271 31.8275C35.0772 32.5774 34.0605 32.9992 33 33.0004Z" fill="white"/> <path d="M34 14H31V13C30.9985 12.47 30.7873 11.9622 30.4125 11.5875C30.0378 11.2127 29.53 11.0015 29 11H21C20.47 11.0015 19.9622 11.2127 19.5875 11.5875C19.2127 11.9622 19.0015 12.47 19 13V14H16C15.47 14.0015 14.9622 14.2127 14.5875 14.5875C14.2127 14.9622 14.0015 15.47 14 16V37C14.0015 37.53 14.2127 38.0378 14.5875 38.4125C14.9622 38.7873 15.47 38.9985 16 39H25V37H16V16H19V19H31V16H34V21H36V16C35.9985 15.47 35.7873 14.9622 35.4125 14.5875C35.0378 14.2127 34.53 14.0015 34 14ZM29 17H21V13H29V17Z" fill="white"/> </g> <defs> <linearGradient id="paint0_linear_4673_3442" x1="379.628" y1="-60.8597" x2="-103.313" y2="7.9996" gradientUnits="userSpaceOnUse"> <stop offset="0.192708" stop-color="white"/> <stop offset="0.598958" stop-color="#0265DE"/> <stop offset="0.8125" stop-color="#1E233C"/> <stop offset="1" stop-color="white"/> </linearGradient> <clipPath id="clip0_4673_3442"> <rect width="32" height="32" fill="white" transform="translate(9 9)"/> </clipPath> </defs> </svg> <h4 class="text-2xl font-semibold text-[#111827]"> GDPR </h4> <p class="text-lg font-normal text-[#4B4F63]"> We are dedicated to upholding user privacy rights, maintaining transparency in handling personal data, and implementing robust online protection measures in compliance with GDPR standards. </p> </div> <div class="flex flex-col gap-4 md:h-full"> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="8" fill="url(#paint0_linear_4673_3442)"/> <g clip-path="url(#clip0_4673_3442)"> <path d="M39 29.0004C39.002 27.9991 38.7534 27.0131 38.2768 26.1325C37.8002 25.2518 37.1107 24.5045 36.2713 23.9585C35.4319 23.4126 34.4692 23.0854 33.4709 23.0068C32.4726 22.9282 31.4706 23.1007 30.5561 23.5086C29.6415 23.9165 28.8436 24.5467 28.2351 25.342C27.6266 26.1372 27.2267 27.0721 27.072 28.0614C26.9173 29.0507 27.0127 30.063 27.3495 31.0061C27.6862 31.9491 28.2536 32.7928 29 33.4604V41.0004L33 39.1068L37 41.0004V33.4604C37.6287 32.8998 38.1318 32.2127 38.4765 31.4441C38.8211 30.6755 38.9995 29.8427 39 29.0004ZM35 37.8404L33 36.8937L31 37.8404V34.6504C32.2925 35.1172 33.7075 35.1172 35 34.6504V37.8404ZM33 33.0004C32.2089 33.0004 31.4355 32.7658 30.7777 32.3263C30.1199 31.8868 29.6072 31.262 29.3045 30.5311C29.0017 29.8002 28.9225 28.996 29.0768 28.22C29.2312 27.4441 29.6122 26.7314 30.1716 26.172C30.731 25.6126 31.4437 25.2316 32.2196 25.0773C32.9956 24.9229 33.7998 25.0021 34.5307 25.3049C35.2616 25.6076 35.8863 26.1203 36.3259 26.7781C36.7654 27.4359 37 28.2093 37 29.0004C36.9988 30.0609 36.577 31.0776 35.8271 31.8275C35.0772 32.5774 34.0605 32.9992 33 33.0004Z" fill="white"/> <path d="M34 14H31V13C30.9985 12.47 30.7873 11.9622 30.4125 11.5875C30.0378 11.2127 29.53 11.0015 29 11H21C20.47 11.0015 19.9622 11.2127 19.5875 11.5875C19.2127 11.9622 19.0015 12.47 19 13V14H16C15.47 14.0015 14.9622 14.2127 14.5875 14.5875C14.2127 14.9622 14.0015 15.47 14 16V37C14.0015 37.53 14.2127 38.0378 14.5875 38.4125C14.9622 38.7873 15.47 38.9985 16 39H25V37H16V16H19V19H31V16H34V21H36V16C35.9985 15.47 35.7873 14.9622 35.4125 14.5875C35.0378 14.2127 34.53 14.0015 34 14ZM29 17H21V13H29V17Z" fill="white"/> </g> <defs> <linearGradient id="paint0_linear_4673_3442" x1="379.628" y1="-60.8597" x2="-103.313" y2="7.9996" gradientUnits="userSpaceOnUse"> <stop offset="0.192708" stop-color="white"/> <stop offset="0.598958" stop-color="#0265DE"/> <stop offset="0.8125" stop-color="#1E233C"/> <stop offset="1" stop-color="white"/> </linearGradient> <clipPath id="clip0_4673_3442"> <rect width="32" height="32" fill="white" transform="translate(9 9)"/> </clipPath> </defs> </svg> <h4 class="text-2xl font-semibold text-[#111827]"> ADA Compliant </h4> <p class="text-lg font-normal text-[#4B4F63]"> Fairing's consumer facing service (Question Stream™) is fully conformant with level A standards. We strive to continue improving our accessibility. For more information view our Accessiblity Statement. </p> </div> </div> </div> <!-- END FOOTER CARDS MODULE --> <!-- BOOK A DEMO --> <div class="bg-white py-28 px-10 md:px-20"> <div id="product-ltv-book-demo-cta" class="relative grid gap-8 overflow-hidden justify-center mx-auto max-w-7xl p-20 rounded-br-[10px] rounded-bl-[80px] rounded-tr-[80px]"> <p class="px-8 md:px-30 text-4xl font-semibold text-white text-center"> Ready to know your customers better? </p> <a href="#" data-cal-link="team/fairing/demo" data-cal-namespace="demo" data-cal-config='{"layout":"month_view"}' class="inline-flex z-10 items-center rounded-md border border-transparent bg-[#E0F596] px-5 py-2 mx-auto text-base font-medium text-[#0F0F1F] shadow hover:bg-lime-300 transition-all"> Book a demo </a> <img class="absolute right-0 md:-right-[100px] md:-top-[60px]" aria-hidden="true" width="397" height="227" src="/assets/images/product/ltv/fairing-flair-cluster-2.svg" > <img class="absolute bottom-0 origin-center md:-left-[100px] md:-bottom-[60px]" aria-hidden="true" src="/assets/images/product/ltv/fairing-flair-cluster-1.svg" > </div> </div> <!-- END BOOK A DEMO --> <!-- CAROUSEL FUNCTIONALITY --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/assets/js/carousel.js"></script> <!-- CUSTOMER REVIEWS MODULE FUNCTIONALITY --> <script src="/assets/js/customer-reviews.js"></script> </main> </div> <footer class="bg-gray-900" aria-labelledby="footer-heading"> <h2 id="footer-heading" class="sr-only">Footer</h2> <div class="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8 lg:py-32"> <div class="grid grid-cols-1 md:grid-cols-[1fr_1.5fr] gap-y-4 md:gap-8 sm:gap-14"> <div class="col-span-3 mb-4 md:mb-0 sm:col-span-1 flex flex-col gap-8"> <svg class="w-6 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 59 85"> <path fill="#fff" d="M52.604 21.8641 7.1491 30.3454C3.4224 31.031 0 28.187 0 24.4034v-8.2781c0-3.7073 2.6365-6.8815 6.2618-7.5417L51.717.1024c3.726-.6856 7.149 2.1584 7.149 5.9419v8.2781c0 3.682-2.637 6.8561-6.262 7.5417Zm0 32.6969-23.171 4.305V43.343c0-3.6976 2.636-6.863 6.262-7.5214l16.022-2.9882c3.726-.6837 7.149 2.1525 7.149 5.9257v8.2549c0 3.698-2.637 6.863-6.262 7.547ZM23.1711 81.907l-16.022 2.991C3.4224 85.582 0 82.743 0 78.966v-8.263c0-3.701 2.6365-6.869 6.2618-7.528l23.1712-4.309v15.538c0 3.675-2.6367 6.844-6.2619 7.503Z"/> </svg> <div class="flex-row gap-8 hidden md:flex"> <picture><source type="image/webp" srcset="/assets/images/drata-soc2-light@348w.webp 348w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,380px"><img alt="SOC 2 LOGO" class="w-16 mx-auto mb-4" loading="lazy" decoding="async" src="/assets/images/drata-soc2-light@348w.png" width="348" height="356"></picture> <picture><source type="image/webp" srcset="/assets/images/platforms/shopifyplus_certified@346w.webp 346w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,380px"><img alt="SHOPIFY PLUS CERTIFICATION LOGO" class="w-32 mx-auto" loading="lazy" decoding="async" src="/assets/images/platforms/shopifyplus_certified@346w.png" width="346" height="154"></picture> </div> </div> <div class="grid grid-cols-2 md:grid-cols-4 gap-y-12"> <div> <h3 class="text-sm font-semibold leading-6 text-white"> Resources </h3> <ul role="list" class="mt-2 space-y-1"> <li> <a href="/resource-center" class="text-sm leading-6 text-gray-300 hover:text-white"> Resource Center </a> </li> <li> <a href="/blog" class="text-sm leading-6 text-gray-300 hover:text-white"> Blog </a> </li> <li> <a href="/learn/attribution-academy/" class="text-sm leading-6 text-gray-300 hover:text-white"> Attribution Academy </a> </li> <li> <a href="/learn/podcast-multiplier-calculator/" class="text-sm leading-6 text-gray-300 hover:text-white"> Podcast Multiplier Calculator </a> </li> </ul> </div> <div> <h3 class="text-sm font-semibold leading-6 text-white"> Platform </h3> <ul role="list" class="mt-2 space-y-1"> <li> <a href="/product" class="text-sm leading-6 text-gray-300 hover:text-white"> Product </a> </li> <li> <a href="https://docs.fairing.co/docs/integrations-catalog" class="text-sm leading-6 text-gray-300 hover:text-white"> Integrations </a> </li> <li> <a href="https://app.fairing.co/login" class="text-sm leading-6 text-gray-300 hover:text-white"> Log in </a> </li> <li> <a href="/question-stream-vs-surveys/" class="text-sm leading-6 text-gray-300 hover:text-white"> Question Stream™ vs Surveys </a> </li> </ul> </div> <div> <h3 class="text-sm font-semibold leading-6 text-white"> Support </h3> <ul role="list" class="mt-2 space-y-1"> <li> <a href="/pricing" class="text-sm leading-6 text-gray-300 hover:text-white"> Pricing </a> </li> <li> <a href="https://docs.fairing.co" target="_blank" class="text-sm leading-6 text-gray-300 hover:text-white"> Docs </a> </li> <li> <a href="https://docs.fairing.co/reference/api" target="_blank" class="text-sm leading-6 text-gray-300 hover:text-white"> API Docs </a> </li> </ul> </div> <div> <h3 class="text-sm font-semibold leading-6 text-white"> Company </h3> <ul role="list" class="mt-2 space-y-1"> <li> <a href="/about" class="text-sm leading-6 text-gray-300 hover:text-white"> About </a> </li> <li> <a href="/blog" class="text-sm leading-6 text-gray-300 hover:text-white"> Blog </a> </li> <li> <a href="/partner-program" class="text-sm leading-6 text-gray-300 hover:text-white"> Partners </a> </li> </ul> </div> </div> <div class="col-span-3 mt-4 md:mt-0 sm:col-span-1 flex flex-col gap-8 md:hidden"> <div class="flex flex-row gap-8"> <picture><source type="image/webp" srcset="/assets/images/drata-soc2-light@348w.webp 348w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,380px"><img alt="SOC 2 LOGO" class="w-16 mx-auto mb-4" loading="lazy" decoding="async" src="/assets/images/drata-soc2-light@348w.png" width="348" height="356"></picture> <picture><source type="image/webp" srcset="/assets/images/platforms/shopifyplus_certified@346w.webp 346w" sizes="(min-width: 768px) 768px,(min-width: 1200px) 1200px,380px"><img alt="SHOPIFY PLUS CERTIFICATION LOGO" class="w-32 mx-auto" loading="lazy" decoding="async" src="/assets/images/platforms/shopifyplus_certified@346w.png" width="346" height="154"></picture> </div> </div> </div> <div class="mt-16 border-t border-white/10 pt-8 sm:mt-20 md:flex md:items-center md:justify-between lg:mt-24"> <div class="flex space-x-6 md:order-2"> <a href="https://www.linkedin.com/company/fairing" class="text-white hover:text-gray-400"> <span class="sr-only">LinkedIn</span> <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="24" height="24" viewBox="0 0 24 24"> <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/> </svg> </a> <a href="https://x.com/FairingData" class="text-white hover:text-gray-400"> <span class="sr-only">X</span> <svg class="h-6 w-6" width="220" height="204" viewBox="0 0 220 204" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M173.263 2H206.998L133.297 86.718L220 202H152.112L98.9403 132.082L38.0995 202H4.34432L83.1743 111.385L0 2H69.6111L117.674 65.9077L173.263 2ZM161.423 181.692H180.116L59.4539 21.241H39.3946L161.423 181.692Z" fill="currentColor"/> </svg> </a> </div> <div class="flex items-center mt-8 gap-6 md:order-1 text-sm "> <p class="leading-5 text-gray-400 md:mt-0"> © Fairing, Inc. All rights reserved. </p> <a href="/privacy" class="leading-6 text-gray-100 hover:text-white transition-all"> Privacy </a> <a href="/terms" class="leading-6 text-gray-100 hover:text-white transition-all"> Terms </a> <a href="https://status.fairing.co" target="_blank" class="leading-6 text-gray-100 hover:text-white transition-all"> Status </a> </div> </div> </div> </footer> <script src="/assets/js/header.js" type="text/javascript"></script> <!-- Cal element-click embed code begins --> <script type="text/javascript"> (function (C, A, L) { let p = function (a, ar) { a.q.push(ar); }; let d = C.document; C.Cal = C.Cal || function () { let cal = C.Cal; let ar = arguments; if (!cal.loaded) { cal.ns = {}; cal.q = cal.q || []; d.head.appendChild(d.createElement("script")).src = A; cal.loaded = true; } if (ar[0] === L) { const api = function () { p(api, arguments); }; const namespace = ar[1]; api.q = api.q || []; if(typeof namespace === "string"){cal.ns[namespace] = cal.ns[namespace] || api;p(cal.ns[namespace], ar);p(cal, ["initNamespace", namespace]);} else p(cal, ar); return;} p(cal, ar); }; })(window, "https://app.cal.com/embed/embed.js", "init"); Cal("init", "demo", {origin:"https://cal.com"}); Cal.ns.demo("ui", {"styles":{"branding":{"brandColor":"#000000"}},"hideEventTypeDetails":false,"layout":"month_view"}); </script> <!-- Cal element-click embed code ends --> </body> </html>