CINXE.COM
Crazy Egg | Shopify Integration
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="author" content="Crazy Egg, Inc"> <meta property="og:site_name" content="Crazy Egg"> <meta name="twitter:card" content="summary"> <meta name="twitter:creator" content="@crazyegg"> <meta name="theme-color" content="#8abc00" > <title>Crazy Egg | Shopify Integration</title> <meta name="description" content="Connect your Shopify store to Crazy Egg and build a better website experience quickly and easily."> <meta property="og:image" content="/images/png/meta_banner_3_1.png"> <meta property="og:url" content="https://www.crazyegg.com/shopify"> <meta property="og:title" content="Crazy Egg | Shopify Integration"> <meta property="og:description" content="Connect your Shopify store to Crazy Egg and build a better website experience quickly and easily."> <meta name="twitter:image" content="/images/png/meta_banner_3_1.png"> <meta name="twitter:title" content="Crazy Egg | Shopify Integration"> <meta name="twitter:description" content="Connect your Shopify store to Crazy Egg and build a better website experience quickly and easily."> <link href="https://use.typekit.net/kdb3aqt.css" rel="stylesheet"> <script type="text/javascript"> var CE_SNAPSHOT_NAME = ""; </script> <link rel="stylesheet" href="https://w3-assets.crazyeggcdn.com/css/app-4940e777d976d6a5bd0673dbcd699d0d.css?vsn=d"/> <script> window._GDPR2 = { ESSENTIAL: 'essential', ANALYTICS: 'analytics', MARKETING: 'marketing', essential: [], analytics: [], marketing: [], consent: "", registerScript(id, scriptFunc, level, callback) { if (window.CE_GDPR_V2 && window.CE_GDPR_V2.registerScript) { window.CE_GDPR_V2.registerScript(id, scriptFunc, level, callback); } else { this[level].push({ id, script: scriptFunc, callback }); } }, updateConsent(consent) { this.consent = consent; if (window.CE_GDPR_V2) { window.CE_GDPR_V2.updateConsent(consent); } } } </script> <script type="text/javascript" src="https://w3-assets.crazyeggcdn.com/js/app-b82d16608957e0aef3234944d05e59ad.js?vsn=d" id="app-js"></script> <script type="text/javascript"> window._GDPR2.registerScript('ce_visitor', function () { window.CE_VISITOR_ID='ozUDfikfMzMdTL7/f8eWvDHVWmG'; try { window.CE_PAGE_STATE_ERROR = function(user_id, session_id, error) { var errorMessage = error; if (error instanceof Error) { errorMessage = error.message; if (error.status) { errorMessage = errorMessage + " status:" + error.status; } } else if (typeof error === 'object') { errorMessage = JSON.stringify(error); } window.serverLog({id: window.CE_VISITOR_ID, value: "page state error - user_id:" + user_id + ", session_id:" + session_id + ", error: " + errorMessage }); } window.CE_NOT_TRACKING = function(reason) { window.serverLog({id: window.CE_VISITOR_ID, value: `not tracking session: ${reason}`}); } } catch (e) { window.serverLog({id: window.CE_VISITOR_ID, value: "page state error callback exception:" + e.message }); } }, window._GDPR2.ANALYTICS); </script> <script> // Typekit window._GDPR2.registerScript('typekit', function() { var a = document.createElement('link'); a.href = 'https://use.typekit.net/kdb3aqt.css'; a.rel = 'stylesheet'; var b = document.getElementsByTagName('link')[0]; b.parentNode.insertBefore(a, b); }, window._GDPR2.ESSENTIAL); </script> <script> // Facebook Pixel Code window._GDPR2.registerScript('fb_pixel', function() { (window.CE_API || (window.CE_API = [])).push(function() { var start = new Date().getTime(); function checkFB() { if (new Date().getTime() - start > 1000 || (window.CE2 && CE2.tracker)) { // Install Meta pixel !function(f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2271218543131129'); fbq('track', 'PageView'); } else { setTimeout(checkFB, 100); } } checkFB(); }); }, window._GDPR2.MARKETING); window._GDPR2.registerScript('drip', function(){ var _dcq = _dcq || []; var _dcs = _dcs || {}; _dcs.account = '9574608'; (function () { var dc = document.createElement('script'); dc.type = 'text/javascript'; dc.async = true; dc.src = '//tag.getdrip.com/9574608.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(dc, s); })(); }, window._GDPR2.MARKETING); // Start Global site tag (gtag.js) - AdWords: 1006334251 window._GDPR2.registerScript('gtag_start', 'https://www.googletagmanager.com/gtag/js?id=AW-1006334251', window._GDPR2.MARKETING, () => { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1006334251', { cookie_flags: 'max-age=7200;secure;samesite=none' }); }); // Crazy Egg Tracking Script window._GDPR2.registerScript('ce_script', function() { setTimeout(function() { var a = document.createElement('script'); var b = document.getElementsByTagName('script')[0]; a.src = document.location.protocol + '//script.crazyegg.com/pages/scripts/0040/9118.js?' + Math.floor(new Date().getTime() / 3600000); a.async = true; a.type = 'text/javascript'; b.parentNode.insertBefore(a,b); if (!window.CE_VISITOR_ID) { throw new Error('CE: Visitor ID is not defined'); } }, 1); }, window._GDPR2.ANALYTICS); // Global site tag (gtag.js) - Google Analytics window._GDPR2.registerScript('gtag_site', 'https://www.googletagmanager.com/gtag/js?id=UA-30841-9', window._GDPR2.ANALYTICS, () => { window.dataLayer = window.dataLayer || []; window.gtag = function() { dataLayer.push(arguments); }; gtag('js', new Date()); gtag('config', 'UA-30841-9', { cookie_flags: 'max-age=7200;secure;samesite=none' }); }); </script> <!-- Google Tag Manager --> <script> window._GDPR2.registerScript('gtm', function gtmRegister() { (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-WWKX29P') }, window._GDPR2.ANALYTICS) </script> <!-- End Google Tag Manager --> <!-- Google Tag Manager GTM:CRAZYEGG.COM --> <script> window._GDPR2.registerScript('gtm_ce', function gtmRegister() { (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-MS6FB4C') }, window._GDPR2.ANALYTICS) </script> <!-- End Google Tag Manager GTM:CRAZYEGG.COM --> <script type="text/javascript"> window._GDPR2.registerScript('viewed_marketing_page', function () { var sendViewedMarketingPage = function() { if ("production".match(/test|e2e/i)) { return; } if (window.CE2 && !!window.CE2.isBot(true)) { return; } var metricsUrl = "https://metrics.crazyegg.com" + "/api/metrics"; var payload = { metric: "viewed_marketing_page", params: { anonymous_id: CE_VISITOR_ID, path: window.location.pathname } } fetch(metricsUrl, { method: "POST", headers: { "Accept": "application/json", "Content-Type": "application/json"}, body: JSON.stringify(payload) }) } if ("production".match(/production/i)) { if (window.CE2) { sendViewedMarketingPage(); } else { window.CE_READY = function() { sendViewedMarketingPage(); } } } else { sendViewedMarketingPage(); } }, window._GDPR2.ANALYTICS); </script> <script type="text/javascript"> window._GDPR2.registerScript('viewed_marketing_page_raw', function () { var sendViewedMarketingPageRaw = function() { if ("production".match(/test|e2e/i)) { return; } var metricsUrl = "https://metrics.crazyegg.com" + "/api/metrics"; var payload = { metric: "viewed_marketing_page_raw", params: { anonymous_id: CE_VISITOR_ID, path: window.location.pathname } } fetch(metricsUrl, { method: "POST", headers: { "Accept": "application/json", "Content-Type": "application/json"}, body: JSON.stringify(payload) }) } sendViewedMarketingPageRaw(); }, window._GDPR2.ANALYTICS); </script> </head> <body class="cen-page-landing"> <header id="js-cen-header" class="cen-header" data-controller="enterprise-contact"> <section class="cen-row cen-header__row"> <a class="cen-logo cen-logo--header" href="/"> <img alt="Crazy Egg" class="cen-image" height="64" src="https://w3-assets.crazyeggcdn.com/images/svg/logo-ce-main-cda94b31713ece13f9ecfce734de2520.svg?vsn=d" width="120"> </a> <nav class="cen-header__right-col" role="navigation" aria-label="check solutions using crazy egg or request enterprise demo or login to crazy egg application"> <ul class="cen-header__nav-list--desktop" data-controller="nav-dropdown"> <li class="cen-header__nav-item"> <button class="ce-btn cen-btn--transparent-text-black cen-header__nav-btn " aria-haspopup="true" aria-expanded="false" data-nav-dropdown="dropdownBtn" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut click->nav-dropdown#toggleClass" data-nav-dropdown-link="product"> Product <div class="cen-header__nav-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <div class="cen-header__nav-dropdown-list--wrapper" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut"> <div class="cen-header__nav-dropdown-list--large"> <div class="cen-header__nav-dropdown-item--large"> <h4 class="cen-header__nav-dropdown-item-header"> <div class="cen-header__nav-dropdown-item-header-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M0 46.9h60v7.5H0V46.9zM7.5 31.9H15v11.2H7.5V31.9zM18.8 16.9h7.5v26.2h-7.5V16.9zM30 28.1h7.5v15H30V28.1zM41.2 5.6h7.5v37.5h-7.5V5.6z"/></svg> </div> Analytics </h4> <ul role="submenu"> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/snapshots" role="submenuitem">Website Heatmaps</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/recordings" role="submenuitem">Session Recordings</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/traffic-analysis" role="submenuitem">Traffic Analysis</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/errors-tracking" role="submenuitem">Errors Tracking</a> </li> </ul> </div> <div class="cen-header__nav-dropdown-item--large"> <h4 class="cen-header__nav-dropdown-item-header"> <div class="cen-header__nav-dropdown-item-header-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M45.5 0.1c2.7 0 4.9 2.1 5.1 4.7l0 0.4v19.2c0 1.3-1.1 2.4-2.4 2.4 -1.2 0-2.3-0.9-2.4-2.1l0-0.3V5.3c0-0.1-0.1-0.2-0.2-0.3l-0.1 0H5.1C5 5 4.9 5.1 4.9 5.2l0 0.1v49.4c0 0.1 0.1 0.2 0.2 0.3l0.1 0h21.1c1.3 0 2.4 1.1 2.4 2.4 0 1.2-0.9 2.3-2.1 2.4l-0.3 0H5.1c-2.7 0-4.9-2.1-5.1-4.7l0-0.4V5.3c0-2.7 2.1-4.9 4.7-5.2l0.4 0H45.5zM58.6 31.2c1.4 0.8 1.8 2.6 0.9 4L45.1 58.4c-0.5 0.8-1.4 1.3-2.3 1.4 0 0-0.1 0-0.1 0 -0.9 0-1.8-0.4-2.3-1.1L33 48.8c-1-1.3-0.7-3.1 0.6-4 1.3-1 3.1-0.7 4 0.6l4.9 6.4 12.2-19.6C55.5 30.8 57.3 30.4 58.6 31.2zM23.8 37c1.2 0 2.1 1 2.1 2.1 0 1.1-0.8 2-1.8 2.1l-0.3 0h-9.1c-1.2 0-2.1-1-2.1-2.1 0-1.1 0.8-2 1.8-2.1l0.3 0H23.8zM36.1 24.8c1.2 0 2.1 1 2.1 2.1 0 1.1-0.8 2-1.8 2.1l-0.3 0H14.5c-1.2 0-2.1-1-2.1-2.1 0-1.1 0.8-2 1.8-2.1l0.3 0H36.1zM36.1 14.2c1.2 0 2.1 1 2.1 2.1 0 1.1-0.8 2-1.8 2.1l-0.3 0H14.5c-1.2 0-2.1-1-2.1-2.1 0-1.1 0.8-2 1.8-2.1l0.3 0H36.1z"/></svg> </div> Optimization </h4> <ul role="submenu"> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/ab-testing" role="submenuitem">A/B Testing</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/ctas" role="submenuitem">Popup Offers</a> </li> </ul> </div> <div class="cen-header__nav-dropdown-item--large"> <h4 class="cen-header__nav-dropdown-item-header"> <div class="cen-header__nav-dropdown-item-header-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M33.4 55.4c1.3 0 2.3 1 2.3 2.3 0 1.3-1 2.3-2.3 2.3h-6.8c-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.3 2.3-2.3H33.4zM36.4 50c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3H23.6c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3H36.4zM30 13.8c9.3 0 16.8 7.5 16.8 16.8 0 8-8.3 17.4-8.7 17.8 -0.4 0.5-1.1 0.8-1.7 0.8H23.6c-0.7 0-1.3-0.3-1.8-0.8 -0.9-1-8.6-10.4-8.6-17.7C13.2 21.4 20.7 13.8 30 13.8zM31.7 39.8h-3.4l1.7 6L31.7 39.8zM30 18.5c-6.7 0-12.2 5.5-12.2 12.2 0 4.4 4.5 10.9 6.9 13.9l0.9 0 -1.7-6.2c-0.2-0.6 0-1.2 0.3-1.7 0.4-0.5 0.9-0.8 1.5-0.8h8.5c0.6 0 1.2 0.3 1.5 0.8 0.4 0.5 0.5 1.1 0.3 1.7l-1.7 6.2 1 0c2.4-2.9 6.8-9.2 6.8-13.9C42.2 23.9 36.7 18.5 30 18.5zM6.1 18.5l4.6 1.5c1.2 0.4 1.9 1.7 1.5 2.9 -0.3 1-1.2 1.6-2.2 1.6 -0.2 0-0.5 0-0.7-0.1l-4.6-1.5c-1.2-0.4-1.9-1.7-1.5-2.9C3.5 18.8 4.8 18.1 6.1 18.5zM56.9 20c0.4 1.2-0.3 2.5-1.5 2.9l-4.6 1.5c-0.2 0.1-0.5 0.1-0.7 0.1 -1 0-1.9-0.6-2.2-1.6 -0.4-1.2 0.3-2.5 1.5-2.9l4.6-1.5C55.2 18.1 56.5 18.8 56.9 20zM49.5 6.5c0.9 0.9 0.9 2.4 0 3.3l-3.4 3.4c-0.5 0.5-1 0.7-1.6 0.7 -0.6 0-1.2-0.2-1.6-0.7 -0.9-0.9-0.9-2.4 0-3.3l3.4-3.4C47.2 5.6 48.6 5.6 49.5 6.5zM13.8 6.5l3.4 3.4c0.9 0.9 0.9 2.4 0 3.3 -0.5 0.5-1 0.7-1.6 0.7 -0.6 0-1.2-0.2-1.6-0.7l-3.4-3.4c-0.9-0.9-0.9-2.4 0-3.3C11.5 5.6 12.9 5.6 13.8 6.5zM30 0c1.3 0 2.3 1 2.3 2.3v4.8c0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3V2.3C27.7 1 28.7 0 30 0z"/></svg> </div> Capabilities </h4> <ul role="submenu"> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/goals" role="submenuitem">Conversion Tracking</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/surveys" role="submenuitem">Surveys</a> </li> </ul> </div> </div> </div> </li> <li class="cen-header__nav-item"> <button class="ce-btn cen-btn--transparent-text-black cen-header__nav-btn" aria-haspopup="true" aria-expanded="false" data-nav-dropdown="dropdownBtn" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut click->nav-dropdown#toggleClass" data-nav-dropdown-link="customers"> Customers <div class="cen-header__nav-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <div class="cen-header__nav-dropdown-list--wrapper" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut"> <ul class="cen-header__nav-dropdown-list" role="submenu"> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/case-studies" role="submenuitem">Case Studies</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/agencies" role="submenuitem">Agencies</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/ecommerce" role="submenuitem">E-Commerce</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/lead-gen" role="submenuitem">Lead Gen</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/education" role="submenuitem">Education</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link link-active" href="/shopify" role="submenuitem">Shopify</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/enterprise" role="submenuitem">Enterprise</a> </li> </ul> </div> </li> <li class="cen-header__nav-item"> <button class="ce-btn cen-btn--transparent-text-black cen-header__nav-btn" aria-haspopup="true" aria-expanded="false" data-nav-dropdown="dropdownBtn" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut click->nav-dropdown#toggleClass" data-nav-dropdown-link="resources"> Resources <div class="cen-header__nav-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <div class="cen-header__nav-dropdown-list--wrapper" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut"> <ul class="cen-header__nav-dropdown-list" role="submenu"> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link" href="/blog" alt="Resources - Blog" role="submenuitem"> Blog </a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/pricing" role="submenuitem">Pricing</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/faq" role="submenuitem">FAQ</a> </li> </ul> </div> </li> <li class="cen-header__nav-item"> <button class="ce-btn cen-btn--transparent-text-black cen-header__nav-btn" aria-haspopup="true" aria-expanded="false" data-nav-dropdown="dropdownBtn" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut click->nav-dropdown#toggleClass" data-nav-dropdown-link="company"> Company <div class="cen-header__nav-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <div class="cen-header__nav-dropdown-list--wrapper" data-action="mouseover->nav-dropdown#mouseOver mouseout->nav-dropdown#mouseOut"> <ul class="cen-header__nav-dropdown-list" role="submenu"> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/careers" role="submenuitem">Careers</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/terms" role="submenuitem">Terms of Use</a> </li> <li class="cen-header__nav-dropdown-item"> <a class="cen-header__nav-dropdown-link " href="/privacy" role="submenuitem">Privacy</a> </li> </ul> </div> </li> <li class="cen-u-gmargin-l-10"> <button data-action="click->enterprise-contact#showModal" data-target="enterprise-contact.button" class="cen-header__nav-contact-sales cen-header__nav-contact-sales--blue"> Contact Sales </button> </li> <li class="cen-u-gmargin-l-10"> <a href="/signup" class="ce-btn cen-btn--large">Sign Up</a> </li> <li class="cen-u-gmargin-l-10"> <a href="https://auth.app.crazyegg.com/login" class="ce-btn cen-btn--white--outline cen-btn--large">Log In</a> <input type="hidden" id="is_pricing" name="is_pricing" value="0" data-enterprise-contact-target="is_pricing"> </li> </ul> </nav> </section> <section class="cen-enterprise-modal__wrapper" id="enterprise_contact_modal" style="display: none;" data-enterprise-contact-target="modal" role="dialog" aria-labelledby="enterpriseDialog" > <div class="cen-enterprise-modal__modal"> <button class="cen-enterprise-modal__modal-close-btn" data-action="click->enterprise-contact#hideModal"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M58.5 1.5c2 2 2 5.2 0 7.1L37.1 30l21.4 21.4c2 2 2 5.2 0 7.1 -2 2-5.2 2-7.1 0L30 37.1 8.6 58.5c-2 2-5.2 2-7.1 0 -2-2-2-5.2 0-7.1L22.9 30 1.5 8.6c-2-2-2-5.2 0-7.1s5.2-2 7.1 0L30 22.9 51.4 1.5C53.4-0.5 56.6-0.5 58.5 1.5z"/></svg> <span class="visuallyhidden">Close modal</span> </button> <div data-enterprise-contact-target="modalForm"> <header class="ce-pop-up-modal__header"> <div class="cen-enterprise-modal__header-content cen-enterprise-modal__header-content--1-col"> <div class="cen-enterprise-modal__badges"> <img alt="G2 Leader Mid-Market Summer 2024" class="ce-image cen-enterprise-modal__badges--image" src="https://w3-assets.crazyeggcdn.com/images/svg/badge-g2-medal-2024-leader-summer-d2e4820dd07f2468051ea73228fecb2a.svg?vsn=d"> <img alt="G2 Fastest Implementation for Small Business Summer 2024" class="ce-image cen-enterprise-modal__badges--image" src="https://w3-assets.crazyeggcdn.com/images/svg/badge-g2-medal-2024-fi-smallbusiness-summer-446040ad556001f7656a4420a03486d5.svg?vsn=d"> <img alt="G2 High Performer Summer 2024" class="ce-image cen-enterprise-modal__badges--image" src="https://w3-assets.crazyeggcdn.com/images/svg/badge-g2-medal-2024-hp-summer-7092cb11a8b8a1763ea6e2a1e8009cda.svg?vsn=d"> <img alt="G2 Easiest To Use Mid-Market Summer 2024" class="ce-image cen-enterprise-modal__badges--image" src="https://w3-assets.crazyeggcdn.com/images/svg/badge-g2-medal-2024-eou-midmarket-summer-5239951a9ebe43d6a7f46e65b0ac9367.svg?vsn=d"> </div> <h3 id="enterpriseDialog" class="cen-heading-3 cen-u-gmargin-b-0 ce-u--g-margin-top-10 ce-pop-up-modal__badges--heading-1-col"> Request a personalized<br/> demo of Crazy Egg </h3> </div> </header> <section class="cen-enterprise-modal__content"> <div class="new-enterprise-contact"> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ region: "na1", portalId: "46540628", formId: "6680dde4-d88b-455f-8eab-11e49ec8429f" }); </script> </div> </section> </div> </div> </section> <div data-controller="nav-mob-solutions-dropdown"> <div id="js-cen-mobile-top__fixed-nav" class="cen-mobile-top__fixed-nav"> <button class="cen-btn cen-btn--white cen-mobile-top__btn-interaction" data-action="click->nav-mob-solutions-dropdown#showMenu" aria-haspopup="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M56.5 47.3c2 0 3.6 1.6 3.6 3.6s-1.6 3.6-3.6 3.6H3.7c-2 0-3.6-1.6-3.6-3.6s1.6-3.6 3.6-3.6H56.5zM56.5 26.4c2 0 3.6 1.6 3.6 3.6s-1.6 3.6-3.6 3.6H3.7c-2 0-3.6-1.6-3.6-3.6s1.6-3.6 3.6-3.6H56.5zM56.5 5.5c2 0 3.6 1.6 3.6 3.6s-1.6 3.6-3.6 3.6H3.7c-2 0-3.6-1.6-3.6-3.6s1.6-3.6 3.6-3.6H56.5z"/></svg> <span class="visuallyhidden" data-nav-mob-solutions-dropdown-target="menuBtn">Open menu</span> </button> </div> <div class="cen-mobile-top__content-wrapper" data-nav-mob-solutions-dropdown-target="contentWrapper"> <div class="cen-mobile-top__content-header"> <img alt="Crazy Egg" src="https://w3-assets.crazyeggcdn.com/images/svg/logo-ce-main-cda94b31713ece13f9ecfce734de2520.svg?vsn=d"> <button class="cen-mobile-top__btn-interaction" data-action="click->nav-mob-solutions-dropdown#hideMenu"> <div class="cen-mobile-top__btn-close-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M58.5 1.5c2 2 2 5.2 0 7.1L37.1 30l21.4 21.4c2 2 2 5.2 0 7.1 -2 2-5.2 2-7.1 0L30 37.1 8.6 58.5c-2 2-5.2 2-7.1 0 -2-2-2-5.2 0-7.1L22.9 30 1.5 8.6c-2-2-2-5.2 0-7.1s5.2-2 7.1 0L30 22.9 51.4 1.5C53.4-0.5 56.6-0.5 58.5 1.5z"/></svg> </div> <span class="visuallyhidden">Close menu</span> </button> </div> <ul class="cen-mobile-top__content-list"> <li class="cen-mobile-top__content-item"> <button class="cen-mobile-top__content-btn cen-mobile-top__content-btn--flex cen-mobile-top__content-btn--black" aria-haspopup="true" aria-expanded="false" data-nav-mob-solutions-dropdown-target="dropdownBtn" data-action=" click->nav-mob-solutions-dropdown#toggleClass"> Product <div class="cen-mobile-top__content-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <div class="cen-mobile-top__content-dropdown-list"> <div class="cen-mobile-top__content-dropdown-wrapper"> <h4 class="cen-mobile-top__content-dropdown-header"> <div class="cen-mobile-top__content-dropdown-header-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M0 46.9h60v7.5H0V46.9zM7.5 31.9H15v11.2H7.5V31.9zM18.8 16.9h7.5v26.2h-7.5V16.9zM30 28.1h7.5v15H30V28.1zM41.2 5.6h7.5v37.5h-7.5V5.6z"/></svg> </div> Analytics </h4> <ul role="submenu"> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/snapshots" role="submenuitem">Website Heatmaps</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/recordings" role="submenuitem">Session Recordings</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/traffic-analysis" role="submenuitem">Traffic Analysis</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/errors-tracking" role="submenuitem">Errors Tracking</a> </li> </ul> </div> <div class="cen-mobile-top__content-dropdown-wrapper"> <h4 class="cen-mobile-top__content-dropdown-header"> <div class="cen-mobile-top__content-dropdown-header-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M45.5 0.1c2.7 0 4.9 2.1 5.1 4.7l0 0.4v19.2c0 1.3-1.1 2.4-2.4 2.4 -1.2 0-2.3-0.9-2.4-2.1l0-0.3V5.3c0-0.1-0.1-0.2-0.2-0.3l-0.1 0H5.1C5 5 4.9 5.1 4.9 5.2l0 0.1v49.4c0 0.1 0.1 0.2 0.2 0.3l0.1 0h21.1c1.3 0 2.4 1.1 2.4 2.4 0 1.2-0.9 2.3-2.1 2.4l-0.3 0H5.1c-2.7 0-4.9-2.1-5.1-4.7l0-0.4V5.3c0-2.7 2.1-4.9 4.7-5.2l0.4 0H45.5zM58.6 31.2c1.4 0.8 1.8 2.6 0.9 4L45.1 58.4c-0.5 0.8-1.4 1.3-2.3 1.4 0 0-0.1 0-0.1 0 -0.9 0-1.8-0.4-2.3-1.1L33 48.8c-1-1.3-0.7-3.1 0.6-4 1.3-1 3.1-0.7 4 0.6l4.9 6.4 12.2-19.6C55.5 30.8 57.3 30.4 58.6 31.2zM23.8 37c1.2 0 2.1 1 2.1 2.1 0 1.1-0.8 2-1.8 2.1l-0.3 0h-9.1c-1.2 0-2.1-1-2.1-2.1 0-1.1 0.8-2 1.8-2.1l0.3 0H23.8zM36.1 24.8c1.2 0 2.1 1 2.1 2.1 0 1.1-0.8 2-1.8 2.1l-0.3 0H14.5c-1.2 0-2.1-1-2.1-2.1 0-1.1 0.8-2 1.8-2.1l0.3 0H36.1zM36.1 14.2c1.2 0 2.1 1 2.1 2.1 0 1.1-0.8 2-1.8 2.1l-0.3 0H14.5c-1.2 0-2.1-1-2.1-2.1 0-1.1 0.8-2 1.8-2.1l0.3 0H36.1z"/></svg> </div> Optimization </h4> <ul role="submenu"> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/ab-testing" role="submenuitem">A/B Testing</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/ctas" role="submenuitem">Popup Offers</a> </li> </ul> </div> <div class="cen-mobile-top__content-dropdown-wrapper"> <h4 class="cen-mobile-top__content-dropdown-header"> <div class="cen-mobile-top__content-dropdown-header-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M33.4 55.4c1.3 0 2.3 1 2.3 2.3 0 1.3-1 2.3-2.3 2.3h-6.8c-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.3 2.3-2.3H33.4zM36.4 50c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3H23.6c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3H36.4zM30 13.8c9.3 0 16.8 7.5 16.8 16.8 0 8-8.3 17.4-8.7 17.8 -0.4 0.5-1.1 0.8-1.7 0.8H23.6c-0.7 0-1.3-0.3-1.8-0.8 -0.9-1-8.6-10.4-8.6-17.7C13.2 21.4 20.7 13.8 30 13.8zM31.7 39.8h-3.4l1.7 6L31.7 39.8zM30 18.5c-6.7 0-12.2 5.5-12.2 12.2 0 4.4 4.5 10.9 6.9 13.9l0.9 0 -1.7-6.2c-0.2-0.6 0-1.2 0.3-1.7 0.4-0.5 0.9-0.8 1.5-0.8h8.5c0.6 0 1.2 0.3 1.5 0.8 0.4 0.5 0.5 1.1 0.3 1.7l-1.7 6.2 1 0c2.4-2.9 6.8-9.2 6.8-13.9C42.2 23.9 36.7 18.5 30 18.5zM6.1 18.5l4.6 1.5c1.2 0.4 1.9 1.7 1.5 2.9 -0.3 1-1.2 1.6-2.2 1.6 -0.2 0-0.5 0-0.7-0.1l-4.6-1.5c-1.2-0.4-1.9-1.7-1.5-2.9C3.5 18.8 4.8 18.1 6.1 18.5zM56.9 20c0.4 1.2-0.3 2.5-1.5 2.9l-4.6 1.5c-0.2 0.1-0.5 0.1-0.7 0.1 -1 0-1.9-0.6-2.2-1.6 -0.4-1.2 0.3-2.5 1.5-2.9l4.6-1.5C55.2 18.1 56.5 18.8 56.9 20zM49.5 6.5c0.9 0.9 0.9 2.4 0 3.3l-3.4 3.4c-0.5 0.5-1 0.7-1.6 0.7 -0.6 0-1.2-0.2-1.6-0.7 -0.9-0.9-0.9-2.4 0-3.3l3.4-3.4C47.2 5.6 48.6 5.6 49.5 6.5zM13.8 6.5l3.4 3.4c0.9 0.9 0.9 2.4 0 3.3 -0.5 0.5-1 0.7-1.6 0.7 -0.6 0-1.2-0.2-1.6-0.7l-3.4-3.4c-0.9-0.9-0.9-2.4 0-3.3C11.5 5.6 12.9 5.6 13.8 6.5zM30 0c1.3 0 2.3 1 2.3 2.3v4.8c0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3V2.3C27.7 1 28.7 0 30 0z"/></svg> </div> Capabilities </h4> <ul role="submenu"> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/goals" role="submenuitem">Conversion Tracking</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/surveys" role="submenuitem">Surveys</a> </li> </ul> </div> </div> </li> <li class="cen-mobile-top__content-item"> <button class="cen-mobile-top__content-btn cen-mobile-top__content-btn--flex cen-mobile-top__content-btn--black" aria-haspopup="true" aria-expanded="false" data-nav-mob-solutions-dropdown-target="dropdownBtn" data-action=" click->nav-mob-solutions-dropdown#toggleClass"> Customers <div class="cen-mobile-top__content-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <ul class="cen-mobile-top__content-dropdown-list" role="submenu"> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/case-studies" role="submenuitem">Case Studies</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/agencies" role="submenuitem">Agencies</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/ecommerce" role="submenuitem">E-Commerce</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/lead-gen" role="submenuitem">Lead Gen</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/education" role="submenuitem">Education</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link link-active" href="/shopify" role="submenuitem">Shopify</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/enterprise" role="submenuitem">Enterprise</a> </li> </ul> </li> <li class="cen-mobile-top__content-item"> <button class="cen-mobile-top__content-btn cen-mobile-top__content-btn--flex cen-mobile-top__content-btn--black" aria-haspopup="true" aria-expanded="false" data-nav-mob-solutions-dropdown-target="dropdownBtn" data-action=" click->nav-mob-solutions-dropdown#toggleClass"> Resources <div class="cen-mobile-top__content-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <ul class="cen-mobile-top__content-dropdown-list" role="submenu"> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link" href="/blog" alt="Resources - Blog" role="submenuitem"> Blog </a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/pricing" role="submenuitem">Pricing</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/faq" role="submenuitem">FAQ</a> </li> </ul> </li> <li class="cen-mobile-top__content-item"> <button class="cen-mobile-top__content-btn cen-mobile-top__content-btn--flex cen-mobile-top__content-btn--black" aria-haspopup="true" aria-expanded="false" data-nav-mob-solutions-dropdown-target="dropdownBtn" data-action=" click->nav-mob-solutions-dropdown#toggleClass"> Company <div class="cen-mobile-top__content-btn--icon-right"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" role="presentation" aria-hidden="true" > <path d="M58.5 45.9c-2.1 2.1-5.2 2.6-8.2 0L30.1 26.3 10 45.4c-2.6 2.6-5.7 2.1-8.2 0s-2.1-6.2 0-8.2S26 13.9 26 13.9c1-1 2.6-1.5 4.1-1.5 1.5 0 3.1.5 4.1 1.5 0 0 22.2 21.1 24.2 23.2 2.1 2.6 2.1 6.2.1 8.8z" ></path> </svg> </div> </button> <ul class="cen-mobile-top__content-dropdown-list" role="submenu"> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/careers" role="submenuitem">Careers</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/terms" role="submenuitem">Terms of Use</a> </li> <li class="cen-mobile-top__content-dropdown-item"> <a class="cen-mobile-top__content-dropdown-link " href="/privacy" role="submenuitem">Privacy</a> </li> </ul> </li> <li class="cen-mobile-top__content-item cen-mobile-top__content-item--no-border cen-u-gtext-center cen-u-gmargin-t-50"> <button data-action="click->enterprise-contact#showModal" data-target="enterprise-contact.button" class="ce-btn cen-mobile-top__btn"> Contact Sales </button> </li> <li class="cen-mobile-top__content-item cen-mobile-top__content-item--no-border cen-u-gtext-center"> <a href="https://auth.app.crazyegg.com/login" class="cen-mobile-top__content-btn cen-mobile-top__content-btn--blue">Log In</a> <input type="hidden" id="is_pricing" name="is_pricing" value="0"> </li> </ul> </div> </div> </header> <main role="main"> <section class="cen-row--hero-wrapper cen-u-bg-gradient--white_0a"> <div class="cen-row"> <div class="cen-col__hero-left"> <h1 class="cen-heading-0 cen-u-gtext-left">Shopify +<br class="cen-u-m-only"> Crazy Egg</h1> <p class="cen-text cen-text--subtitle cen-text--large cen-u-gtext-left">Connect your Shopify store to Crazy Egg and build a better website experience quickly and easily.</p> <a href="https://integrations.crazyegg.com" class="cen-btn cen-btn--hero-gradient-blue cen-btn--overlay-hover" alt="Connect Crazy Egg with your Shopify Store">Connect Your Store</a> </div> <div class="cen-col__hero-right" role="presentation"> <div class="cen-col__hero-img cen-col__hero-img--shopify"> <img alt="" class="cen-image" height="426" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/png/image-shopify-hero-ba3b878b423b0256264795add9a023ca.png?vsn=d" width="594"> </div> </div> </div> </section> <section class="cen-row"> <div class="cen-col__one-center cen-col__one-center--no-pd-t"> <div class="cen-video__youtube"> <iframe width="640" height="360" src="https://www.youtube.com/embed/hz133T3JQgE?si=XwwlXy7vbZqa_TQ1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="aspect-ratio: 16 / 9; width: 100% !important;"></iframe> </div> </div> </section> <section class="cen-u-gborder-t-1"> <div class="cen-row"> <div class="cen-col__one-center"> <h2 class="cen-heading-1">Three Easy Steps</h2> </div> </div> </section> <section class="cen-row cen-row--responsive cen-u-gmargin-b-125"> <div class="cen-col__two-sp cen-col__two-sp--w-img cen-col__two-sp--w-img-no-overflow" role="presentation" data-controller="shopify-page"> <div class="cen-shopify__report-ani" data-shopify-page-target="container"> <img alt="" class="cen-image cen-u-gopacity-0" height="340" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/png/image-shopify-recordings-c75622af06b7bf34a1bae4e09f709614.png?vsn=d" width="584"> <div class="cen-shopify__report-ani__item" data-shopify-page-target="slide"> <img alt="" class="cen-image cen-shopify__report-ani__image" height="340" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/jpg/image-shopify-heatmap-0b2fdd976656f3238dcc00b9a96d1d75.jpg?vsn=d" width="584"> <p class="cen-shopify__report-ani__text">Heatmap report</p> </div> <div class="cen-shopify__report-ani__item" data-shopify-page-target="slide"> <img alt="" class="cen-image cen-shopify__report-ani__image" height="340" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/jpg/image-shopify-scrollmap-5da5fe97bce58868cb6c763af09c0245.jpg?vsn=d" width="584"> <p class="cen-shopify__report-ani__text">Scrollmap report</p> </div> <div class="cen-shopify__report-ani__item" data-shopify-page-target="slide"> <img alt="" class="cen-image cen-shopify__report-ani__image" height="340" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/jpg/image-shopify-confetti-09450ebe01a2c0c4c5afe6acea3a83b9.jpg?vsn=d" width="584"> <p class="cen-shopify__report-ani__text">Confetti report</p> </div> <div class="cen-shopify__report-ani__item" data-shopify-page-target="slide"> <img alt="" class="cen-image cen-shopify__report-ani__image" height="340" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/jpg/image-shopify-overlay-6c3ed8c224b6c8b0e8463635618cfb06.jpg?vsn=d" width="584"> <p class="cen-shopify__report-ani__text">Overlay report</p> </div> <div class="cen-shopify__report-ani__item" data-shopify-page-target="slide"> <img alt="" class="cen-image cen-shopify__report-ani__image" height="340" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/jpg/image-shopify-list-543550b9903085471b6e3e8230a6bb1b.jpg?vsn=d" width="584"> <p class="cen-shopify__report-ani__text">List report</p> </div> </div> </div> <div class="cen-col__two-sp cen-col__two-sp--w-text cen-shopify__col-top"> <div class="cen-circle cen-circle--pink"> <h3 class="cen-circle-text">1</h3> </div> <p class="cen-text cen-text--landing-text cen-text--landing-text--xtr-size">Start by running Crazy Egg's five visual Snapshot reports to understand user behavior in your Shopify store.</p> <a class="cen-link cen-link--self" href="/snapshots" target="_blank" alt="Learn more about Crazy Egg Snapshots">Learn more <span class="cen-chevron__link" role="presentation"></span></a> </div> </section> <section class="cen-row cen-row--reverse cen-u-gmargin-b-100"> <div class="cen-col__two-sp cen-col__two-sp--w-text"> <div class="cen-circle cen-circle--pink"> <h3 class="cen-circle-text">2</h3> </div> <p class="cen-text cen-text--landing-text cen-text--landing-text--xtr-size">Watch actual visitors navigating through your Shopify store with our Recordings feature.</p> <a class="cen-link cen-link--self" href="/recordings" target="_blank" alt="Learn more about Crazy Egg Recordings">Learn more <span class="cen-chevron__link" role="presentation"></span></a> </div> <div class="cen-col__two-sp cen-col__two-sp--w-img" role="presentation"> <img alt="Easily Create A/B Test Goals and Conversions" class="cen-image" height="340" src="https://w3-assets.crazyeggcdn.com/images/png/image-shopify-recordings-c75622af06b7bf34a1bae4e09f709614.png?vsn=d" width="584"> </div> </section> <section class="cen-row cen-row--responsive cen-u-gmargin-b-100"> <div class="cen-col__two-sp cen-col__two-sp--w-img" role="presentation"> <img alt="Winning A/B Testing Versions Launch Automaticall" class="cen-image" height="357" src="https://w3-assets.crazyeggcdn.com/images/png/image-shopify-ab-testing-9ce43b37caf13bb86c6b345b3624e20c.png?vsn=d" width="584"> </div> <div class="cen-col__two-sp cen-col__two-sp--w-text"> <div class="cen-circle cen-circle--pink"> <h3 class="cen-circle-text">3</h3> </div> <p class="cen-text cen-text--landing-text cen-text--landing-text--xtr-size">Use Crazy Egg鈥檚 A/B testing tool to experiment with changes to your Shopify store and discover what new design elements get you the most purchases.</p> <a class="cen-link cen-link--self" href="/ab-testing" target="_blank" alt="Learn more about Crazy Egg A/B testing">Learn more <span class="cen-chevron__link" role="presentation"></span></a> </div> </section> <section class="cen-footer__block-hero"> <div class="cen-row"> <div class="cen-col__block-center"> <h2 class="cen-heading-2">The Benefits of Connecting Your Shopify Store to Crazy Egg</h2> <p class="cen-text cen-text--large">Once you鈥檝e got the two accounts connected, you can:</p> </div> <ul class="cen-list-3-feats cen-list-3-feats--shopify"> <li class="cen-list-3-feats__item cen-list-3-feats__item--xtr-p cen-u-bg-solid__white"> <div class="cen-list-3-feats__image" role="presentation"> <img alt="" class="cen-image" height="90" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/svg/illustration-shopify-bag-9b08ab8bfa080f3e866cc2ae9e8ba418.svg?vsn=d" width="90"> </div> <p class="cen-text cen-list-3-feats__text">Access Crazy Egg from your Shopify dashboard - no separate login necessary</p> </li> <li class="cen-list-3-feats__item cen-list-3-feats__item--xtr-p cen-u-bg-solid__white"> <div class="cen-list-3-feats__image"> <img alt="" class="cen-image" height="90" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/svg/illustration-shopify-button-0621fdbeee37981cafb7a6d479284039.svg?vsn=d" width="90"> </div> <p class="cen-text cen-list-3-feats__text">Use our Marketing Activities shortcuts in Shopify</p> </li> <li class="cen-list-3-feats__item cen-list-3-feats__item--xtr-p cen-u-bg-solid__white"> <div class="cen-list-3-feats__image"> <img alt="" class="cen-image" height="90" role="presentation" src="https://w3-assets.crazyeggcdn.com/images/svg/illustration-shopify-paper-plane-6011197345f305ccc1ac8d80e1d0fe5a.svg?vsn=d" width="90"> </div> <p class="cen-text cen-list-3-feats__text">Change or upgrade your Crazy Egg subscription</p> </li> </ul> </div> </section> <section class="cen-footer__block-offset"> <div class="cen-row"> <div class="cen-cards cen-cards__center cen-u-gcenter cen-u-bg-gradient--purple_0a"> <h2 class="cen-heading-2 cen-heading-1--white">Turn your Shopify store visitors into customers.</h2> <a class="cen-btn cen-btn--white-footer" href="https://integrations.crazyegg.com" alt="Connect Crazy Egg with your Shopify Store">Connect Your Store</a> </div> </div> </section> </main> <footer class="cen-footer" data-controller="footer-b"> <section class="cen-row cen-footer__row"> <div class="cen-footer__logo-container cen-u-gmargin-b-50"> <div class="cen-logo cen-logo--footer" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 47"><path d="M90 12.2C90 5.5 83.8 0 80.9 0c-3 0-9.1 5.5-9.1 12.2 0 3.3 1 6.2 2.5 8.4 0.5 1.1 1.3 2.3 2.2 3.5 1 1.4 2 2.8 2.6 4.2 -0.5 0.2-0.9 0.6-1.1 1.1 0.5 0.1 1 0.2 1.6 0.3 1.5 0.2 2.9 0.1 3.7-0.2 -0.5 0.4-2 0.6-3.7 0.5 -0.6 0-1.2-0.1-1.7-0.2 0 0.1 0 0.2 0 0.3v2.5c0 1.1 0.9 1.4 2 1.4h2.8c1.1 0 2-0.3 2-1.4v-2.5c0-1-0.7-1.7-1.6-1.9 0.4-0.8 0.8-1.6 1.2-2.4l0.4-0.8 0.3-0.6c0.2-0.4 0.6-1.2 1-1.9l0 0C88.3 20.4 90 16.6 90 12.2L90 12.2zM84.3 24.2L84 24.8l-0.4 0.8c-0.4 0.9-0.9 1.7-1.3 2.6H81v-3.7h-0.6v3.7h-1c-0.6-1.4-1.6-2.9-2.6-4.4 -0.3-0.4-0.5-0.8-0.8-1.1 1.4 1.1 3 1.8 4.8 1.8 1.4 0 2.8-0.4 3.9-1.2C84.6 23.5 84.5 23.8 84.3 24.2L84.3 24.2zM84.2 23.2c0 0 2.8-3.1 3.7-7.5 -1.1 1.3-2.9 2.1-5 2.1 -3.3 0-6-2.1-6-4.7s2.7-4.7 6-4.7c2.1 0 3.9 0.8 5 2.1 -1.7-7.2-9.6-9-9.6-9s0.5-0.6 1.5-0.9c0.9-0.2 1.3-0.2 1.9 0 0.7 0.2 7.6 4 7.6 11.4C89.3 19.3 84.2 23.2 84.2 23.2zM5 32.5c1.3 0 3.5 0.4 3.5 1.9 0 0.8-0.5 1.4-1.2 1.4 -0.8 0-1-0.5-2.1-0.5 -1.5 0-2.2 1.1-2.2 2.5 0 1.3 0.7 2.5 2 2.5s1.8-0.5 2.3-0.5c0.7 0 1.2 0.7 1.2 1.3 0 1.5-2.3 2-3.5 2 -3 0-5-2.4-5-5.3C0 34.9 2 32.5 5 32.5zM9.1 34.3c0-0.8 0.6-1.5 1.5-1.5 0.8 0 1.3 0.5 1.5 0.9 0.5-0.6 1.2-1.1 2-1.1s1.5 0.6 1.5 1.5c0 1-0.8 1.3-1.8 1.6 -1.3 0.4-1.7 0.7-1.7 2.2v3.6c0 0.9-0.6 1.5-1.5 1.5s-1.5-0.7-1.5-1.5V34.3zM25.2 41.4c0 0.9-0.6 1.5-1.5 1.5 -0.7 0-1.2-0.5-1.4-0.9 -0.6 0.8-1.4 1.1-2.5 1.1 -2.6 0-4.5-2.3-4.5-5.3 0-2.9 2-5.3 4.5-5.3 1.1 0 1.9 0.3 2.5 1.1 0.2-0.4 0.7-0.9 1.4-0.9 0.9 0 1.5 0.7 1.5 1.5C25.2 34.3 25.2 41.4 25.2 41.4zM18.3 37.8c0 1.3 0.7 2.5 2 2.5s2-1.1 2-2.5c0-1.3-0.7-2.5-2-2.5C19 35.4 18.3 36.5 18.3 37.8zM30 35.6h-2.6c-0.9 0-1.5-0.4-1.5-1.3s0.6-1.3 1.5-1.3H33c0.5 0 0.8 0.1 1.1 0.4 0.2 0.2 0.2 0.4 0.2 0.7s-0.1 0.5-0.4 0.9l-4 5.4H33c0.9 0 1.5 0.4 1.5 1.3S33.9 43 33 43h-5.9c-0.5 0-0.7 0-1-0.2 -0.4-0.2-0.4-0.6-0.4-0.8s0-0.5 0.5-1.1L30 35.6zM37.7 41.9L35.2 36c-0.3-0.8-0.6-1.5-0.6-1.8 0-0.8 0.7-1.4 1.4-1.4s1.2 0.4 1.5 1.1l1.7 4.4 1.6-4c0.4-0.9 0.8-1.6 1.6-1.6 0.9 0 1.5 0.6 1.5 1.5 0 0.4-0.2 0.9-0.4 1.3l-4.3 10.1C39 46.4 38.7 47 37.7 47c-1.1 0-1.5-0.8-1.5-1.3s0.2-0.8 0.5-1.6C36.7 44.1 37.7 41.9 37.7 41.9zM47.5 38.8c0 0.6 0.5 1.6 2.4 1.6 1.5 0 2.4-0.9 3-0.9 0.7 0 1.2 0.5 1.2 1.3 0 1.4-2.4 2.3-4.6 2.3 -3.2 0-5.1-2.3-5.1-5.3 0-2.8 2.1-5.3 5.2-5.3 2.9 0 4.8 2.4 4.8 5 0 1.1-0.5 1.3-1.4 1.3h-5.3L47.5 38.8zM51.3 36.8c0-0.6-0.8-1.8-1.9-1.8 -1.1 0-1.9 1.1-1.9 1.8H51.3zM64.7 41.9c0 3.7-2.4 5.1-5.3 5.1 -1.5 0-4.4-0.6-4.4-2.2 0-0.6 0.7-1.3 1.2-1.3 0.9 0 1.4 0.9 3.1 0.9 1.8 0 2.4-1 2.4-2.6l0 0c-0.6 0.9-1.7 1.1-2.7 1.1 -2.8 0-4.3-2.5-4.3-5.1 0-2.9 2-5.3 4.5-5.3 1.1 0 1.9 0.3 2.5 1.1 0.2-0.4 0.7-0.9 1.4-0.9 0.9 0 1.5 0.7 1.5 1.5L64.7 41.9 64.7 41.9zM59.7 35.4c-1.3 0-2 1.1-2 2.5s0.7 2.5 2 2.5 2-1.1 2-2.5S61 35.4 59.7 35.4zM75.5 41.9c0 3.7-2.4 5.1-5.3 5.1 -1.5 0-4.4-0.6-4.4-2.2 0-0.6 0.7-1.3 1.2-1.3 0.9 0 1.4 0.9 3.1 0.9 1.8 0 2.4-1 2.4-2.6l0 0c-0.6 0.9-1.7 1.1-2.7 1.1 -2.8 0-4.3-2.5-4.3-5.1 0-2.9 2-5.3 4.5-5.3 1.1 0 1.9 0.3 2.5 1.1 0.2-0.4 0.7-0.9 1.4-0.9 0.9 0 1.5 0.7 1.5 1.5L75.5 41.9 75.5 41.9zM70.5 35.4c-1.3 0-2 1.1-2 2.5s0.7 2.5 2 2.5 2-1.1 2-2.5C72.6 36.5 71.8 35.4 70.5 35.4z"/><path class="st0" d="M85.1 11.9c-0.5 0-1-0.3-1.7-0.3 -1.2 0-1.8 0.7-1.8 1.5 0 0.7 0.7 1.5 1.8 1.5 0.5 0 1.3-0.3 1.6-0.3 0.5 0 0.9 0.3 0.9 0.6 0 0.7-1.8 1-2.6 1 -2.3 0-3.8-1.2-3.8-2.7 0-1.4 1.6-2.7 3.9-2.7 0.9 0 2.6 0.2 2.6 0.9C85.9 11.6 85.5 11.9 85.1 11.9z"/><path class="st0" d="M77.8 42.1h-0.3c-0.1 0-0.2-0.1-0.2-0.2 0-0.1 0.1-0.2 0.2-0.2h1c0.1 0 0.2 0.1 0.2 0.2 0 0.1 0 0.2-0.2 0.2h-0.3v1.4c0 0.1-0.1 0.2-0.2 0.2s-0.2-0.1-0.2-0.2V42.1L77.8 42.1zM78.9 42c0-0.1 0.1-0.2 0.3-0.2 0.1 0 0.2 0.1 0.3 0.2l0.3 1.1 0.3-1.1c0-0.1 0.1-0.2 0.3-0.2 0.2 0 0.2 0.1 0.3 0.2l0.2 1.6 0 0c0 0.1-0.1 0.2-0.2 0.2s-0.2-0.1-0.2-0.2l-0.2-1.1L80 43.7c0 0.1-0.1 0.2-0.2 0.2 -0.2 0-0.2-0.1-0.2-0.2l-0.3-1.2 -0.2 1.1c0 0.1-0.1 0.2-0.2 0.2s-0.2-0.1-0.2-0.2l0 0L78.9 42z"/></svg> </div> <p class="cen-text">Make the most of every visitor</p> </div> <nav class="cen-footer__nav-wrapper" role="navigation"> <ul class="cen-footer__nav cen-u-gmargin-b-30" > <li class="cen-footer__nav-item" > <span id="title-features" class="cen-heading-4 cen-footer__heading aria-focus" aria-controls="info-features" aria-expanded="false" tabindex="0" tab-index="0" data-action="click->footer-b#handleAria" data-footer-b-target="heading">Features<span class="cen-chevron__footer" aria-hidden="true"></span></span> <ul id="info-features" class="cen-footer__subnav" aria-labelledby="title-features" aria-live="polite" aria-hidden="true"> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/overview"><span class="visuallyhidden">Opens in new window</span>Overview</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/snapshots"><span class="visuallyhidden">Opens in new window</span>Snapshots</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/recordings"><span class="visuallyhidden">Opens in new window</span>Recordings</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/ab-testing"><span class="visuallyhidden">Opens in new window</span>A/B Testing</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/traffic-analysis"><span class="visuallyhidden">Opens in new window</span>Traffic Analysis</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/errors-tracking"><span class="visuallyhidden">Opens in new window</span>Errors Tracking</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/surveys"><span class="visuallyhidden">Opens in new window</span>Surveys</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/goals"><span class="visuallyhidden">Opens in new window</span>Goals</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/ctas"><span class="visuallyhidden">Opens in new window</span>CTAs</a> </li> </ul> </li> <li class="cen-footer__nav-item" > <span id="title-ce-for" class="cen-heading-4 cen-footer__heading aria-focus" aria-controls="info-ce-for" aria-expanded="false" tabindex="0" tab-index="0" data-action="click->footer-b#handleAria" data-footer-b-target="heading">Crazy Egg For<span class="cen-chevron__footer" aria-hidden="true"></span></span> <ul id="info-ce-for" class="cen-footer__subnav" aria-labelledby="title-ce-for" aria-live="polite" aria-hidden="true"> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/agencies"><span class="visuallyhidden">Opens in new window</span>Agencies</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/ecommerce"><span class="visuallyhidden">Opens in new window</span>E-Commerce</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/lead-gen"><span class="visuallyhidden">Opens in new window</span>Lead Gen</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/education"><span class="visuallyhidden">Opens in new window</span>Education</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/shopify"><span class="visuallyhidden">Opens in new window</span>Shopify</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/enterprise"><span class="visuallyhidden">Opens in new window</span>Enterprise</a> </li> </ul> </li> <li class="cen-footer__nav-item" > <span id="title-resources" class="cen-heading-4 cen-footer__heading aria-focus" aria-controls="info-resources" aria-expanded="false" tabindex="0" tab-index="0" data-action="click->footer-b#handleAria" data-footer-b-target="heading">Resources<span class="cen-chevron__footer" aria-hidden="true"></span></span> <ul id="info-resources" class="cen-footer__subnav" aria-labelledby="title-resources" aria-live="polite" aria-hidden="true"> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/case-studies"><span class="visuallyhidden">Opens in new window</span>Case Studies</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/faq"><span class="visuallyhidden">Opens in new window</span>FAQ</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="https://support.crazyegg.com"><span class="visuallyhidden">Opens in new window</span>Help Center</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="https://support.crazyegg.com/hc/en-us/requests/new"><span class="visuallyhidden">Opens in new window</span>Contact Us</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/blog"><span class="visuallyhidden">Opens in new window</span>Blog</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/signup"><span class="visuallyhidden">Opens in new window</span>Free Trial</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/careers"><span class="visuallyhidden">Opens in new window</span>Careers</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/pricing"><span class="visuallyhidden">Opens in new window</span>Pricing</a> </li> </ul> </li> <li class="cen-footer__nav-item" > <span id="title-legal" class="cen-heading-4 cen-footer__heading aria-focus" aria-controls="info-legal" aria-expanded="false" tabindex="0" tab-index="0" data-action="click->footer-b#handleAria" data-footer-b-target="heading">Legal<span class="cen-chevron__footer" aria-hidden="true"></span></span> <ul id="info-legal" class="cen-footer__subnav" aria-labelledby="title-legal" aria-live="polite" aria-hidden="true"> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/terms"><span class="visuallyhidden">Opens in new window</span>Terms of Use</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/privacy"><span class="visuallyhidden">Opens in new window</span>Privacy Policy</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/cookies"><span class="visuallyhidden">Opens in new window</span>Cookie Policy</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="/opt-out"><span class="visuallyhidden">Opens in new window</span>Opt-out</a> </li> </ul> </li> <li class="cen-footer__nav-item" > <span id="title-social" class="cen-heading-4 cen-footer__heading aria-focus" aria-controls="info-social" aria-expanded="false" tabindex="0" tab-index="0" data-action="click->footer-b#handleAria" data-footer-b-target="heading">Social<span class="cen-chevron__footer" aria-hidden="true"></span></span> <ul id="info-social" class="cen-footer__subnav" aria-labelledby="title-social" aria-live="polite" aria-hidden="true"> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="https://www.facebook.com/crazyegganalytics"><span class="visuallyhidden">Opens in new window</span>Facebook</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="https://www.youtube.com/channel/UCJNe_xmPi07YezxaqfoRVqg"><span class="visuallyhidden">Opens in new window</span>Youtube</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="https://twitter.com/CrazyEgg"><span class="visuallyhidden">Opens in new window</span>Twitter</a> </li> <li class="cen-footer__subnav-item"> <a class="cen-link cen-link--footer" href="https://www.linkedin.com/company/crazy-egg"><span class="visuallyhidden">Opens in new window</span>LinkedIn</a> </li> </ul> </li> </ul> </nav> <p class="cen-text cen-footer__copy">© Crazy Egg, Inc. 2024</p> </section> </footer> <div data-controller="island-footer"> <div class="cen-island__footer" data-island-footer-target="island"> <div class="cen-island__footer--text-container"> <p class="cen-island__footer--header">Improve what's working, fix what isn't and test new ideas.</p> <p class="cen-island__footer--para">Start your 30-day FREE trial • Cancel anytime</p> </div> <form action="/" class="cen-island__footer--form" method="post" onsubmit="handleTag()"><input name="_csrf_token" type="hidden" hidden value="OjUnORUXMWo4CTMUGzQxf3sJLgQDID8WSDxVJR_ZSBba-vbL9lDpFLWO"> <label class="visuallyhidden" for="form_island_footer">Enter your website url to get started</label> <input class="cen-island__footer--form-input" id="form_island_footer" name="url" placeholder="Your website URL" type="text"> <button class="cen-island__footer--form-button" type="submit"> Get Started </button> </form> </div> </div> <script> function handleTag() { if (window.CE2) { CE2.addTag("fixed_footer_form"); } } </script> <section class="gdpr-cookie-modal__wrapper gdpr-cookie-modal hidden" data-behavior="gdpr-form" data-controller="gdpr-form" data-gdpr-form-target="container"> <button id="gdpr_dismiss" class="ce-pop-up-modal__modal-close-btn gdpr-cookie-modal__closeButton" data-action="gdpr-form#closeModal"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" focusable="false"><path d="M58.5 1.5c2 2 2 5.2 0 7.1L37.1 30l21.4 21.4c2 2 2 5.2 0 7.1 -2 2-5.2 2-7.1 0L30 37.1 8.6 58.5c-2 2-5.2 2-7.1 0 -2-2-2-5.2 0-7.1L22.9 30 1.5 8.6c-2-2-2-5.2 0-7.1s5.2-2 7.1 0L30 22.9 51.4 1.5C53.4-0.5 56.6-0.5 58.5 1.5z"/></svg> <span class="visuallyhidden">close modal</span> </button> <button id="gdpr_show" class="hidden" data-action="gdpr-form#showModal"></button> <div class="gdpr-cookie-modal__modal"> <section class="gdpr-cookie-modal__content" data-gdpr-form-target="basicContent"> <h2 class="gdpr-cookie-modal__title ce-heading-5"> This website uses cookies </h2> <p>We use cookies to provide a tailored experience on Crazy Egg.</p> </section> <section class="gdpr-cookie-modal__content hidden" data-gdpr-form-target="advancedContent"> <h2 class="gdpr-cookie-modal__title ce-heading-5"> Customize your cookies </h2> <p>We use cookies to provide a tailored experience on Crazy Egg.</p> </section> <form action="/gdpr" data-gdpr-form-target="form" data-remote method="post"><input name="_csrf_token" type="hidden" hidden value="OjUnORUXMWo4CTMUGzQxf3sJLgQDID8WSDxVJR_ZSBba-vbL9lDpFLWO"> <div data-gdpr-form-target="preferencesForm" class="hidden gdpr-cookie-modal__customizePreferences"> <div class="gdpr-cookie-modal__customSection"> <div class="gdpr-cookie-modal__customSectionRow"> <h3 class="ce-heading-5">Essential cookies</h3> <div class="gdpr-cookie-modal__consentAction"> <label class="toggle-switch"> <input id="essential" name="essential" type="hidden" value="true"> <input disabled name="essential" type="hidden" value="false"><input checked disabled id="essential" name="essential" type="checkbox" value="true"> <span class="slider round"></span> <span class="visuallyhidden">toggle marketing cookie consent</span> </label> </div> </div> <p> Cookies that are essential to the use and operation of our website and services. </p> </div> <div class="gdpr-cookie-modal__customSection"> <div class="gdpr-cookie-modal__customSectionRow"> <h3 class="ce-heading-5">Marketing and advertising</h3> <div class="gdpr-cookie-modal__consentAction"> <label class="toggle-switch"> <input name="marketing" type="hidden" value="false"><input checked data-gdpr-form-target="checkbox" id="marketing" name="marketing" type="checkbox" value="true"> <span class="slider round"></span> <span class="visuallyhidden">toggle marketing cookie consent</span> </label> </div> </div> <p> Cookies that are used by Crazy Egg to better understand the types of individuals who are interested in our products and services and how we can promote those services based on that information. </p> </div> <div class="gdpr-cookie-modal__customSection"> <div class="gdpr-cookie-modal__customSectionRow"> <h3 class="ce-heading-5">Analytics</h3> <div class="gdpr-cookie-modal__consentAction"> <label class="toggle-switch"> <input name="analytics" type="hidden" value="false"><input checked data-gdpr-form-target="checkbox" id="analytics" name="analytics" type="checkbox" value="true"> <span class="slider round"></span> <span class="visuallyhidden">toggle analytics cookie consent</span> </label> </div> </div> <p> Cookies that help us understand how visitors engage with our website, such as usage statistics, or to reconstruct viewed UI elements in order to improve our services. </p> </div> </div> <div class="gdpr-cookie-modal__actionSection"> <div class="gdpr-cookie-modal__buttonRow"> <button type="button" class="ce-btn gdpr-cookie-modal__acceptbutton" data-gdpr-form-target="acceptAllButton" data-action="gdpr-form#acceptAll"> Accept cookies </button> <button type="button" class="ce-btn gdpr-cookie-modal__editButton" data-gdpr-form-target="editButton" data-action="gdpr-form#togglePreferences"> Edit cookies </button> <button class="hidden ce-btn gdpr-cookie-modal__acceptbutton" data-gdpr-form-target="savePreferencesButton" data-action="gdpr-form#savePreferences" type="submit">Save preferences</button> <button type="button" class="hidden gdpr-cookie-modal__cancelButton" data-gdpr-form-target="cancelButton" data-action="gdpr-form#togglePreferences"> Cancel </button> </div> <div class="gdpr-cookie-modal__policyRow"> <a class="ce-link" href="/opt-out" target="_blank"> Opt out </a> <a class="ce-link" href="/privacy" target="_blank">Privacy policy</a> <a class="ce-link" href="/cookies" target="_blank">Cookie policy</a> </div> </div> </form> </div> </section> </body> </html>