1<!DOCTYPE html> 2<html lang="en-GB"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="google-site-verification" content="Vm0kMd1CWNAvzosm8JuCeXS_wNFwfU4QFKFM6e9jTOo" /> 6<meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="pingback" href="/xmlrpc.php" /> 7 <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet"> 8
8<script src="https://use.fontawesome.com/71c8c0a247.js"></script>
8 9 10
10<script type="text/javascript"> 11 document.documentElement.className = 'js'; 12 </script>
12 13 14 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 15<link rel="alternate" href="/form-analytics/" hreflang="en" /> 16<link rel="alternate" href="/nl/formulier-analytics/" hreflang="nl" /> 17<link rel="alternate" href="/de/formularanalyse/" hreflang="de" /> 18<link rel="alternate" href="/fr/analyse-des-formulaires-web/" hreflang="fr" /> 19 20 <!-- This site is optimized with the Yoast SEO plugin v28.1 - https://yoast.com/product/yoast-seo-wordpress/ --> 21 <title>Form analytics to optimize your online forms - EXATOM</title> 22 <meta name="description" content="Exatom Form Analytics tracks every visitor interaction inside your web forms. Find where users drop off, hesitate and fail to submit." /> 23 <link rel="canonical" href="/form-analytics/" /> 24 <meta property="og:locale" content="en_GB" /> 25 <meta property="og:locale:alternate" content="nl_NL" /> 26 <meta property="og:locale:alternate" content="de_DE" /> 27 <meta property="og:locale:alternate" content="fr_FR" /> 28 <meta property="og:type" content="article" /> 29 <meta property="og:title" content="Form analytics to optimize your online forms - EXATOM" /> 30 <meta property="og:description" content="Exatom Form Analytics tracks every visitor interaction inside your web forms. Find where users drop off, hesitate and fail to submit." /> 31 <meta property="og:url" content="/form-analytics/" /> 32 <meta property="og:site_name" content="EXATOM" /> 33 <meta property="article:modified_time" content="2026-04-12T15:38:49+00:00" /> 34 <meta property="og:image" content="/wp-content/uploads/2024/03/form-engagement-metrics.png" /> 35 <meta name="twitter:card" content="summary_large_image" /> 36 <meta name="twitter:label1" content="Estimated reading time" /> 37 <meta name="twitter:data1" content="10 minutes" /> 38
38<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/exatom.io\/form-analytics\/","url":"https:\/\/exatom.io\/form-analytics\/","name":"Form analytics to optimize your online forms - EXATOM","isPartOf":{"@id":"https:\/\/exatom.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/exatom.io\/form-analytics\/#primaryimage"},"image":{"@id":"https:\/\/exatom.io\/form-analytics\/#primaryimage"},"thumbnailUrl":"https:\/\/exatom.io\/wp-content\/uploads\/2024\/03\/form-engagement-metrics.png","datePublished":"2021-03-02T11:18:32+00:00","dateModified":"2026-04-12T15:38:49+00:00","description":"Exatom Form Analytics tracks every visitor interaction inside your web forms. Find where users drop off, hesitate and fail to submit.","breadcrumb":{"@id":"https:\/\/exatom.io\/form-analytics\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/exatom.io\/form-analytics\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/exatom.io\/form-analytics\/#primaryimage","url":"https:\/\/exatom.io\/wp-content\/uploads\/2024\/03\/form-engagement-metrics.png","contentUrl":"https:\/\/exatom.io\/wp-content\/uploads\/2024\/03\/form-engagement-metrics.png","width":2453,"height":1973,"caption":"Form analytics insights reports"},{"@type":"BreadcrumbList","@id":"https:\/\/exatom.io\/form-analytics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/exatom.io\/"},{"@type":"ListItem","position":2,"name":"Form analytics"}]},{"@type":"WebSite","@id":"https:\/\/exatom.io\/#website","url":"https:\/\/exatom.io\/","name":"EXATOM","description":"We make your forms perform better","publisher":{"@id":"https:\/\/exatom.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/exatom.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/exatom.io\/#organization","name":"EXATOM","url":"https:\/\/exatom.io\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/exatom.io\/#\/schema\/logo\/image\/","url":"https:\/\/exatom.io\/wp-content\/uploads\/2024\/07\/Exatom.png","contentUrl":"https:\/\/exatom.io\/wp-content\/uploads\/2024\/07\/Exatom.png","width":280,"height":110,"caption":"EXATOM"},"image":{"@id":"https:\/\/exatom.io\/#\/schema\/logo\/image\/"}}]}</script>
38 39 <!-- / Yoast SEO plugin. --> 40 41 42<link rel='dns-prefetch' href='//plausible.io' /> 43<link rel='dns-prefetch' href='//cdn.visibilitykit.ai' /> 44<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 45<link rel="alternate" type="application/rss+xml" title="EXATOM » Feed" href="/feed/" /> 46<link rel="alternate" type="application/rss+xml" title="EXATOM » Comments Feed" href="/comments/feed/" /> 47<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fexatom.io%2Fform-analytics%2F&lang=en" /> 48<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fexatom.io%2Fform-analytics%2F&format=xml&lang=en" /> 49<meta content="exa child v.3.0.20250627" name="generator"/><style id="wp-img-auto-sizes-contain-inline-css"> 50img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 51/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 52</style> 53<link rel='stylesheet' id='gs-swiper-css' href='/wp-content/plugins/gs-logo-slider/assets/libs/swiper-js/swiper.min.css?ver=3.8.4' media='all' /> 54<link rel='stylesheet' id='gs-tippyjs-css' href='/wp-content/plugins/gs-logo-slider/assets/libs/tippyjs/tippy.css?ver=3.8.4' media='all' /> 55<link rel='stylesheet' id='gs-logo-public-css' href='/wp-content/plugins/gs-logo-slider/assets/css/gs-logo.min.css?ver=3.8.4' media='all' /> 56<style id="gs-logo-public-inline-css"> 57#gs_logo_area_5:not(.verticaltickerdown):not(.verticalticker) .gs_logo_container{margin-left:-0.5px}#gs_logo_area_5:not(.verticaltickerdown):not(.verticalticker) .gs_logo_container{margin-right:-0.5px}#gs_logo_area_5:not(.verticaltickerdown):not(.verticalticker) .gs_logo_single--wrapper{padding:0.5px}#gs_logo_area_5 ul.gs-logo-filter-cats{text-align:center!important}#gs_logo_area_5 .gs_logo_single--wrapper{width:11.111111111111%}@media (max-width:1023px){#gs_logo_area_5 .gs_logo_single--wrapper{width:16.666666666667%}}@media (max-width:767px){#gs_logo_area_5 .gs_logo_single--wrapper{width:33.333333333333%}} 58/*# sourceURL=gs-logo-public-inline-css */ 59</style> 60<style id="wp-emoji-styles-inline-css"> 61 62 img.wp-smiley, img.emoji { 63 display: inline !important; 64 border: none !important; 65 box-shadow: none !important; 66 height: 1em !important; 67 width: 1em !important; 68 margin: 0 0.07em !important; 69 vertical-align: -0.1em !important; 70 background: none !important; 71 padding: 0 !important; 72 } 73/*# sourceURL=wp-emoji-styles-inline-css */ 74</style> 75<style id="wp-block-library-inline-css"> 76:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
76--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 77 78/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 79</style> 80<style id="classic-theme-styles-inline-css"> 81/*! This file is auto-generated */ 82.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 83/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 84</style> 85 86<style id="global-styles-inline-css"> 87:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
870) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
87.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 88/*# sourceURL=global-styles-inline-css */ 89</style> 90 91<link rel='stylesheet' id='contact-form-7-css' href='/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' /> 92<link rel='stylesheet' id='hide-metadata-style-css' href='/wp-content/plugins/hide-metadata/css/style.css?ver=2.1' media='all' /> 93<link rel='stylesheet' id='custom-hamburger-menus-css' href='/wp-content/plugins/divi-100-hamburger-menu/assets/css/style.css?ver=20160602' media='all' /> 94<style id="custom-hamburger-menus-inline-css"> 95body.et_divi_100_custom_hamburger_menu .et_divi_100_custom_hamburger_menu__icon div { 96 background: #007dfd; 97 } 98body.et_divi_100_custom_hamburger_menu .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div { 99 background: #007dfd; 100 } 101/*# sourceURL=custom-hamburger-menus-inline-css */ 102</style> 103<link rel='stylesheet' id='parent-style-css' href='/wp-content/themes/exa/style.dev.css?ver=7.1.2' media='all' /> 104<link rel='stylesheet' id='divi-style-css' href='/wp-content/themes/exa-child/style.css?ver=4.8.20250627' media='all' /> 105<link rel='stylesheet' id='et-builder-googlefonts-cached-css' href='https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext&display=swap' media='all' /> 106<link rel='stylesheet' id='et-shortcodes-responsive-css-css' href='/wp-content/themes/exa/epanel/shortcodes/css/shortcodes_responsive.css?ver=4.8.20250627' media='all' /> 107<link rel='stylesheet' id='magnific-popup-css' href='/wp-content/themes/exa/includes/builder/styles/magnific_popup.css?ver=4.8.20250627' media='all' /> 108<link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=7.1.2' media='all' />
109<script id="jquery-core-js" src="/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 109
109
110<script id="jquery-migrate-js" src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 110
110
111<script id="plausible-analytics-js" defer data-cfasync='false' data-no-minify="true" data-no-optimize="1" data-noptimize="1" src="https://plausible.io/js/pa-JCfnJ7WHKEftdip4Hd_9z.js"></script>
vendor: 1 bytes, line 111
111
112<script id="plausible-analytics-js-after"> 113window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}}; 114plausible.init({"customProperties":{"user_logged_in":"no"}}); 115//# sourceURL=plausible-analytics-js-after 116</script>
116 117<link rel="https://api.w.org/" href="/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="/wp-json/wp/v2/pages/1417" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" /> 118<meta name="generator" content="WordPress 7.1.2" /> 119<link rel='shortlink' href='/?p=1417' /> 120<link rel="llms-sitemap" href="/llms.txt" /> 121<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><link rel="preload" href="/wp-content/themes/exa/core/admin/fonts/modules.ttf" as="font" crossorigin="anonymous"><style id="custom-background-css"> 122body.custom-background { background-color: #ffffff; } 123</style> 124<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer">
125<script> 126jQuery(function($) { 127 $(document).ready(function() { 128 $(".cta-button-link .et_pb_button").attr("target", "_blank"); 129 }); 130}); 131</script>
vendor: 2 bytes, line 131
131
132<script> 133 (function($) { 134 135function setup_collapsible_submenus() { 136 137var FirstLevel = $('.et_mobile_menu .first-level > a'); 138 139FirstLevel.off('click').click(function() { 140$(this).attr('href', '#'); 141$(this).parent().children().children().toggleClass('reveal-items'); 142$(this).toggleClass('icon-switch'); 143}); 144 145 146} 147 148$(window).load(function() { 149setTimeout(function() { 150setup_collapsible_submenus(); 151}, 700); 152}); 153 154})(jQuery); 155</script>
155 156<!-- Google Tag Manager -->
157<script>
vendor: 331 bytes, lines 157-161
157(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 158new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 159j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 160'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 161})(window,document,'script','dataLayer','
161GTM-5M398DK
vendor: 3 bytes, line 161
161');
161</script>
161 162<link rel="icon" href="/wp-content/uploads/2021/01/cropped-favicon-32x32.png" sizes="32x32" /> 163<link rel="icon" href="/wp-content/uploads/2021/01/cropped-favicon-192x192.png" sizes="192x192" /> 164<link rel="apple-touch-icon" href="/wp-content/uploads/2021/01/cropped-favicon-180x180.png" /> 165<meta name="msapplication-TileImage" content="/wp-content/uploads/2021/01/cropped-favicon-270x270.png" /> 166<style id="et-divi-customizer-global-cached-inline-styles">body{color:#888888}h1,h2,h3,h4,h5,h6{color:#444444}.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce-message,.woocommerce-error,.woocommerce-info{background:#00aeef!important}#et_search_icon:hover,.mobile_menu_bar:before,.mobile_menu_bar:after,.et_toggle_slide_menu:after,.et-social-icon a:hover,.et_pb_sum,.et_pb_pricing li a,.et_pb_pricing_table_button,.et_overlay:before,.entry-summary p.price ins,.woocommerce div.product span.price,.woocommerce-page div.product span.price,.woocommerce #content div.product span.price,.woocommerce-page #content div.product span.price,.woocommerce div.product p.price,.woocommerce-page div.product p.price,.woocommerce #content div.product p.price,.woocommerce-page #content div.product p.price,.et_pb_member_social_links a:hover,.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before,.et_pb_widget li a:hover,.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,.et_pb_gallery .et_pb_gallery_pagination ul li a.active,.wp-pagenavi span.current,.wp-pagenavi a:hover,.nav-single a,.tagged_as a,.posted_in a{color:#00aeef}.et_pb_contact_submit,.et_password_protected_form .et_submit_button,.et_pb_bg_layout_light .et_pb_newsletter_button,.comment-reply-link,.form-submit .et_pb_button,.et_pb_bg_layout_light .et_pb_promo_button,.et_pb_bg_layout_light .et_pb_more_button,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.et_pb_contact p input[type="checkbox"]:checked+label i:before,.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#00aeef}.footer-widget h4{color:#00aeef}.et-search-form,.nav li ul,.et_mobile_menu,.footer-widget li:before,.et_pb_pricing li:before,blockquote{border-color:#00aeef}.et_pb_counter_amount,.et_pb_featured_table .et_pb_pricing_heading,.et_quote_content,.et_link_content,.et_audio_content,.et_pb_post_slider.et_pb_bg_layout_dark,.et_slide_in_menu_container,.et_pb_contact p input[type="radio"]:checked+label i:before{background-color:#00aeef}a{color:#007dfd}.nav li ul{border-color:rgba(255,255,255,0)}#top-header,#et-secondary-nav li ul{background-color:#00aeef}.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,.et_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info{color:rgba(0,0,0,0.7)}.et_search_form_container input::-moz-placeholder{color:rgba(0,0,0,0.7)}.et_search_form_container input::-webkit-input-placeholder{color:rgba(0,0,0,0.7)}.et_search_form_container input:-ms-input-placeholder{color:rgba(0,0,0,0.7)}#main-header .nav li ul a{color:rgba(0,0,0,0.6)}#top-menu li a{font-size:15px}body.et_vertical_nav .container.et_search_form_container .et-search-form input{font-size:15px!important}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,#top-menu li.current_page_item>a,.et_color_scheme_red #top-menu li.current-menu-ancestor>a,.et_color_scheme_red #top-menu li.current-menu-item>a,.et_color_scheme_red #top-menu li.current_page_item>a,.et_color_scheme_pink #top-menu li.current-menu-ancestor>a,.et_color_scheme_pink #top-menu li.current-menu-item>a,.et_color_scheme_pink #top-menu li.current_page_item>a,.et_color_scheme_orange #top-menu li.current-menu-ancestor>a,.et_color_scheme_orange #top-menu li.current-menu-item>a,.et_color_scheme_orange #top-menu li.current_page_item>a,.et_color_scheme_green #top-menu li.current-menu-ancestor>a,.et_color_scheme_green #top-menu li.current-menu-item>a,.et_color_scheme_green #top-menu li.current_page_item>a{color:#000000}#main-footer{background-color:rgba(255,255,255,0)}#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#ffffff}
166.footer-widget{color:#000000}#main-footer .footer-widget h4{color:#00aeef}.footer-widget li:before{border-color:#00aeef}#et-footer-nav{background-color:rgba(255,255,255,0)}.bottom-nav,.bottom-nav a,.bottom-nav li.current-menu-item a{color:#000000}#et-footer-nav .bottom-nav li.current-menu-item a{color:rgba(0,0,0,0.7)}#footer-bottom{background-color:rgba(255,255,255,0)}#footer-info,#footer-info a{color:#000000}#footer-bottom .et-social-icon a{font-size:21px}#footer-bottom .et-social-icon a{color:#000000}.et_slide_in_menu_container,.et_slide_in_menu_container .et-search-field{letter-spacing:px}.et_slide_in_menu_container .et-search-field::-moz-placeholder{letter-spacing:px}.et_slide_in_menu_container .et-search-field::-webkit-input-placeholder{letter-spacing:px}.et_slide_in_menu_container .et-search-field:-ms-input-placeholder{letter-spacing:px}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:45px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:45px}.et_header_style_split .centered-inline-logo-wrap{width:90px;margin:-90px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:90px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:90px}.et_header_style_centered #top-menu>li>a{padding-bottom:16px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:36px 0 36px 0!important}.et_header_style_centered #main-header .logo_container{height:90px}#logo{max-height:36%}.et_pb_svg_logo #logo{height:36%}.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:16.2px}.et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_split .et-fixed-header #et-top-navigation{padding:45px 0 0 0}.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a{padding-bottom:45px}.et_header_style_centered header#main-header.et-fixed-header .logo_container{height:90px}.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap{width:90px;margin:-90px 0}.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{max-height:90px}.et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{height:90px}.et_header_style_slide .et-fixed-header #et-top-navigation,.et_header_style_fullscreen .et-fixed-header #et-top-navigation{padding:36px 0 36px 0!important}.et-fixed-header#top-header,.et-fixed-header#top-header #et-secondary-nav li ul{background-color:#00aeef}.et-fixed-header #top-menu a,.et-fixed-header #et_search_icon:before,.et-fixed-header #et_top_search .et-search-form input,.et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after,.et-fixed-header #et-top-navigation .et-cart-info{color:rgba(0,0,0,0.7)!important}.et-fixed-header .et_search_form_container input::-moz-placeholder{color:rgba(0,0,0,0.7)!important}.et-fixed-header .et_search_form_container input::-webkit-input-placeholder{color:rgba(0,0,0,0.7)!important}.et-fixed-header .et_search_form_container input:-ms-input-placeholder{color:rgba(0,0,0,0.7)!important}.et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a,.et-fixed-header #top-menu li.current_page_item>a{color:#000000!important}.et-fixed-header#top-header a{color:#f4f4f4}}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}@media only screen and (max-width:980px){.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_mobile_menu li a,.mobile_menu_bar:before,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,#et_search_icon:before,#et_top_search .et-search-form input,.et_search_form_container input,#et-top-navigation .et-cart-info{color:rgba(0,0,0,0.6)}.et_close_search_field:after{color:rgba(0,0,0,0.6)!important}.et_search_form_container input::-moz-placeholder{color:rgba(0,0,0,0.6)}.et_search_form_container input::-webkit-input-placeholder{color:rgba(0,0,0,0.6)}.et_search_form_container input:-ms-input-placeholder{color:rgba(0,0,0,0.6)}}@media only screen and (max-width:767px){h1{font-size:36px}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:30px}h3{font-size:26px}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:21px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:55px}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:19px}h5{font-size:19px}h6{font-size:16px}} h1,h2,h3,h4,h5,h6{font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif}body,input,textarea,select{font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif}@media only screen and (min-width:981px){.row-with-custom-gutters .et_pb_column{--num-cols:4;--gutter-width:2%}.row-with-custom-gutters .et_pb_column:not(.et-last-child){margin-right:var(--gutter-width)!important}.row-with-custom-gutters .et_pb_column{width:calc((100% - (var(--gutter-width) * (var(--num-cols) - 1))) / var(--num-cols))!important}}</style></head> 167<body class="wp-singular page-template-default page page-id-1417 custom-background wp-theme-exa wp-child-theme-exa-child hide-meta-author-php et_divi_100_custom_hamburger_menu et_divi_100_custom_hamburger_menu--style-1 et_divi_100_custom_hamburger_menu--type-1 et_pb_button_helper_class et_fullwidth_nav et_fixed_nav et_show_nav et_primary_nav_dropdown_animation_fade et_secondary_nav_dropdown_animation_fade et_header_style_left et_pb_svg_logo et_pb_footer_columns4 et_cover_background et_pb_gutter et_pb_gutters3 et_pb_pagebuilder_layout et_smooth_scroll et_no_sidebar et_divi_theme et-db"> 168 <div id="page-container"> 169 170 171 172 <header id="main-header" data-height-onload="90"> 173 <div class="container clearfix et_menu_container"> 174 <div class="logo_container"> 175 <span class="logo_helper"></span> 176 <a href="/"> 177 <img src="/wp-content/uploads/2024/03/exatom-logo.svg" alt="EXATOM" id="logo" data-height-percentage="36" /> 178 </a> 179 </div> 180 <div id="et-top-navigation" data-height="90" data-fixed-height="90"> 181 <nav id="top-menu-nav"> 182 <ul id="top-menu" class="nav">
182<li id="menu-item-9499" class="first-level menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-9499"><a>Solutions</a> 183<ul class="sub-menu"> 184 <li id="menu-item-26201" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-26201"><a>Insights</a> 185 <ul class="sub-menu"> 186 <li id="menu-item-1440" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1417 current_page_item menu-item-1440"><a href="/form-analytics/" aria-current="page">Form analytics</a></li> 187 <li id="menu-item-26206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26206"><a href="/form-session-replay/">Session replay</a></li> 188 <li id="menu-item-36021" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36021"><a href="/mcp-server/">MCP Server</a></li> 189 <li id="menu-item-15929" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15929"><a href="/cro-pulse-for-your-chrome-browser/">CRO Pulse</a></li> 190 <li id="menu-item-15169" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15169"><a href="/industry-benchmarking/">Industry benchmarking</a></li> 191 <li id="menu-item-1432" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1432"><a href="/webform-monitoring/">Webform monitoring</a></li> 192 </ul> 193</li> 194 <li id="menu-item-26267" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-26267"><a>Activations</a> 195 <ul class="sub-menu"> 196 <li id="menu-item-26202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26202"><a href="/smart-nudges/">Smart Nudges</a></li> 197 <li id="menu-item-26519" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26519"><a href="/autofixes/">Autofixes</a></li> 198 </ul> 199</li> 200</ul> 201</li> 202<li id="menu-item-25073" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25073"><a href="/pricing/">Pricing</a></li> 203<li id="menu-item-20864" class="first-level menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-20864"><a>Resources</a> 204<ul class="sub-menu"> 205 <li id="menu-item-20870" class="second-level menu-item menu-item-type-post_type menu-item-object-page menu-item-20870"><a href="/blog/">Blog</a></li> 206 <li id="menu-item-20871" class="second-level menu-item menu-item-type-post_type menu-item-object-page menu-item-20871"><a href="/industry-reports/">Industry reports</a></li> 207 <li id="menu-item-20866" class="second-level menu-item menu-item-type-post_type menu-item-object-page menu-item-20866"><a href="/partner-program/">Partner program</a></li> 208 <li id="menu-item-20867" class="second-level menu-item menu-item-type-custom menu-item-object-custom menu-item-20867"><a target="_blank" href="https://support.exatom.io/portal/en/kb/exatom">Knowledge base</a></li> 209</ul> 210</li> 211<li id="menu-item-94" class="secondary-nav-button menu-item menu-item-type-custom menu-item-object-custom menu-item-94"><a href="https://olympus.exatom.io/signup?locale=en&utm_source=Website&utm_medium=MainMenu_EN&utm_campaign=FreeTrial">Start free trial</a></li> 212<li id="menu-item-9500" class="secondary-nav-button2 menu-item menu-item-type-custom menu-item-object-custom menu-item-9500"><a href="https://calendly.com/exatom/30min">Book a demo</a></li> 213<li id="menu-item-20869" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20869"><a href="https://olympus.exatom.io/login">Login</a></li> 214<li id="menu-item-7018" class="pll-parent-menu-item menu-item menu-item-type-custom menu-item-object-custom current-menu-parent menu-item-has-children menu-item-7018"><a href="#pll_switcher">English</a> 215<ul class="sub-menu"> 216 <li id="menu-item-7018-en" class="lang-item lang-item-59 lang-item-en current-lang lang-item-first menu-item menu-item-type-custom menu-item-object-custom menu-item-7018-en"><a href="/form-analytics/" lang="en-GB" hreflang="en-GB">English</a></li> 217 <li id="menu-item-7018-nl" class="lang-item lang-item-62 lang-item-nl menu-item menu-item-type-custom menu-item-object-custom menu-item-7018-nl"><a href="/nl/formulier-analytics/" lang="nl-NL" hreflang="nl-NL">Nederlands</a></li> 218 <li id="menu-item-7018-de" class="lang-item lang-item-66 lang-item-de menu-item menu-item-type-custom menu-item-object-custom menu-item-7018-de"><a href="/de/formularanalyse/" lang="de-DE" hreflang="de-DE">Deutsch</a></li> 219 <li id="menu-item-7018-fr" class="lang-item lang-item-153 lang-item-fr menu-item menu-item-type-custom menu-item-object-custom menu-item-7018-fr"><a href="/fr/analyse-des-formulaires-web/" lang="fr-FR" hreflang="fr-FR">Français</a></li> 220</ul> 221</li> 222</ul> 223 </nav> 224 <!-- begin cart --> 225 <!-- end cart --> 226 227 228 229 230 <div id="et_mobile_nav_menu"> 231 <div class="mobile_nav closed"> 232 <span class="select_page">Select Page</span> 233 <span class="mobile_menu_bar mobile_menu_bar_toggle"></span> 234 </div> 235 </div>
235 </div> <!-- #et-top-navigation --> 236 </div> <!-- .container --> 237 <div class="et_search_outer"> 238 <div class="container et_search_form_container"> 239 <form role="search" method="get" class="et-search-form" action="/"> 240 <input type="search" class="et-search-field" placeholder="Search …" value="" name="s" title="Search for:" /> </form> 241 <span class="et_close_search_field"></span> 242 </div> 243 </div> 244 </header> <!-- #main-header --> 245 <div id="et-main-area"> 246 247<div id="main-content"> 248 249 250 251 <article id="post-1417" class="post-1417 page type-page status-publish hentry"> 252 253 254 <div class="entry-content"> 255 <div id="et-boc" class="et-boc"> 256 257 <div class="et-l et-l--post"> 258 <div class="et_builder_inner_content et_pb_gutters3"><div class="et_pb_section et_pb_section_0 et_pb_fullwidth_section et_section_regular" > 259 260 261 262 263 <div class="et_pb_module et_pb_fullwidth_code et_pb_fullwidth_code_0"> 264 265 266 <div class="et_pb_code_inner"><!-- ============================================================ 267 EXATOM â Form Analytics Product Page 268 Divi Code Block Snippet (no html/head/body tags) 269 GEO-optimised · Mobile-first · Scroll animations 270 ============================================================ --> 271 272<!-- GEO: JSON-LD structured data for rich AI / search results -->
273<script type="application/ld+json"> 274{ 275 "@context": "https://schema.org", 276 "@graph": [ 277 { 278 "@type": "SoftwareApplication", 279 "name": "Exatom Form Analytics", 280 "applicationCategory": "BusinessApplication", 281 "operatingSystem": "Web", 282 "url": "/form-analytics/", 283 "description": "Exatom Form Analytics tracks every visitor interaction inside web forms and checkouts â field by field â revealing where users drop off, hesitate, and fail to submit. Cookieless, GDPR-compliant, and powered by Eureka AI CRO assistant.", 284 "offers": { 285 "@type": "Offer", 286 "price": "0", 287 "priceCurrency": "EUR", 288 "description": "15-day free trial, no credit card required" 289 }, 290 "featureList": [ 291 "Field-level drop-off and abandonment rate tracking", 292 "Form start rate and conversion rate measurement", 293 "Failed submit detection and re-submit tracking", 294 "Hesitation time per form field", 295 "Error notification frequency analysis", 296 "Autofill adoption rate by device and browser", 297 "Google Looker Studio integration", 298 "Cookieless and GDPR-compliant tracking", 299 "Eureka AI CRO assistant for automated recommendations" 300 ], 301 "provider": { 302 "@type": "Organization", 303 "name": "Exatom", 304 "url": "https://exatom.io", 305 "address": { 306 "@type": "PostalAddress", 307 "streetAddress": "Koning Boudewijnlaan 20A", 308 "addressLocality": "Hasselt", 309 "postalCode": "3500", 310 "addressCountry": "BE" 311 } 312 } 313 }, 314 { 315 "@type": "FAQPage", 316 "mainEntity": [ 317 { 318 "@type": "Question", 319 "name": "How is Exatom Form Analytics different from Google Analytics GA4?", 320 "acceptedAnswer": { 321 "@type": "Answer", 322 "text": "GA4 tracks page-level events and user flows â it stops at the form. Exatom starts where GA4 stops, measuring exactly what happens inside your form: which fields users hesitate on, where they drop off, how often they encounter errors, and how many fail to submit. Exatom requires zero configuration and works cookieless out of the box." 323 } 324 }, 325 { 326 "@type": "Question", 327 "name": "Is Exatom Form Analytics GDPR-compliant and cookieless?", 328 "acceptedAnswer": { 329 "@type": "Answer", 330 "text": "Yes. Exatom is built privacy-first from day one. It operates entirely without cookies, collects no personal data, and is fully compliant with GDPR and European privacy regulations. Exatom is also ISO 27001 certified. You do not need to add Exatom to your cookie consent banner." 331 } 332 }, 333 { 334 "@type": "Question", 335 "name": "How quickly can I get started with Exatom Form Analytics?", 336 "acceptedAnswer": { 337 "@type": "Answer", 338 "text": "One JavaScript tag on your website is all it takes. After placing the Exatom tag â directly or via your tag manager â Exatom automatically detects all your forms and starts measuring. Most customers see data within minutes and meaningful insights within days." 339 } 340 }, 341 { 342 "@type": "Question", 343 "name": "What is Eureka and how does the AI CRO assistant work?", 344 "acceptedAnswer": { 345 "@type": "Answer", 346 "text": "Eureka is Exatom's AI CRO assistant â an agentic consultant built directly into the platform. Ask Eureka a question in plain language and it analyzes your live form data, identifies root causes of conversion loss, benchmarks you against industry peers, and delivers a prioritised action plan. No analyst needed." 347 } 348 }, 349 { 350 "@type": "Question", 351 "name": "Does Exatom work with multi-step forms and single-page applications?", 352 "acceptedAnswer": { 353 "@type": "Answer", 354 "text": "Yes. Exatom is compatible with dynamic forms, multi-step forms, single-page applications, and most popular frontend frameworks. It uses vanilla JavaScript with no depen
354dencies, making it compatible with virtually any website technology stack." 355 } 356 }, 357 { 358 "@type": "Question", 359 "name": "Is there a free trial for Exatom Form Analytics?", 360 "acceptedAnswer": { 361 "@type": "Answer", 362 "text": "Yes â you can try Exatom for free for 15 days with no credit card required. You will get full access to Form Analytics, field-level data, and the Eureka AI assistant during your trial." 363 } 364 } 365 ] 366 } 367 ] 368} 369</script>
369 370 371<div id="exatom-fa-page"> 372 373<style> 374 /* ============================================================ 375 BASE RESET & TOKENS 376 ============================================================ */ 377 #exatom-fa-page *, 378 #exatom-fa-page *::before, 379 #exatom-fa-page *::after { 380 box-sizing: border-box; 381 margin: 0; 382 padding: 0; 383 } 384 385 #exatom-fa-page { 386 font-family: 'Roboto', sans-serif; 387 color: #1a1a2e; 388 background: #ffffff; 389 overflow-x: hidden; 390 line-height: 1.6; 391 -webkit-font-smoothing: antialiased; 392 } 393 394 /* ============================================================ 395 TYPOGRAPHY 396 ============================================================ */ 397 #exatom-fa-page h1 { 398 font-size: clamp(1.9rem, 5vw, 3.4rem); 399 font-weight: 800; 400 line-height: 1.15; 401 letter-spacing: -0.02em; 402 color: #0f172a; 403 } 404 405 #exatom-fa-page h2 { 406 font-size: clamp(1.5rem, 3.5vw, 2.3rem); 407 font-weight: 700; 408 line-height: 1.2; 409 letter-spacing: -0.015em; 410 color: #0f172a; 411 } 412 413 #exatom-fa-page h3 { 414 font-size: 1.1rem; 415 font-weight: 700; 416 color: #0f172a; 417 margin-bottom: 8px; 418 } 419 420 #exatom-fa-page p { 421 font-size: 1rem; 422 color: #475569; 423 line-height: 1.75; 424 } 425 426 /* ============================================================ 427 LAYOUT 428 ============================================================ */ 429 #exatom-fa-page .fa-container { 430 max-width: 1120px; 431 margin: 0 auto; 432 padding: 0 20px; 433 } 434 435 #exatom-fa-page .fa-overline { 436 font-size: 0.72rem; 437 font-weight: 700; 438 color: #0082FF; 439 text-transform: uppercase; 440 letter-spacing: 0.1em; 441 margin-bottom: 12px; 442 display: block; 443 } 444 445 #exatom-fa-page .fa-lead { 446 font-size: 1.05rem; 447 color: #475569; 448 margin: 16px 0 28px; 449 line-height: 1.75; 450 } 451 452 #exatom-fa-page .fa-link { 453 color: #0082FF; 454 font-size: 0.92rem; 455 font-weight: 700; 456 text-decoration: none; 457 display: inline; 458 } 459 #exatom-fa-page .fa-link:hover { opacity: 0.8; } 460 461 #exatom-fa-page p:has(> .fa-link), 462 #exatom-fa-page p:has(> [style*="fa-link"]) { 463 margin-top: 16px; 464 margin-bottom: 0; 465 } 466 467 #exatom-fa-page p:has(> [style*="color:#0082FF"]), 468 #exatom-fa-page p:has(> [style*="color:#60a5fa"]) { 469 margin-top: 28px !important; 470 margin-bottom: 0 !important; 471 } 472 473 /* ============================================================ 474 SCROLL ANIMATIONS â reveal on first viewport entry 475 ============================================================ */ 476 #exatom-fa-page .fa-reveal { 477 opacity: 0; 478 transform: translateY(28px); 479 transition: opacity 0.55s ease, transform 0.55s ease; 480 } 481 #exatom-fa-page .fa-reveal.fa-in-view { 482 opacity: 1; 483 transform: translateY(0); 484 } 485 486 /* Staggered children (metric cards, col cards) */ 487 #exatom-fa-page .fa-reveal-stagger > * { 488 opacity: 0; 489 transform: translateY(22px); 490 transition: opacity 0.45s ease, transform 0.45s ease; 491 } 492 #exatom-fa-page .fa-reveal-stagger.fa-in-view > *:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0s; } 493 #exatom-fa-page .fa-reveal-stagger.fa-in-view > *:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.1s; } 494 #exatom-fa-page .fa-reveal-stagger.fa-in-view > *:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:0.2s; } 495 #exatom-fa-page .fa-reveal-stagger.fa-in-view > *:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:0.3s; } 496 497 /* ============================================================ 498 BUTTONS 499 ============================================================ */ 500 #exatom-fa-page .fa-btn-primary { 501 background: #0082FF; 502 color: #ffffff; 503 padding: 14px 26px; 504 border-radius: 8px; 505 font-size: 0.95rem; 506 font-weight: 700; 507 text-decoration: none; 508 display: inline-block; 509 transition: background 0.2s, transform 0.15s; 510 white-space: nowrap; 511 } 512 #exatom-fa-page .fa-btn-primary:hover { background: #006edb; transform: translateY(-1px); } 513 514 #exatom-fa-page .fa-btn-ghost { 515 color: #334155; 516 padding: 14px 26px; 517 border-radius: 8px; 518 font-size: 0.95rem; 519 font-weight: 600; 520 text-decoration: none; 521 display: inline-flex; 522 align-items: center; 523 justify-content: center; 524 gap: 8px; 525 border: 1px solid #cbd5e1; 526 transition: border-color 0.2s, color 0.2s; 527 white-space: nowrap; 528 } 529 #exatom-fa-page .fa-btn-ghost:hover { border-color: #0082FF; color: #0082FF; } 530 531 #exatom-fa-page .fa-btn-white { 532 background: #ffffff; 533 color: #0082FF; 534 padding: 14px 28px; 535 border-radius: 8px; 536 font-size: 0.95rem; 537 font-weight: 700; 538 text-decoration: none; 539 display: inline-block; 540 transition: background 0.2s, transform 0.15s; 541 white-space: nowrap; 542 } 543 #exatom-fa-page .fa-btn-white:hover { background: #f0f7ff; transform: translateY(-1px); } 544 545 /* ============================================================ 546 HERO 547 ============================================================ */ 548 #exatom-fa-page .fa-hero { 549 background: linear-gradient(to right bottom,#ffffff,#fcfdff,#f5fcff,#ecfcff,#e4fcff,#defafd,#d9f9fc,#d3f7fa,#cef3fc,#cbeffe,#cbeaff,#cce5ff); 550 padding: 80px 0 70px; 551 position: relative; 552 overflow: hidden; 553 } 554 #exatom-fa-page .fa-hero::before { display: none; } 555 556 #exatom-fa-page .fa-hero-inner { 557 position: relative; 558 z-index: 1; 559 display: grid; 560 grid-template-columns: 1fr 1fr; 561 gap: 56px; 562 align-items: center; 563 } 564 565 #exatom-fa-page .fa-hero-badge { 566 background: transparent; 567 border: 1.5px solid #0f172a; 568 color: #0f172a; 569 border-radius: 0; 570 padding: 5px 14px; 571 font-size: 0.72rem; 572 font-weight: 700; 573 letter-spacing: 0.1em; 574 text-transform: uppercase; 575 display: inline-block; 576 margin-bottom: 20px; 577 } 578 579 #exatom-fa-page .fa-hero-sub { 580 color: #475569; 581 font-size: 1.08rem; 582 margin: 18px 0 32px; 583 line-height: 1.65; 584 } 585 586 #exatom-fa-page .fa-hero-actions { 587 display: flex; 588 gap: 12px; 589 flex-wrap: wrap; 590 align-items: center; 591 } 592 593 #exatom-fa-page .fa-hero-visual { 594 position: relative; 595 } 596 597 #exatom-fa-page .fa-hero-tag { 598 position: absolute; 599 top: -14px; right: -10px; 600 background: #0082FF; 601 color: #fff; 602 border-radius: 10px; 603 padding: 8px 14px; 604 font-size: 0.75rem; 605 font-weight: 700; 606 box-shadow: 0 8px 24px rgba(0,130,255,0.28); 607 white-space: nowrap; 608 z-index: 2; 609 } 610 611 #exatom-fa-page .fa-section-img { 612 width: 100%; 613 border-radius: 14px; 614 box-shadow: 0 12px 40px rgba(0,0,0,0.1); 615 display: block; 616 } 617 618 #exatom-fa-page .fa-hero-img { 619 width: 100%; 620 border-radius: 14px; 621 box-shadow: 0 24px 60px rgba(0,0,0,0.4); 622 display: block; 623 } 624 625 /* ============================================================ 626 TRUST BAR 627 ============================================================ */ 628 #exatom-fa-page .fa-trust { 629 background: #f8fafc; 630 border-top: 1px solid #e8eef5; 631 border-bottom: 1px solid #e8eef5; 632 padding: 24px 0; 633 overflow: hidden; 634 } 635 #exatom-fa-page .fa-trust-inner { 636 display: flex; 637 align-items: center; 638 gap: 16px; 639 flex-wrap: wrap; 640 justify-content: center; 641 } 642 #exatom-fa-page .fa-trust-label { 643 font-size: 0.72rem; 644 font-weight: 700; 645 color: #94a3b8; 646 text-transform: uppercase; 647 letter-spacing: 0.1em; 648 white-space: nowrap; 649 } 650 #exatom-fa-page .fa-trust-logos { 651 display: flex; 652 align-items: center; 653 gap: 20px; 654 flex-wrap: wrap; 655 justify-content: center; 656 } 657 #exatom-fa-page .fa-trust-logo { 658 font-size: 0.76rem; 659 font-weight: 800; 660 color: #94a3b8; 661 letter-spacing: 0.04em; 662 text-transform: uppercase; 663 white-space: nowrap; 664 } 665 666 /* ============================================================ 667 INTRO 668 ============================================================ */ 669 #exatom-fa-page .fa-intro { 670 padding: 80px 0 70px; 671 background: #ffffff; 672 } 673 #exatom-fa-page .fa-intro-inner { 674 display: grid; 675 grid-template-columns: 1fr 1fr; 676 gap: 64px; 677 align-items: center; 678 } 679 680 /* ============================================================ 681 FEATURE SECTIONS 682 ============================================================ */ 683 #exatom-fa-page .fa-feature { 684 padding: 72px 0; 685 } 686 #exatom-fa-page .fa-feature.alt { 687 background: #f8fafc; 688 } 689 #exatom-fa-page .fa-feature-inner { 690 display: grid; 691 grid-template-columns: 1fr 1fr; 692 gap: 64px; 693 align-items: center; 694 } 695 696 #exatom-fa-page .fa-feature-list { 697 list-style: none; 698 margin-top: 20px; 699 display: flex; 700 flex-direction: column; 701 gap: 11px; 702 } 703 #exatom-fa-page .fa-feature-list li { 704 display: flex; 705 gap: 10px; 706 font-size: 0.93rem; 707 color: #475569; 708 line-height: 1.55; 709 } 710 #exatom-fa-page .fa-check {
711 width: 20px; height: 20px; 712 min-width: 20px; 713 border-radius: 50%; 714 background: rgba(0,130,255,0.1); 715 display: inline-flex; 716 align-items: center; 717 justify-content: center; 718 flex-shrink: 0; 719 margin-top: 2px; 720 font-size: 0; 721 line-height: 0; 722 } 723 724 /* ============================================================ 725 EUREKA 726 ============================================================ */ 727 #exatom-fa-page .fa-eureka { 728 padding: 80px 0; 729 background: linear-gradient(135deg, #0a1628 0%, #0d1f40 50%, #091525 100%); 730 position: relative; 731 overflow: hidden; 732 } 733 #exatom-fa-page .fa-eureka::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 700px; height: 400px; background: radial-gradient(ellipse, rgba(0,130,255,0.15) 0%, transparent 70%); pointer-events: none; } 734 #exatom-fa-page .fa-eureka-inner { 735 position: relative; 736 z-index: 1; 737 display: grid; 738 grid-template-columns: 1fr 1fr; 739 gap: 64px; 740 align-items: center; 741 } 742 #exatom-fa-page .fa-eureka h2 { color: #ffffff; } 743 #exatom-fa-page .fa-eureka .fa-overline { color: #60a5fa; } 744 #exatom-fa-page .fa-eureka p, 745 #exatom-fa-page .fa-eureka .fa-lead { color: rgba(255,255,255,0.7); } 746 #exatom-fa-page .fa-eureka .fa-feature-list li { color: rgba(255,255,255,0.7); } 747 #exatom-fa-page .fa-eureka .fa-check { background: rgba(0,130,255,0.2); } 748 #exatom-fa-page .fa-eureka .fa-check svg polyline { stroke: #60a5fa; } 749 750 #exatom-fa-page .fa-chat-ui { 751 background: rgba(255,255,255,0.05); 752 border: 1px solid rgba(255,255,255,0.1); 753 border-radius: 18px; 754 padding: 22px; 755 backdrop-filter: blur(8px); 756 } 757 #exatom-fa-page .fa-chat-label { 758 display: flex; 759 align-items: center; 760 gap: 10px; 761 margin-bottom: 18px; 762 padding-bottom: 14px; 763 border-bottom: 1px solid rgba(255,255,255,0.1); 764 } 765 #exatom-fa-page .fa-chat-avatar { 766 width: 34px; height: 34px; 767 border-radius: 9px; 768 background: linear-gradient(135deg, #0082FF, #0055cc); 769 display: flex; 770 align-items: center; 771 justify-content: center; 772 font-size: 0.8rem; 773 font-weight: 800; 774 color: #ffffff; 775 flex-shrink: 0; 776 } 777 #exatom-fa-page .fa-chat-name { 778 color: #ffffff; 779 font-weight: 700; 780 font-size: 0.88rem; 781 line-height: 1.2; 782 } 783 #exatom-fa-page .fa-chat-tagline { 784 color: rgba(255,255,255,0.45); 785 font-size: 0.68rem; 786 } 787 #exatom-fa-page .fa-chat-messages { 788 display: flex; 789 flex-direction: column; 790 gap: 12px; 791 } 792 #exatom-fa-page .fa-msg { 793 display: flex; 794 flex-direction: column; 795 gap: 4px; 796 max-width: 88%; 797 } 798 #exatom-fa-page .fa-msg.user { 799 align-self: flex-end; 800 align-items: flex-end; 801 } 802 #exatom-fa-page .fa-msg-bubble { 803 padding: 10px 13px; 804 border-radius: 13px; 805 font-size: 0.8rem; 806 line-height: 1.55; 807 } 808 #exatom-fa-page .fa-msg.ai .fa-msg-bubble { 809 background: rgba(255,255,255,0.09); 810 color: rgba(255,255,255,0.82); 811 border-bottom-left-radius: 3px; 812 } 813 #exatom-fa-page .fa-msg.user .fa-msg-bubble { 814 background: #0082FF; 815 color: #ffffff; 816 border-bottom-right-radius: 3px; 817 } 818 #exatom-fa-page .fa-msg-meta { 819 font-size: 0.62rem; 820 color: rgba(255,255,255,0.28); 821 padding: 0 3px; 822 } 823 #exatom-fa-page .fa-insight-tag { 824 display: inline-flex; 825 align-items: center; 826 gap: 5px; 827 background: rgba(0,130,255,0.18); 828 border: 1px solid rgba(0,130,255,0.3); 829 border-radius: 7px; 830 padding: 5px 10px; 831 font-size: 0.72rem; 832 font-weight: 600; 833 color: #60a5fa; 834 margin-top: 7px; 835 } 836 837 /* ============================================================ 838 METRICS GRID 839 ============================================================ */ 840 #exatom-fa-page .fa-metrics { 841 padding: 72px 0; 842 background: #ffffff; 843 } 844 #exatom-fa-page .fa-metrics-header { 845 text-align: center; 846 margin-bottom: 48px; 847 } 848 #exatom-fa-page .fa-metrics-grid { 849 display: grid; 850 grid-template-columns: repeat(2, 1fr); 851 gap: 2px; 852 border-radius: 18px; 853 overflow: hidden; 854 background: #e2e8f0; 855 } 856 #exatom-fa-page .fa-metric-card { 857 background: #f8fafc; 858 padding: 36px 30px; 859 display: flex; 860 flex-direction: column; 861 gap: 8px; 862 } 863 #exatom-fa-page .fa-metric-card:first-child { border-radius: 18px 0 0 0; } 864 #exatom-fa-page .fa-metric-card:nth-child(2) { border-radius: 0 18px 0 0; } 865 #exatom-fa-page .fa-metric-card:nth-child(3) { border-radius: 0 0 0 18px; } 866 #exatom-fa-page .fa-metric-card:last-child { border-radius: 0 0 18px 0; } 867 #exatom-fa-page .fa-metric-icon { 868 width: 42px; height: 42px; 869 border-radius: 11px; 870 background: rgba(0,130,255,0.1); 871 display: flex; 872 align-items: center; 873 justify-content: center; 874 margin-bottom: 8px; 875 } 876 #exatom-fa-page .fa-metric-icon svg {
877 width: 20px; height: 20px; 878 fill: none; 879 stroke: #0082FF; 880 stroke-width: 2; 881 stroke-linecap: round; 882 stroke-linejoin: round; 883 } 884 #exatom-fa-page .fa-metric-big { 885 font-size: 2.4rem; 886 font-weight: 800; 887 color: #0082FF; 888 line-height: 1; 889 letter-spacing: -0.03em; 890 } 891 #exatom-fa-page .fa-metric-label { 892 font-size: 0.92rem; 893 font-weight: 700; 894 color: #0f172a; 895 } 896 #exatom-fa-page .fa-metric-desc { 897 font-size: 0.83rem; 898 color: #64748b; 899 line-height: 1.55; 900 } 901 902 /* ============================================================ 903 FEATURE COLUMNS (3-up) 904 ============================================================ */ 905 #exatom-fa-page .fa-cols { 906 padding: 72px 0; 907 background: #f8fafc; 908 } 909 #exatom-fa-page .fa-cols-header { 910 text-align: center; 911 max-width: 620px; 912 margin: 0 auto 44px; 913 } 914 #exatom-fa-page .fa-cols-grid { 915 display: grid; 916 grid-template-columns: repeat(3, 1fr); 917 gap: 20px; 918 } 919 #exatom-fa-page .fa-col-card { 920 background: #ffffff; 921 border-radius: 14px; 922 padding: 26px 22px; 923 border: 1px solid #e2e8f0; 924 transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; 925 } 926 #exatom-fa-page .fa-col-card:hover { 927 border-color: #0082FF; 928 transform: translateY(-3px); 929 box-shadow: 0 10px 28px rgba(0,130,255,0.1); 930 } 931 #exatom-fa-page .fa-col-icon { 932 width: 44px; height: 44px; 933 border-radius: 11px; 934 background: rgba(0,130,255,0.08); 935 display: flex; 936 align-items: center; 937 justify-content: center; 938 margin-bottom: 14px; 939 } 940 #exatom-fa-page .fa-col-icon svg { 941 width: 22px; height: 22px; 942 fill: none; 943 stroke: #0082FF; 944 stroke-width: 2; 945 stroke-linecap: round; 946 stroke-linejoin: round; 947 } 948 #exatom-fa-page .fa-col-list { 949 list-style: none; 950 margin-top: 12px; 951 display: flex; 952 flex-direction: column; 953 gap: 7px; 954 } 955 #exatom-fa-page .fa-col-list li { 956 font-size: 0.83rem; 957 color: #64748b; 958 display: flex; 959 gap: 7px; 960 align-items: flex-start; 961 line-height: 1.45; 962 } 963 #exatom-fa-page .fa-dot { 964 width: 5px; height: 5px; 965 border-radius: 50%; 966 background: #0082FF; 967 flex-shrink: 0; 968 margin-top: 5px; 969 } 970 971 /* ============================================================ 972 TESTIMONIAL 973 ============================================================ */ 974 #exatom-fa-page .fa-testimonial { 975 padding: 72px 0; 976 background: #ffffff; 977 } 978 #exatom-fa-page .fa-testimonial-inner { 979 max-width: 800px; 980 margin: 0 auto; 981 text-align: center; 982 } 983 #exatom-fa-page .fa-stars { 984 color: #f59e0b; 985 font-size: 1.1rem; 986 letter-spacing: 2px; 987 display: block; 988 margin-bottom: 22px; 989 } 990 #exatom-fa-page .fa-quote { 991 font-size: clamp(1rem, 2.2vw, 1.22rem); 992 font-weight: 500; 993 color: #1e293b; 994 line-height: 1.7; 995 font-style: italic; 996 margin-bottom: 26px; 997 } 998 #exatom-fa-page .fa-quote-author { 999 display: flex; 1000 align-items: center; 1001 justify-content: center; 1002 gap: 12px; 1003 } 1004 #exatom-fa-page .fa-author-avatar { 1005 width: 42px; height: 42px; 1006 border-radius: 50%; 1007 background: linear-gradient(135deg, #0082FF, #38bdf8); 1008 display: flex; 1009 align-items: center; 1010 justify-content: center; 1011 font-size: 0.8rem; 1012 font-weight: 800; 1013 color: #ffffff; 1014 flex-shrink: 0; 1015 } 1016 #exatom-fa-page .fa-author-name { 1017 font-size: 0.88rem; 1018 font-weight: 700; 1019 color: #0f172a; 1020 text-align: left; 1021 } 1022 #exatom-fa-page .fa-author-title { 1023 font-size: 0.78rem; 1024 color: #64748b; 1025 text-align: left; 1026 } 1027 1028 /* ============================================================ 1029 FAQ 1030 ============================================================ */ 1031 #exatom-fa-page .fa-faq { 1032 padding: 72px 0; 1033 background: #f8fafc; 1034 } 1035 #exatom-fa-page .fa-faq-inner { 1036 display: grid; 1037 grid-template-columns: 1fr 2fr; 1038 gap: 64px; 1039 align-items: start; 1040 } 1041 #exatom-fa-page .fa-faq-list { 1042 display: flex; 1043 flex-direction: column; 1044 gap: 4px; 1045 } 1046 #exatom-fa-page .fa-faq-item { 1047 border-radius: 11px; 1048 overflow: hidden; 1049 background: #ffffff; 1050 border: 1px solid #e2e8f0; 1051 } 1052 #exatom-fa-page .fa-faq-q { 1053 padding: 16px 18px; 1054 cursor: pointer; 1055 display: flex; 1056 align-items: center; 1057 justify-content: space-between; 1058 gap: 12px; 1059 font-size: 0.9rem; 1060 font-weight: 600; 1061 color: #1e293b; 1062 user-select: none; 1063 -webkit-user-select: none; 1064 } 1065 #exatom-fa-page .fa-faq-q:hover { background: #f8fafc; } 1066 #exatom-fa-page .fa-faq-toggle { 1067 flex-shrink: 0; 1068 width: 22px; height: 22px; 1069 border-radius: 50%; 1070 background: rgba(0,130,255,0.1); 1071 color: #0082FF; 1072 font-size: 1.1rem; 1073 font-weight: 700; 1074 display: flex; 1075 align-items: center; 1076 justify-content: center; 1077 line-height: 1; 1078 transition: transform 0.22s, background 0.2s; 1079 } 1080 #exatom-fa-page .fa-faq-a { 1081 font-size: 0.87rem; 1082 color: #475569; 1083 line-height: 1.7; 1084 padding: 0 18px; 1085 max-height: 0; 1086 overflow: hidden; 1087 transition: max-height 0.32s ease, padding 0.28s; 1088 } 1089 #exatom-fa-page .fa-faq-item.open .fa-faq-a { 1090 max-height: 300px; 1091 padding: 0 18px 16px; 1092 } 1093 #exatom-fa-page .fa-faq-item.open .fa-faq-toggle { 1094 transform: rotate(45deg); 1095 background: #0082FF; 1096 color: #ffffff; 1097 } 1098 1099 /* ============================================================ 1100 CTA 1101 ============================================================ */ 1102 #exatom-fa-page .fa-cta { 1103 padding: 80px 0; 1104 background: linear-gradient(135deg, #0f2346 0%, #0a1628 100%); 1105 position: relative; 1106 overflow: hidden; 1107 text-align: center; 1108 } 1109 #exatom-fa-page .fa-cta::before { 1110 content: ''; 1111 position: absolute; 1112 top: 50%; left: 50%; 1113 transform: translate(-50%, -50%); 1114 width: 700px; height: 360px; 1115 background: radial-gradient(ellipse, rgba(0,130,255,0.2) 0%, transparent 70%); 1116 pointer-events: none; 1117 } 1118 #exatom-fa-page .fa-cta-inner { 1119 position: relative; 1120 z-index: 1; 1121 max-width: 620px; 1122 margin: 0 auto; 1123 } 1124 #exatom-fa-page .fa-cta h2 { 1125 color: #ffffff; 1126 margin-bottom: 16px; 1127 font-size: clamp(1.7rem, 3.5vw, 2.5rem); 1128 } 1129 #exatom-fa-page .fa-cta p { 1130 color: rgba(255,255,255,0.7); 1131 margin-bottom: 34px; 1132 } 1133 #exatom-fa-page .fa-cta-actions { 1134 display: flex; 1135 gap: 12px; 1136 justify-content: center; 1137 flex-wrap: wrap; 1138 } 1139 #exatom-fa-page .fa-privacy-badges { 1140 display: flex; 1141 align-items: center; 1142 justify-content: center; 1143 gap: 18px; 1144 margin-top: 28px; 1145 flex-wrap: wrap; 1146 } 1147 #exatom-fa-page .fa-privacy-badge { 1148 display: flex; 1149 align-items: center; 1150 gap: 5px; 1151 font-size: 0.75rem; 1152 font-weight: 600; 1153 color: rgba(255,255,255,0.5); 1154 letter-spacing: 0.03em; 1155 } 1156 #exatom-fa-page .fa-privacy-badge svg { 1157 width: 13px; height: 13px; 1158 fill: none; 1159 stroke: rgba(255,255,255,0.4); 1160 stroke-width: 2; 1161 stroke-linecap: round; 1162 stroke-linejoin: round; 1163 } 1164 1165 #exatom-fa-page .fa-cta .fa-btn-ghost { 1166 color: rgba(255,255,255,0.85); 1167 border-color: rgba(255,255,255,0.22); 1168 } 1169 #exatom-fa-page .fa-cta .fa-btn-ghost:hover { 1170 border-color: rgba(255,255,255,0.5); 1171 color: #ffffff; 1172 } 1173 1174 /* ============================================================ 1175 RESPONSIVE â TABLET (⤠900px) 1176 ============================================================ */ 1177 @media (max-width: 900px) { 1178 #exatom-fa-page .fa-hero { padding: 56px 0 48px; } 1179 1180 #exatom-fa-page .fa-hero-inner { 1181 grid-template-columns: 1fr; 1182 gap: 36px; 1183 } 1184 /* Text always first, image below */ 1185 #exatom-fa-page .fa-hero-content { order: 1; } 1186 #exatom-fa-page .fa-hero-visual { order: 2; } 1187 #exatom-fa-page .fa-hero-tag { display: none; } 1188 1189 #exatom-fa-page .fa-intro-inner, 1190 #exatom-fa-page .fa-eureka-inner { 1191 grid-template-columns: 1fr; 1192 gap: 36px; 1193 } 1194 1195 #exatom-fa-page .fa-feature-inner { 1196 grid-template-columns: 1fr; 1197 gap: 32px; 1198 } 1199 /* On all feature sections: text first, image below */ 1200 #exatom-fa-page .fa-feature-text { order: 1; } 1201 #exatom-fa-page .fa-feature-img { order: 2; } 1202 1203 #exatom-fa-page .fa-cols-grid { 1204 grid-template-columns: 1fr 1fr; 1205 } 1206 1207 #exatom-fa-page .fa-faq-inner { 1208 grid-template-columns: 1fr; 1209 gap: 28px; 1210 } 1211 } 1212 1213 /* ============================================================ 1214 RESPONSIVE â MOBILE (⤠600px) 1215 ============================================================ */ 1216 @media (max-width: 600px) { 1217 #exatom-fa-page .fa-hero { padding: 44px 0 36px; } 1218 1219 #exatom-fa-page .fa-intro, 1220 #exatom-fa-page .fa-feature, 1221 #exatom-fa-page .fa-eureka, 1222 #exatom-fa-page .fa-metrics, 1223 #exatom-fa-page .fa-cols, 1224 #exatom-fa-page .fa-testimonial, 1225 #exatom-fa-page .fa-faq, 1226 #exatom-fa-page .fa-cta { padding: 48px 0; } 1227 1228 #exatom-fa-page .fa-container { padding: 0 16px; } 1229 1230 #exatom-fa-page .fa-hero-actions { 1231 flex-direction: column; 1232 align-items: stretch; 1233 } 1234 #exatom-fa-page .fa-hero-actions .fa-btn-primary, 1235 #exatom-fa-page .fa-hero-actions .fa-btn-ghost { 1236 text-align: center; 1237 justify-content: center; 1238 width: 100%; 1239 } 1240 1241 #exatom-fa-page .fa-cols-grid { 1242 grid-template-columns: 1fr; 1243 } 1244 1245 #exatom-fa-page .fa-metrics-grid { 1246 grid-template-columns: 1fr; 1247 } 1248 /* Re-round corners for stacked single-column layout */ 1249 #exatom-fa-page .fa-metric-card:first-child { border-radius: 18px 18px 0 0; } 1250 #exatom-fa-page .fa-metric-card:nth-child(2) { border-radius: 0; } 1251 #exatom-fa-page .fa-metric-card:nth-child(3) { border-radius: 0; } 1252 #exatom-fa-page .fa-metric-card:last-child { border-radius: 0 0 18px 18px; } 1253 1254 #exatom-fa-page .fa-cta-actions { 1255 flex-direction: column; 1256 align-items: stretch; 1257 } 1258 #exatom-fa-page .fa-cta-actions .fa-btn-white, 1259 #exatom-fa-page .fa-cta-actions .fa-btn-ghost { 1260 text-align: center; 1261 justify-content: center; 1262 width: 100%; 1263 } 1264 1265 #exatom-fa-page .fa-privacy-badges { gap: 10px; } 1266 #exatom-fa-page .fa-chat-ui { padding: 16px; } 1267 #exatom-fa-page .fa-msg { max-width: 95%; } 1268 1269 #exatom-fa-page .fa-trust-inner { gap: 10px; } 1270 } 1271</style> 1272 1273<!-- ============================================================ 1274 HERO 1275 ============================================================ --> 1276<section class="fa-hero" aria-labelledby="fa-hero-heading"> 1277 <div class="fa-container"> 1278 <div class="fa-hero-inner"> 1279 1280 <div class="fa-hero-content">
1281 <span class="fa-hero-badge">Form Analytics</span> 1282 <h1 id="fa-hero-heading">See exactly where your forms lose conversions</h1> 1283 <p class="fa-hero-sub">Exatom tracks every visitor interaction inside your web forms and checkouts â field by field, visit by visit. Cookieless, privacy-first, and powered by Eureka, your AI CRO assistant.</p> 1284 <nav class="fa-hero-actions" aria-label="Primary actions"> 1285 <a href="https://olympus.exatom.io/signup?locale=en" class="fa-btn-primary">Start free 15-day trial</a> 1286 <a href="https://calendly.com/exatom/30min" class="fa-btn-ghost">Book a demo â</a> 1287 </nav> 1288 </div> 1289 1290 <div class="fa-hero-visual fa-reveal" aria-hidden="true"> 1291 <span class="fa-hero-tag">â +18% conversion rate</span> 1292 <img fetchpriority="high" decoding="async" src="/wp-content/uploads/2024/03/form-engagement-metrics.png" 1293 alt="Exatom form analytics dashboard showing engagement metrics, start rate, conversion rate and field-level drop-off data" 1294 class="fa-hero-img" 1295 width="560" height="380" 1296 loading="eager" /> 1297 </div> 1298 1299 </div> 1300 </div> 1301</section> 1302 1303<!-- ============================================================ 1304 TRUST BAR 1305 ============================================================ --> 1306<aside class="fa-trust" aria-label="Trusted by leading brands"> 1307 <div class="fa-container"> 1308 1309 <div id="gs_logo_area_5" data-sort="name" data-shortcode-id="5" class="gs_logo_area gs_logo_area_5 slider1 " data-options='{"logo_per_page":"6"}' style="opacity: 0; visibility: hidden;"> 1310 <div class="gs_logo_area--inner"> 1311 1312 <!-- Category Filters - New (Global) --> 1313 1314 1315<div class="gs_logo_container gs_carousel_swiper gs_logo_fix_height_and_center" data-carousel-config='{"direction":"horizontal","speed":500,"isAutoplay":true,"autoplayDelay":2000,"loop":true,"pauseOnHover":false,"ticker":false,"navs":false,"navs_pos":"bottom","dots":false,"dynamic_dots":true,"slideSpace":1,"slidesPerGroup":1,"desktopLogos":9,"tabletLogos":6,"mobileLogos":3,"reverseDirection":false}'> 1316 1317 1318 1319 <div class="gs_logo_single--wrapper"> 1320 <div class="gs_logo_single"> 1321 1322 <!-- Logo Img --> 1323 <img loading="lazy" decoding="async" width="300" height="167" src="/wp-content/uploads/2026/07/vanmoof-logo-vector-300x167.png" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="Van Moof" title="Van Moof" /> 1324 <!-- Logo Title --> 1325 1326 <!-- Logo Category --> 1327 1328 </div> 1329 </div> 1330 1331 1332 <div class="gs_logo_single--wrapper"> 1333 <div class="gs_logo_single"> 1334 1335 <!-- Logo Img --> 1336 <img loading="lazy" decoding="async" width="300" height="164" src="/wp-content/uploads/2026/07/Vandebron_logo-300x164.png" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Van de Bron" /> 1337 <!-- Logo Title --> 1338 1339 <!-- Logo Category --> 1340 1341 </div> 1342 </div> 1343 1344 1345 <div class="gs_logo_single--wrapper"> 1346 <div class="gs_logo_single"> 1347 1348 <!-- Logo Img --> 1349 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/Volkswagen.png" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="Volkswagen Exatom" title="Volkswagen" /> 1350 <!-- Logo Title --> 1351 1352 <!-- Logo Category --> 1353 1354 </div> 1355 </div> 1356 1357 1358 <div class="gs_logo_single--wrapper"> 1359 <div class="gs_logo_single"> 1360 1361 <!-- Logo Img --> 1362 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/Suzuki_logo-black-150x70-1.png" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Suzuki" /> 1363 <!-- Logo Title --> 1364 1365 <!-- Logo Category --> 1366 1367 </div> 1368 </div> 1369 1370 1371 <div class="gs_logo_single--wrapper"> 1372 <div class="gs_logo_single"> 1373 1374 <!-- Logo Img --> 1375 <img loading="lazy" decoding="async" width="300" height="170" src="/wp-content/uploads/2024/03/Lexus-logo-300x170.png" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="Lexus logo" title="Lexus" /> 1376 <!-- Logo Title --> 1377 1378 <!-- Logo Category --> 1379 1380 </div> 1381 </div> 1382 1383 1384 <div class="gs_logo_single--wrapper"> 1385 <div class="gs_logo_single"> 1386 1387 <!-- Logo Img --> 1388 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-hema_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Hema" /> 1389 <!-- Logo Title --> 1390 1391 <!-- Logo Category --> 1392 1393 </div> 1394 </div> 1395 1396 1397 <div class="gs_logo_single--wrapper"> 1398 <div class="gs_logo_single"> 1399 1400 <!-- Logo Img --> 1401 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-veritas_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Veritas" /> 1402 <!-- Logo Title --> 1403 1404 <!-- Logo Category --> 1405 1406 </div> 1407 </div> 1408 1409 1410 <div class="gs_logo_single--wrapper"> 1411 <div class="gs_logo_single"> 1412 1413 <!-- Logo Img --> 1414 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-deltafiber_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Delta" /> 1415 <!-- Logo Title --> 1416 1417 <!-- Logo Category --> 1418 1419 </div> 1420 </div> 1421 1422 1423 <div class="gs_logo_single--wrapper"> 1424 <div class="gs_logo_single"> 1425 1426 <!-- Logo Img --> 1427 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-caiway_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Caiway" /> 1428 <!-- Logo Title --> 1429 1430 <!-- Logo Category --> 1431 1432 </div> 1433 </div> 1434 1435 1436 <div class="gs_logo_single--wrapper"> 1437 <div class="gs_logo_single"> 1438 1439 <!-- Logo Img --> 1440 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-vgz_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="VGZ" /> 1441 <!-- Logo Title --> 1442 1443 <!-- Logo Category --> 1444 1445 </div> 1446 </div> 1447 1448 1449 <div class="gs_logo_single--wrapper"> 1450 <div class="gs_logo_single"> 1451 1452 <!-- Logo Img --> 1453 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-landrover_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Landrover" /> 1454 <!-- Logo Title --> 1455 1456 <!-- Logo Category --> 1457 1458 </div> 1459 </div> 1460 1461 1462 <div class="gs_logo_single--wrapper"> 1463 <div class="gs_logo_single"> 1464 1465 <!-- Logo Img --> 1466 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-audi_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Audi" /> 1467 <!-- Logo Title --> 1468 1469 <!-- Logo Category --> 1470 1471 </div> 1472 </div> 1473 1474 1475 <div class="gs_logo_single--wrapper"> 1476 <div class="gs_logo_single"> 1477 1478 <!-- Logo Img --> 1479 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-bmw_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="BMW" /> 1480 <!-- Logo Title --> 1481 1482 <!-- Logo Category --> 1483 1484 </div> 1485 </div> 1486 1487 1488 <div class="gs_logo_single--wrapper"> 1489 <div class="gs_logo_single"> 1490 1491 <!-- Logo Img --> 1492 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-brooks_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="Brooks Running" title="Brooks" /> 1493 <!-- Logo Title --> 1494 1495 <!-- Logo Category --> 1496 1497 </div> 1498 </div> 1499 1500 1501 <div class="gs_logo_single--wrapper"> 1502 <div class="gs_logo_single"> 1503 1504 <!-- Logo Img --> 1505 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-heycar_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Heycar" /> 1506 <!-- Logo Title --> 1507 1508 <!-- Logo Category --> 1509 1510 </div> 1511 </div> 1512 1513 1514 <div class="gs_logo_single--wrapper"> 1515 <div class="gs_logo_single"> 1516 1517 <!-- Logo Img --> 1518 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-inno_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Inno" /> 1519 <!-- Logo Title --> 1520 1521 <!-- Logo Category --> 1522 1523 </div> 1524 </div> 1525 1526 1527 <div class="gs_logo_single--wrapper"> 1528 <div class="gs_logo_single"> 1529 1530 <!-- Logo Img --> 1531 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-kia_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Kia" /> 1532 <!-- Logo Title --> 1533 1534 <!-- Logo Category --> 1535 1536 </div> 1537 </div> 1538 1539 1540 <div class="gs_logo_single--wrapper"> 1541 <div class="gs_logo_single"> 1542 1543 <!-- Logo Img --> 1544 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-leasplan_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Leaseplan" /> 1545 <!-- Logo Title --> 1546 1547 <!-- Logo Category --> 1548 1549 </div> 1550 </div> 1551 1552 1553 <div class="gs_logo_single--wrapper"> 1554 <div class="gs_logo_single"> 1555 1556 <!-- Logo Img --> 1557 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-oesterdam_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Oesterdam" /> 1558 <!-- Logo Title --> 1559 1560 <!-- Logo Category --> 1561 1562 </div> 1563 </div> 1564 1565 1566 <div class="gs_logo_single--wrapper"> 1567 <div class="gs_logo_single"> 1568 1569 <!-- Logo Img --> 1570 <img loading="lazy" decoding="async" width="150" height="70" src="/wp-content/uploads/2024/03/logo-toyota_black.svg" class="tt-placement-top tt-bgcolor-one-%23ff5f6d tt-bgcolor-two-%23ffc371 tt-textcolor-%23fff gs-logo--img wp-post-image" alt="" title="Toyota" /> 1571 <!-- Logo Title --> 1572 1573 <!-- Logo Category --> 1574 1575 </div> 1576 </div> 1577 1578 1579 1580</div> 1581 <!-- Pagination --> 1582 1583 </div> 1584 </div> 1585 1586 1587 </div> 1588</aside> 1589 1590<!-- ============================================================ 1591 INTRO â What is Form Analytics? 1592 ============================================================ --> 1593<section class="fa-intro" aria-labelledby="fa-intro-heading"> 1594 <div class="fa-container"> 1595 <div class="fa-intro-inner"> 1596 1597 <div class="fa-reveal"> 1598 <img decoding="async" src="/wp-content/uploads/2026/04/Exatom-conversion-path-analytics.png" 1599 alt="Exatom conversion path analytics showing the complete visitor journey through web forms" 1600 class="fa-section-img" 1601 width="540" height="360" 1602 loading="lazy" /> 1603 </div> 1604 1605 <div>
1606 <span class="fa-overline">What is Form Analytics?</span> 1607 <h2 id="fa-intro-heading">Your forms are losing revenue. Exatom shows you exactly where.</h2> 1608 <p class="fa-lead">Standard web analytics tools â GA4, Adobe Analytics â stop measuring the moment a visitor reaches your form. That's precisely where most conversions are lost. Exatom picks up from there, tracking every hesitation, drop-off, and error at field level.</p> 1609 <p>A 10% improvement in form conversion is a direct 10% increase in revenue â no extra traffic, no extra budget. Just smarter forms.</p> 1610 <p style="margin-top:28px;margin-bottom:0;"><a href="https://olympus.exatom.io/signup?locale=en" style="color:#0082FF;font-size:0.92rem;font-weight:700;text-decoration:none;display:inline;">Get started for free â</a></p> 1611 </div> 1612 1613 </div> 1614 </div> 1615</section> 1616 1617 1618<!-- ============================================================ 1619 FEATURE 1 â Form-level metrics (text left, image right) â alt bg 1620 ============================================================ --> 1621<section class="fa-feature alt" aria-labelledby="fa-form-heading"> 1622 <div class="fa-container"> 1623 <div class="fa-feature-inner" style="grid-template-columns:1fr 1fr;"> 1624 1625 <div class="fa-feature-text"> 1626 <span class="fa-overline">Form-level Metrics</span> 1627 <h2 id="fa-form-heading">Everything you need to understand complete form performance</h2> 1628 <p class="fa-lead">From the moment a visitor reaches your form to the final conversion, Exatom captures every interaction. Track the complete journey â and every lost opportunity within it.</p> 1629 <ul class="fa-feature-list" aria-label="Form-level analytics features"> 1630 <li><span class="fa-check" aria-hidden="true">
1630<svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Form start rate â how many visitors actually begin your form</li> 1631 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Total conversions, conversion rate, and trends over time</li> 1632 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Failed submit count â visitors who tried but couldn't complete it</li> 1633 <li><span class="fa-check" aria-hidden="true">
1633<svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Re-submit attempts and successful re-submit recovery rate</li> 1634 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Autofill adoption rate by browser and device</li> 1635 </ul> 1636 <p style="margin-top:28px;margin-bottom:0;"><a href="/cro-pulse-for-your-chrome-browser/" style="color:#0082FF;font-size:0.92rem;font-weight:700;text-decoration:none;display:inline;">Project analytics on your form â</a></p> 1637 </div> 1638 1639 <div class="fa-feature-img fa-reveal"> 1640 <img decoding="async" src="/wp-content/uploads/2024/03/form-engagement-metrics.png" 1641 alt="Exatom form engagement metrics report showing start rate, conversion rate, failed submit rate and autofill adoption" 1642 class="fa-section-img" 1643 width="540" height="360" 1644 loading="lazy" /> 1645 </div> 1646 1647 </div> 1648 </div> 1649</section> 1650 1651<!-- ============================================================ 1652 FEATURE 2 â Field-level intelligence (image left, text right) â white bg 1653 ============================================================ --> 1654<section class="fa-feature" aria-labelledby="fa-field-heading"> 1655 <div class="fa-container"> 1656 <div class="fa-feature-inner" style="grid-template-columns:1fr 1fr;"> 1657 1658 <div class="fa-feature-img fa-reveal"> 1659 <img decoding="async" src="/wp-content/uploads/2024/03/field-metrics.png" 1660 alt="Exatom field metrics report displaying drop-off rate, hesitation time and error notification frequency for each individual form field" 1661 class="fa-section-img" 1662 width="540" height="360" 1663 loading="lazy" /> 1664 </div> 1665 1666 <div class="fa-feature-text"> 1667 <span class="fa-overline">Field-level Intelligence</span> 1668 <h2 id="fa-field-heading">Pinpoint the exact field that's killing your conversion</h2> 1669 <p class="fa-lead">Not all form fields are created equal. Exatom measures interaction time, hesitation patterns, drop-off rates, and error frequencies for every single field â so you know where to act, not where to guess.</p> 1670 <ul class="fa-feature-list" aria-label="Field-level analytics features"> 1671 <li><span class="fa-check" aria-hidden="true">
1671<svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Drop-off rate and abandonment rate per field</li> 1672 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Hesitation time â how long visitors pause before interacting</li> 1673 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Error notification frequency per field</li> 1674 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Fill-in order deviations and unusual interaction patterns</li> 1675 <li><span class="fa-check" aria-hidden="true">
1675<svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Device and browser breakdown per field</li> 1676 </ul> 1677 <p style="margin-top:28px;margin-bottom:0;"><a href="https://olympus.exatom.io/signup?locale=en" style="color:#0082FF;font-size:0.92rem;font-weight:700;text-decoration:none;display:inline;">Start your free trial â</a></p> 1678 </div> 1679 1680 </div> 1681 </div> 1682</section> 1683 1684 1685<!-- ============================================================ 1686 EUREKA â AI CRO ASSISTANT 1687 ============================================================ --> 1688<section class="fa-eureka" aria-labelledby="fa-eureka-heading"> 1689 <div class="fa-container"> 1690 <div class="fa-eureka-inner"> 1691 1692 <div> 1693 <span class="fa-overline">Meet Eureka</span> 1694 <h2 id="fa-eureka-heading">Your AI CRO assistant that turns data into action</h2> 1695 <p class="fa-lead">Exatom Form Analytics gives you the data. Eureka â our agentic AI consultant â tells you what to do with it. Ask Eureka which field to fix first, why your mobile conversion dropped, or how your forms compare to industry benchmarks.</p> 1696 <ul class="fa-feature-list" aria-label="Eureka AI CRO assistant capabilities"> 1697 <li><span class="fa-check" aria-hidden="true">
1697<svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Instant CRO recommendations based on your live form data</li> 1698 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Root-cause analysis: Eureka connects the dots between metrics</li> 1699 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Benchmark comparisons with your industry vertical</li> 1700 <li><span class="fa-check" aria-hidden="true"><svg width="11" height="11" viewB
1700ox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="#0082FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Prioritised action plan â highest impact fixes first</li> 1701 </ul> 1702 <p style="margin-top:28px;margin-bottom:0;"><a href="/demo-request/" style="color:#60a5fa;font-size:0.92rem;font-weight:700;text-decoration:none;display:inline;">Get a demo â</a></p> 1703 </div> 1704 1705 <div class="fa-reveal" aria-label="Eureka AI assistant conversation example"> 1706 <div id="eureka-chat-container"> 1707 <style> 1708 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap'); 1709 1710 #eureka-chat-container { 1711 font-family: 'Inter', sans-serif !important; 1712 position: relative !important; 1713 width: 100% !important; 1714 max-width: 448px !important; 1715 margin: 0 auto !important; 1716 box-sizing: border-box !important; 1717 } 1718 1719 #eureka-chat-container * { 1720 box-sizing: border-box !important; 1721 font-family: 'Inter', sans-serif !important; 1722 } 1723 1724 #eureka-chat-container #eureka-chat { 1725 background: linear-gradient(180deg, hsl(185, 70%, 92%) 0%, hsl(190, 60%, 94%) 50%, hsl(195, 50%, 96%) 100%) !important; 1726 border-radius: 16px !important; 1727 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; 1728 overflow: hidden !important; 1729 position: relative !important; 1730 z-index: 1 !important; 1731 animation: eureka-float 6s ease-in-out infinite !important; 1732 } 1733 1734 #eureka-chat-container #eureka-chat::before { 1735 content: '' !important; 1736 position: absolute !important; 1737 inset: 0 !important; 1738 border-radius: 16px !important; 1739 padding: 1px !important; 1740 background: linear-gradient(45deg, white, #ea58f8, #b28df2, #a0f7fc, white) !important; 1741 background-size: 400% 400% !important; 1742 -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; 1743 -webkit-mask-composite: xor !important; 1744 mask-composite: exclude !important; 1745 animation: eureka-gradientBorder 4s ease infinite !important; 1746 pointer-events: none !important; 1747 opacity: 0.5 !important; 1748 } 1749 1750 #eureka-chat-container .eureka-header { 1751 background: linear-gradient(180deg, hsl(185, 65%, 90%) 0%, hsl(188, 60%, 92%) 100%) !important; 1752 padding: 16px 20px !important; 1753 display: flex !important; 1754 align-items: center !important; 1755 gap: 12px !important; 1756 } 1757 1758 #eureka-chat-container .eureka-header-icon { 1759 width: 32px !important; 1760 height: 32px !important; 1761 display: flex !important; 1762 align-items: center !important; 1763 justify-content: center !important; 1764 flex-shrink: 0 !important; 1765 } 1766 1767 #eureka-chat-container .eureka-header-icon svg { 1768 width: 24px !important; 1769 height: 24px !important; 1770 color: #0066FF !important; 1771 fill: #0066FF !important; 1772 } 1773 1774 #eureka-chat-container .eureka-header-title { 1775 flex: 1 !important; 1776 font-weight: 600 !important; 1777 color: #1a1a1a !important; 1778 font-size: 16px !important; 1779 margin: 0 !important; 1780 padding: 0 !important; 1781 } 1782 1783 #eureka-chat-container .eureka-header-actions { 1784 display: flex !important; 1785 gap: 8px !important; 1786 } 1787 1788 #eureka-chat-container .eureka-header-btn { 1789 width: 32px !important; 1790 height: 32px !important; 1791 display: flex !important; 1792 align-items: center !important; 1793 justify-content: center !important; 1794 background: none !important; 1795 border: none !important; 1796 cursor: pointer !important; 1797 color: #666 !important; 1798 transition: color 0.2s !important; 1799 padding: 0 !important; 1800 flex-shrink: 0 !important; 1801 } 1802 1803 #eureka-chat-container .eureka-header-btn:hover { color: #1a1a1a !important; } 1804 1805 #eureka-chat-container .eureka-header-btn svg {
1806 width: 20px !important; 1807 height: 20px !important; 1808 } 1809 1810 #eureka-chat-container .eureka-messages { 1811 height: 360px !important; 1812 overflow-y: auto !important; 1813 padding: 16px !important; 1814 display: flex !important; 1815 flex-direction: column !important; 1816 gap: 16px !important; 1817 background: #ffffff !important; 1818 margin: 0 !important; 1819 list-style: none !important; 1820 } 1821 1822 #eureka-chat-container .eureka-message { 1823 display: flex !important; 1824 gap: 12px !important; 1825 animation: eureka-bubbleEnter 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; 1826 margin: 0 !important; 1827 padding: 0 !important; 1828 } 1829 1830 #eureka-chat-container .eureka-message.user { 1831 flex-direction: row-reverse !important; 1832 } 1833 1834 #eureka-chat-container .eureka-avatar { 1835 width: 32px !important; 1836 height: 32px !important; 1837 min-width: 32px !important; 1838 border-radius: 50% !important; 1839 display: flex !important; 1840 align-items: center !important; 1841 justify-content: center !important; 1842 flex-shrink: 0 !important; 1843 align-self: flex-start !important; 1844 margin: 0 !important; 1845 padding: 0 !important; 1846 } 1847 1848 #eureka-chat-container .eureka-avatar.ai { 1849 background: #fcfcfc !important; 1850 border: 1px solid #e0e0e0 !important; 1851 } 1852 1853 #eureka-chat-container .eureka-avatar.user { 1854 background: #0066FF !important; 1855 } 1856 1857 #eureka-chat-container .eureka-avatar svg { 1858 width: 16px !important; 1859 height: 16px !important; 1860 } 1861 1862 #eureka-chat-container .eureka-avatar.ai svg { 1863 color: #0066FF !important; 1864 fill: #0066FF !important; 1865 } 1866 1867 #eureka-chat-container .eureka-avatar.user svg { 1868 color: white !important; 1869 fill: none !important; 1870 } 1871 1872 #eureka-chat-container .eureka-bubble { 1873 max-width: 80% !important; 1874 padding: 12px 16px !important; 1875 border-radius: 16px !important; 1876 font-size: 14px !important; 1877 line-height: 1.5 !important; 1878 margin: 0 !important; 1879 } 1880 1881 #eureka-chat-container .eureka-bubble.ai { 1882 background: #fcfcfc !important; 1883 border: 1px solid #e0e0e0 !important; 1884 border-bottom-left-radius: 6px !important; 1885 box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; 1886 color: #1a1a1a !important; 1887 } 1888 1889 #eureka-chat-container .eureka-bubble.user { 1890 background: #0066FF !important; 1891 color: white !important; 1892 border-bottom-right-radius: 6px !important; 1893 } 1894 1895 #eureka-chat-container .eureka-bubble ul, 1896 #eureka-chat-container .eureka-bubble ol { 1897 margin: 6px 0 0 0 !important; 1898 padding-left: 18px !important; 1899 } 1900 1901 #eureka-chat-container .eureka-bubble li { 1902 margin-bottom: 2px !important; 1903 padding: 0 !important; 1904 } 1905 1906 #eureka-chat-container .eureka-typing { 1907 display: flex !important; 1908 gap: 4px !important; 1909 padding: 8px 0 !important; 1910 margin: 0 !important; 1911 } 1912 1913 #eureka-chat-container .eureka-typing-dot { 1914 width: 8px !important; 1915 height: 8px !important; 1916 background: #999 !important; 1917 border-radius: 50% !important; 1918 animation: eureka-typingBounce 1.4s infinite ease-in-out both !important; 1919 } 1920 1921 #eureka-chat-container .eureka-typing-dot:nth-child(1) { animation-delay: -0.32s !important; } 1922 #eureka-chat-container .eureka-typing-dot:nth-child(2) { animation-delay: -0.16s !important; } 1923 #eureka-chat-container .eureka-typing-dot:nth-child(3) { animation-delay: 0s !important; } 1924 1925 #eureka-chat-container .eureka-quick-actions { 1926 padding: 12px 16px !important; 1927 background: linear-gradient(180deg, hsl(188, 55%, 92%) 0%, hsl(190, 50%, 94%) 100%) !important; 1928 border-top: 1px solid hsl(190, 40%, 85%) !important; 1929 display: flex !important; 1930 flex-wrap: wrap !important; 1931 gap: 8px !important; 1932 margin: 0 !important; 1933 } 1934 1935 #eureka-chat-container .eureka-quick-btn { 1936 padding: 6px 12px !important; 1937 font-size: 12px !important; 1938 font-weight: 500 !important; 1939 border-radius: 9999px !important; 1940 background: white !important; 1941 border: 1px solid #e0e0e0 !important; 1942 color: #1a1a1a !important; 1943 cursor: pointer !important; 1944 transition: background 0.2s !important; 1945 margin: 0 !important; 1946 line-height: 1.4 !important; 1947 } 1948 1949 #eureka-chat-container .eureka-quick-btn:hover { background: #f5f5f5 !important; } 1950 1951 #eureka-chat-container .eureka-input-area { 1952 padding: 16px !important; 1953 background: linear-gradient(180deg, hsl(188, 50%, 93%) 0%, hsl(190, 45%, 95%) 100%) !important; 1954 border-top: 1px solid hsl(190, 40%, 85%) !important; 1955 margin: 0 !important; 1956 } 1957 1958 #eureka-chat-container .eureka-input-wrapper { 1959 display: flex !important; 1960 align-items: center !important; 1961 gap: 8px !important; 1962 background: white !important; 1963 border-radius: 12px !important; 1964 padding: 12px 16px !important; 1965 border: 1px solid #e0e0e0 !important; 1966 margin: 0 !important; 1967 } 1968 1969 #eureka-chat-container .eureka-input { 1970 flex: 1 !important; 1971 border: none !important; 1972 outline: none !important; 1973 font-size: 14px !important; 1974 font-family: 'Inter', sans-serif !important; 1975 background: transparent !important; 1976 cursor: default !important; 1977 pointer-events: none !important; 1978 resize: none !important; 1979 box-shadow: none !important; 1980 padding: 0 !important; 1981 margin: 0 !important; 1982 color: #333 !important; 1983 min-height: 0 !important; 1984 height: auto !important; 1985 } 1986 1987 #eureka-chat-container .eureka-input::placeholder { color: #999 !important; } 1988 1989 #eureka-chat-container .eureka-send-btn { 1990 background: none !important; 1991 border: none !important; 1992 cursor: pointer !important; 1993 color: #999 !important; 1994 transition: color 0.2s !important; 1995 padding: 0 !important; 1996 display: flex !important; 1997 flex-shrink: 0 !important; 1998 } 1999 2000 #eureka-chat-container .eureka-send-btn:hover { color: #0066FF !important; } 2001 2002 #eureka-chat-container .eureka-send-btn svg {
2003 width: 20px !important; 2004 height: 20px !important; 2005 } 2006 2007 #eureka-chat-container .eureka-decoration-1 { 2008 position: absolute !important; 2009 z-index: -1 !important; 2010 top: -16px !important; 2011 right: -16px !important; 2012 width: 96px !important; 2013 height: 96px !important; 2014 border-radius: 50% !important; 2015 background: rgba(0, 102, 255, 0.1) !important; 2016 filter: blur(32px) !important; 2017 } 2018 2019 #eureka-chat-container .eureka-decoration-2 { 2020 position: absolute !important; 2021 z-index: -1 !important; 2022 bottom: -16px !important; 2023 left: -16px !important; 2024 width: 128px !important; 2025 height: 128px !important; 2026 border-radius: 50% !important; 2027 background: rgba(0, 200, 255, 0.2) !important; 2028 filter: blur(32px) !important; 2029 } 2030 2031 @keyframes eureka-bubbleEnter { 2032 0% { opacity: 0; transform: translateY(20px) scale(0.95); } 2033 100% { opacity: 1; transform: translateY(0) scale(1); } 2034 } 2035 2036 @keyframes eureka-typingBounce { 2037 0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; } 2038 40% { transform: scale(1); opacity: 1; } 2039 } 2040 2041 @keyframes eureka-float { 2042 0%, 100% { transform: translateY(0px); } 2043 50% { transform: translateY(-10px); } 2044 } 2045 2046 @keyframes eureka-gradientBorder { 2047 0% { background-position: 0% 50%; } 2048 50% { background-position: 100% 50%; } 2049 100% { background-position: 0% 50%; } 2050 } 2051 </style> 2052 2053 <div id="eureka-chat"> 2054 <div class="eureka-header"> 2055 <div class="eureka-header-icon"> 2056 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 2057 <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/> 2058 </svg> 2059 </div> 2060 <span class="eureka-header-title">Ask Eureka</span> 2061 <div class="eureka-header-actions"> 2062 <button class="eureka-header-btn"> 2063 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 2064 <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/> 2065 <path d="M21 3v5h-5"/> 2066 <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/> 2067 <path d="M3 21v-5h5"/> 2068 </svg> 2069 </button> 2070 <button class="eureka-header-btn"> 2071 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 2072 <line x1="18" y1="6" x2="6" y2="18"/> 2073 <line x1="6" y1="6" x2="18" y2="18"/> 2074 </svg> 2075 </button> 2076 </div> 2077 </div> 2078 2079 <div class="eureka-messages" id="eureka-messages"></div> 2080 2081 <div class="eureka-quick-actions"> 2082 <button class="eureka-quick-btn">Understand Abandonment Rates</button> 2083 <button class="eureka-quick-btn">Analyse Conversion Funnel</button> 2084 <button class="eureka-quick-btn">Recommend Optimisations</button> 2085 <button class="eureka-quick-btn">Identify Problematic Fields</button> 2086 </div> 2087 2088 <div class="eureka-input-area"> 2089 <div class="eureka-input-wrapper"> 2090 <textarea class="eureka-input" id="eureka-input" placeholder="Type your question.." readonly></textarea> 2091 <button class="eureka-send-btn"> 2092 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2093 <line x1="22" y1="2" x2="11" y2="13"/> 2094 <polygon points="22 2 15 22 11 13 2 9 22 2"/> 2095 </svg> 2096 </button> 2097 </div> 2098 </div> 2099 </div> 2100 2101 <div class="eureka-decoration-1"></div> 2102 <div class="eureka-decoration-2"></div> 2103</div> 2104
2105<script> 2106 (function() { 2107 function dayPartFromHour(hour) { 2108 hour = (hour !== undefined) ? hour : new Date().getHours(); 2109 var h = ((Number(hour) % 24) + 24) % 24; 2110 if (h >= 5 && h < 12) return "morning"; 2111 if (h >= 12 && h < 17) return "afternoon"; 2112 if (h >= 17 && h < 21) return "evening"; 2113 return "night"; 2114 } 2115 2116 var chatScript = [ 2117 { id: 0, content: "Good " + dayPartFromHour() + "! I'm Eureka, how can I help you?", isUser: false }, 2118 { id: 1, content: "Hi Eureka! Can you analyse the checkout form performance for last month?", isUser: true }, 2119 { id: 2, content: "I've analysed your checkout form data for " + new Date().toLocaleString('en-US', { month: 'long' }) + ". I found 3 key issues: <ul><li>The 'Phone Number' field has a 34% abandonment rate.</li><li>Users spend an average of 45 seconds on the 'address' field.</li><li>The payment step shows 28% drop-off.</li></ul>", isUser: false }, 2120 { id: 3, content: "That's concerning! What do you recommend to fix the phone number field?", isUser: true }, 2121 { id: 4, content: "Based on session replays, users are confused by the format requirements. I recommend: <ol><li>Add an auto-format mask for phone numbers.</li><li>Make the field optional if you have email.</li><li>Add a smart tooltip explaining the format.</li></ol>This could recover 15-20% of those drop-offs.", isUser: false }, 2122 { id: 5, content: "Can you set up that tooltip for me?", isUser: true }, 2123 { id: 6, content: "Done, ready for approval! I've created a Smart Tooltip that appears when users focus the phone field. It shows the expected format and explains why you need their number. Once you approve the campaign its live - no developer needed! ð", isUser: false } 2124 ]; 2125 2126 var messagesContainer = document.getElementById('eureka-messages'); 2127 var inputField = document.getElementById('eureka-input'); 2128 var visibleMessages = []; 2129 var isTyping = false; 2130 var charIndex = 0; 2131 var typingInterval = null; 2132 var timeoutId = null; 2133 2134 var userIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>'; 2135 var aiIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>'; 2136 2137 function renderMessages() { 2138 messagesContainer.innerHTML = ''; 2139 visibleMessages.forEach(function(id) { 2140 var msg = chatScript.find(function(m) { return m.id === id; }); 2141 if (msg) { 2142 var div = document.createElement('div'); 2143 div.className = 'eureka-message ' + (msg.isUser ? 'user' : 'ai'); 2144 div.innerHTML = 2145 '<div class="eureka-avatar ' + (msg.isUser ? 'user' : 'ai') + '">' + (msg.isUser ? userIcon : aiIcon) + '</div>' + 2146 '<div class="eureka-bubble ' + (msg.isUser ? 'user' : 'ai') + '">' + msg.content + '</div>'; 2147 messagesContainer.appendChild(div); 2148 } 2149 }); 2150 if (isTyping) { 2151 var typingDiv = document.createElement('div'); 2152 typingDiv.className = 'eureka-message ai'; 2153 typingDiv.innerHTML = 2154 '<div class="eureka-avatar ai">' + aiIcon + '</div>' + 2155 '<div class="eureka-bubble ai"><div class="eureka-typing">' + 2156 '<div class="eureka-typing-dot"></div>' + 2157 '<div class="eureka-typing-dot"></div>' + 2158 '<div class="eureka-typing-dot"></div>' + 2159 '</div></div>'; 2160 messagesContainer.appendChild(typingDiv); 2161 } 2162 messagesContainer.scrollTop = messagesContainer.scrollHeight; 2163 } 2164 2165 function showNextMessage(index) { 2166 if (index >= chatScript.length) { 2167 timeoutId = setTimeout(function() { 2168 visibleMessages = []; 2169 inputField.value = ''; 2170 renderMessages(); 2171 showNextMessage(0); 2172 }, 4000); 2173 return; 2174 } 2175 2176 var message = chatScript[index]; 2177 2178 if (message.isUser) { 2179 var text = message.content; 2180 charIndex = 0; 2181 inputField.value = ''; 2182 2183 typingInterval = setInterval(function() { 2184 if (charIndex < text.length) { 2185 charIndex++; 2186 inputField.value = text.slice(0, charIndex); 2187 } else { 2188 clearInterval(typingInterval); 2189 timeoutId = setTimeout(function() { 2190 inputField.value = ''; 2191 visibleMessages.push(message.id); 2192 isTyping = true; 2193 renderMessages(); 2194 timeoutId = setTimeout(function() { 2195 isTyping = false;
2196 renderMessages(); 2197 showNextMessage(index + 1); 2198 }, 3500); 2199 }, 2000); 2200 } 2201 }, 30); 2202 } else { 2203 var isLastMessage = index === chatScript.length - 1; 2204 visibleMessages.push(message.id); 2205 renderMessages(); 2206 timeoutId = setTimeout(function() { 2207 showNextMessage(index + 1); 2208 }, !isLastMessage ? 3000 : 10000); 2209 } 2210 } 2211 2212 showNextMessage(0); 2213 })(); 2214</script>
2214 2215 2216 </div> 2217 </div> 2218</section> 2219 2220<!-- ============================================================ 2221 KEY STATS 2222 ============================================================ --> 2223<section class="fa-metrics" aria-labelledby="fa-metrics-heading"> 2224 <div class="fa-container"> 2225 <div class="fa-metrics-header"> 2226 <span class="fa-overline" style="display:block;text-align:center;">The numbers behind form friction</span> 2227 <h2 id="fa-metrics-heading">Most marketers are flying blind at the most critical moment</h2> 2228 </div> 2229 <div class="fa-metrics-grid fa-reveal-stagger" role="list"> 2230 <article class="fa-metric-card" role="listitem"> 2231 <div class="fa-metric-icon" aria-hidden="true"> 2232 <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg> 2233 </div> 2234 <div class="fa-metric-big">38%</div> 2235 <div class="fa-metric-label">Never start typing</div> 2236 <p class="fa-metric-desc">Of visitors who reach your form page never interact with a single field. Exatom shows you why â and where you're losing them before they begin.</p> 2237 </article> 2238 <article class="fa-metric-card" role="listitem"> 2239 <div class="fa-metric-icon" aria-hidden="true"> 2240 <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 2241 </div> 2242 <div class="fa-metric-big">9.4s</div> 2243 <div class="fa-metric-label">Average hesitation time</div> 2244 <p class="fa-metric-desc">The average time visitors hesitate before completing a web form. High hesitation on specific fields signals confusion, mistrust, or unnecessary friction.</p> 2245 </article> 2246 <article class="fa-metric-card" role="listitem"> 2247 <div class="fa-metric-icon" aria-hidden="true"> 2248 <svg viewBox="0 0 24 24"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg> 2249 </div> 2250 <div class="fa-metric-big">14%</div> 2251 <div class="fa-metric-label">Fail on submit</div> 2252 <p class="fa-metric-desc">Of users who fill in your form fail to submit it successfully. These are hot leads lost to validation errors or unclear labels you never knew about.</p> 2253 </article> 2254 <article class="fa-metric-card" role="listitem"> 2255 <div class="fa-metric-icon" aria-hidden="true"> 2256 <svg viewBox="0 0 24 24"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> 2257 </div> 2258 <div class="fa-metric-big">+10%</div> 2259 <div class="fa-metric-label">Average conversion lift</div> 2260 <p class="fa-metric-desc">Exatom customers typically achieve a 10% or higher conversion uplift within their first months â directly translating to revenue without additional traffic spend.</p> 2261 </article> 2262 </div> 2263 </div> 2264</section> 2265 2266<!-- ============================================================ 2267 FEATURE COLUMNS 2268 ============================================================ --> 2269<section class="fa-cols" aria-labelledby="fa-cols-heading"> 2270 <div class="fa-container"> 2271 <div class="fa-cols-header"> 2272 <span class="fa-overline" style="display:block;text-align:center;">Everything you measure</span> 2273 <h2 id="fa-cols-heading" style="text-align:center;">Two levels of insight, one simple platform</h2> 2274 </div> 2275 <div class="fa-cols-grid fa-reveal-stagger"> 2276 2277 <article class="fa-col-card"> 2278 <div class="fa-col-icon" aria-hidden="true"> 2279 <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg> 2280 </div> 2281 <h3>Form metrics</h3> 2282 <p style="font-size:0.83rem;color:#64748b;line-height:1.55;">Track performance across the complete lifecycle of every form on your site.</p> 2283 <ul class="fa-col-list"> 2284 <li><span class="fa-dot" aria-hidden="true"></span>Form start rate & total starts</li> 2285 <li><span class="fa-dot" aria-hidden="true"></span>Conversion rate & total conversions</li> 2286 <li><span class="fa-dot" aria-hidden="true"></span>Failed submits & re-submit recovery</li> 2287 <li><span class="fa-dot" aria-hidden="true"></span>Form hesitation time</li> 2288 <li><span class="fa-dot" aria-hidden="true"></span>Device & browser segmentation</li> 2289 <li><span class="fa-dot" aria-hidden="true"></span>Autofill adoption rate</li> 2290 </ul> 2291 </article> 2292 2293 <article class="fa-col-card"> 2294 <div class="fa-col-icon" aria-hidden="true"> 2295 <svg viewBox="0 0 24 24">
2295<path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2z"/><path d="M7 7h.01"/></svg> 2296 </div> 2297 <h3>Field metrics</h3> 2298 <p style="font-size:0.83rem;color:#64748b;line-height:1.55;">Drill down to individual field behaviour â the most actionable level of analysis.</p> 2299 <ul class="fa-col-list"> 2300 <li><span class="fa-dot" aria-hidden="true"></span>Drop-off & abandonment rate per field</li> 2301 <li><span class="fa-dot" aria-hidden="true"></span>Interaction time & hesitation time</li> 2302 <li><span class="fa-dot" aria-hidden="true"></span>Error notification frequency</li> 2303 <li><span class="fa-dot" aria-hidden="true"></span>Fill-in order & interaction sequence</li> 2304 <li><span class="fa-dot" aria-hidden="true"></span>Visitor interactions per field</li> 2305 <li><span class="fa-dot" aria-hidden="true"></span>Field-level device breakdown</li> 2306 </ul> 2307 </article> 2308 2309 <article class="fa-col-card"> 2310 <div style="margin-bottom:14px;"> 2311 <img decoding="async" src="/wp-content/uploads/2023/05/Looker.svg" 2312 alt="Google Looker Studio â integrated with Exatom Form Analytics for custom dashboard reporting" 2313 style="height:30px;width:auto;display:block;" 2314 loading="lazy" /> 2315 </div> 2316 <h3>Integrations</h3> 2317 <p style="font-size:0.83rem;color:#64748b;line-height:1.55;">Connects seamlessly with your existing analytics stack â no rip and replace.</p> 2318 <ul class="fa-col-list"> 2319 <li><span class="fa-dot" aria-hidden="true"></span>Google Looker Studio connector</li> 2320 <li><span class="fa-dot" aria-hidden="true"></span>Google Analytics 4 complement</li> 2321 <li><span class="fa-dot" aria-hidden="true"></span>Adobe Analytics compatible</li> 2322 <li><span class="fa-dot" aria-hidden="true"></span>Tag manager compatible (GTM, Tealium)</li> 2323 <li><span class="fa-dot" aria-hidden="true"></span>Single JS tag â no developers needed</li> 2324 <li><span class="fa-dot" aria-hidden="true"></span>SPA & multi-step form support</li> 2325 </ul> 2326 </article> 2327 2328 </div> 2329 </div> 2330</section> 2331 2332<!-- ============================================================ 2333 TESTIMONIAL 2334 ============================================================ --> 2335<section class="fa-testimonial" aria-label="Customer testimonial â Brooks Running"> 2336 <div class="fa-container"> 2337 <div class="fa-testimonial-inner fa-reveal"> 2338 <span class="fa-stars" aria-label="5 out of 5 stars">â â â â â </span> 2339 <blockquote class="fa-quote">"For Brooks Running, the value that Exatom provides on top of Adobe Analytics is the deeper granularity it performs on our forms. By zeroing into specific fields, we ensure our forms are optimised down to details missed in our UX research process. This led to a 4.2% increase in checkout conversions during the first year."</blockquote> 2340 <div class="fa-quote-author"> 2341 <div class="fa-author-avatar" aria-hidden="true">JL</div> 2342 <div> 2343 <div class="fa-author-name">Jesse Lee</div> 2344 <div class="fa-author-title">Manager, CRM & Customer Analytics EMEA</div> 2345 </div> 2346 </div> 2347 </div> 2348 </div> 2349</section> 2350 2351<!-- ============================================================ 2352 FAQ 2353 ============================================================ --> 2354<section class="fa-faq" aria-labelledby="fa-faq-heading"> 2355 <div class="fa-container"> 2356 <div class="fa-faq-inner"> 2357 2358 <div> 2359 <span class="fa-overline">FAQ</span> 2360 <h2 id="fa-faq-heading">Frequently asked questions</h2> 2361 <p style="color:#64748b;font-size:0.92rem;margin-top:14px;line-height:1.65;">Everything you need to know about Exatom Form Analytics. Can't find your answer? <a href="/contact/" style="color:#0082FF;font-weight:600;text-decoration:none;">Contact us.</a></p> 2362 </div> 2363 2364 <div class="fa-faq-list" id="fa-faq-list"> 2365 2366 <div class="fa-faq-item open">
2367 <div class="fa-faq-q" onclick="faToggleFaq(this)" role="button" tabindex="0" aria-expanded="true" 2368 onkeydown="if(event.key==='Enter'||event.key===' ')faToggleFaq(this)"> 2369 How is Exatom different from Google Analytics (GA4)? 2370 <span class="fa-faq-toggle" aria-hidden="true">+</span> 2371 </div> 2372 <div class="fa-faq-a">GA4 tracks page-level events and user flows â it stops at the form. Exatom starts where GA4 stops, measuring exactly what happens inside your form: which fields users hesitate on, where they drop off, how often they encounter errors, and how many fail to submit. Exatom requires zero configuration and works cookieless out of the box.</div> 2373 </div> 2374 2375 <div class="fa-faq-item"> 2376 <div class="fa-faq-q" onclick="faToggleFaq(this)" role="button" tabindex="0" aria-expanded="false" 2377 onkeydown="if(event.key==='Enter'||event.key===' ')faToggleFaq(this)"> 2378 Is Exatom GDPR-compliant and cookieless? 2379 <span class="fa-faq-toggle" aria-hidden="true">+</span> 2380 </div> 2381 <div class="fa-faq-a">Yes. Exatom is built privacy-first from day one. It operates entirely without cookies, collects no personal data, and is fully compliant with GDPR and European privacy regulations. Exatom is also ISO 27001 certified. You don't need to add Exatom to your cookie consent banner.</div> 2382 </div> 2383 2384 <div class="fa-faq-item"> 2385 <div class="fa-faq-q" onclick="faToggleFaq(this)" role="button" tabindex="0" aria-expanded="false" 2386 onkeydown="if(event.key==='Enter'||event.key===' ')faToggleFaq(this)"> 2387 How quickly can I get started? 2388 <span class="fa-faq-toggle" aria-hidden="true">+</span> 2389 </div> 2390 <div class="fa-faq-a">One tag on your website is all it takes. After placing the Exatom JavaScript tag â directly or via your tag manager â Exatom automatically detects all your forms and starts measuring. Most customers see data within minutes and meaningful insights within days.</div> 2391 </div> 2392 2393 <div class="fa-faq-item"> 2394 <div class="fa-faq-q" onclick="faToggleFaq(this)" role="button" tabindex="0" aria-expanded="false" 2395 onkeydown="if(event.key==='Enter'||event.key===' ')faToggleFaq(this)"> 2396 What is Eureka and how does the AI CRO assistant work? 2397 <span class="fa-faq-toggle" aria-hidden="true">+</span> 2398 </div> 2399 <div class="fa-faq-a">Eureka is Exatom's AI CRO assistant â an agentic consultant built directly into the platform. Ask Eureka a question in plain language and it analyzes your live form data, identifies root causes of conversion loss, benchmarks you against industry peers, and delivers a prioritised action plan. No analyst needed.</div> 2400 </div> 2401 2402 <div class="fa-faq-item"> 2403 <div class="fa-faq-q" onclick="faToggleFaq(this)" role="button" tabindex="0" aria-expanded="false" 2404 onkeydown="if(event.key==='Enter'||event.key===' ')faToggleFaq(this)"> 2405 Does Exatom work with multi-step forms and single-page applications? 2406 <span class="fa-faq-toggle" aria-hidden="true">+</span> 2407 </div> 2408 <div class="fa-faq-a">Yes. Exatom is compatible with dynamic forms, multi-step forms, single-page applications, and most popular frontend frameworks. It uses vanilla JavaScript with no dependencies, making it compatible with virtually any website technology stack.</div> 2409 </div> 2410 2411 <div class="fa-faq-item"> 2412 <div class="fa-faq-q" onclick="faToggleFaq(this)" role="button" tabindex="0" aria-expanded="false" 2413 onkeydown="if(event.key==='Enter'||event.key===' ')faToggleFaq(this)"> 2414 Is there a free trial for Exatom Form Analytics? 2415 <span class="fa-faq-toggle" aria-hidden="true">+</span> 2416 </div> 2417 <div class="fa-faq-a">Yes â you can try Exatom for free for 15 days with no credit card required. You'll get full access to Form Analytics, field-level data, and Eureka during your trial.</div> 2418 </div> 2419 2420 </div> 2421 </div> 2422 </div> 2423</section> 2424 2425<!-- ============================================================ 2426 CTA 2427 ============================================================ --> 2428<section class="fa-cta" aria-labelledby="fa-cta-heading"> 2429 <div class="fa-container"> 2430 <div class="fa-cta-inner">
2431 <span class="fa-overline" style="display:block;text-align:center;color:#60a5fa;">Start today â free</span> 2432 <h2 id="fa-cta-heading">Stop guessing. Start converting.</h2> 2433 <p>Add one tag to your website and see exactly where your forms are losing revenue. No credit card. No developers. Just answers.</p> 2434 <nav class="fa-cta-actions" aria-label="Sign up actions"> 2435 <a href="https://olympus.exatom.io/signup?locale=en" class="fa-btn-white">Start free 15-day trial</a> 2436 <a href="https://calendly.com/exatom/30min" class="fa-btn-ghost">Book a demo â</a> 2437 </nav> 2438 <div class="fa-privacy-badges" aria-label="Trust and compliance signals"> 2439 <span class="fa-privacy-badge"> 2440 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 2441 No cookies 2442 </span> 2443 <span class="fa-privacy-badge"> 2444 <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> 2445 GDPR compliant 2446 </span> 2447 <span class="fa-privacy-badge"> 2448 <svg viewBox="0 0 24 24" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg> 2449 ISO 27001 certified 2450 </span> 2451 <span class="fa-privacy-badge"> 2452 <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 2453 Live in minutes 2454 </span> 2455 </div> 2456 </div> 2457 </div> 2458</section> 2459 2460</div><!-- /#exatom-fa-page --> 2461 2462<!-- ============================================================ 2463 JAVASCRIPT â FAQ toggle + IntersectionObserver scroll reveal 2464 ============================================================ -->
2465<script> 2466(function () { 2467 'use strict'; 2468 2469 /* ---- FAQ accordion ---- */ 2470 window.faToggleFaq = function (btn) { 2471 var item = btn.closest('.fa-faq-item'); 2472 var list = document.getElementById('fa-faq-list'); 2473 var isOpen = item.classList.contains('open'); 2474 2475 list.querySelectorAll('.fa-faq-item').forEach(function (el) { 2476 el.classList.remove('open'); 2477 var q = el.querySelector('.fa-faq-q'); 2478 if (q) q.setAttribute('aria-expanded', 'false'); 2479 }); 2480 2481 if (!isOpen) { 2482 item.classList.add('open'); 2483 btn.setAttribute('aria-expanded', 'true'); 2484 } 2485 }; 2486 2487 /* ---- Scroll-reveal (fires once per element) ---- */ 2488 function initReveal () { 2489 var targets = document.querySelectorAll( 2490 '#exatom-fa-page .fa-reveal, #exatom-fa-page .fa-reveal-stagger' 2491 ); 2492 2493 if (!('IntersectionObserver' in window)) { 2494 targets.forEach(function (el) { el.classList.add('fa-in-view'); }); 2495 return; 2496 } 2497 2498 var observer = new IntersectionObserver(function (entries) { 2499 entries.forEach(function (entry) { 2500 if (entry.isIntersecting) { 2501 entry.target.classList.add('fa-in-view'); 2502 observer.unobserve(entry.target); 2503 } 2504 }); 2505 }, { threshold: 0.12, rootMargin: '0px 0px -32px 0px' }); 2506 2507 targets.forEach(function (el) { observer.observe(el); }); 2508 } 2509 2510 if (document.readyState === 'loading') { 2511 document.addEventListener('DOMContentLoaded', initReveal); 2512 } else { 2513 initReveal(); 2514 } 2515 2516}()); 2517</script>
2517 2518<!-- END EXATOM Form Analytics Page Snippet --></div> 2519 </div> <!-- .et_pb_fullwidth_code --> 2520 2521 2522 </div> <!-- .et_pb_section --> </div><!-- .et_builder_inner_content --> 2523 </div><!-- .et-l --> 2524 2525 2526 </div><!-- #et-boc --> 2527 </div> <!-- .entry-content --> 2528 2529 2530 </article> <!-- .et_pb_post --> 2531 2532 2533 2534</div> <!-- #main-content --> 2535 2536 2537 <span class="et_pb_scroll_top et-pb-icon"></span> 2538 2539 2540 <footer id="main-footer"> 2541 2542<!-- i18n footer start --> 2543<div id="footer-widgets" class="container clearfix"> 2544 <div class="footer-widget"> 2545 <div id="custom_html-2" class="widget_text fwidget et_pb_widget widget_custom_html"> 2546 <div class="textwidget custom-html-widget"><img width="700" height="150" 2547 src="/wp-content/uploads/2024/03/exatom-logo.svg" 2548 class="image wp-image-1191 footer-logo attachment-medium size-medium" alt="" 2549 style="max-width: 100%; height: auto; margin-bottom:10px;" decoding="async" loading="lazy"><br> 2550 <strong>Our address</strong><br> 2551 Koning Boudewijnlaan 20A<br> 2552 3500 Hasselt<br> 2553 Belgium 2554 <br><br> 2555 <strong>Contact us</strong><br> 2556 <a href="https://calendly.com/exatom/30min" class="blue-text-link">Plan online meeting<a/><br> 2557 <a href="mailto:[email protected]" class="blue-text-link">[email protected]</a> 2558 </div> 2559 </div> 2560 </div> 2561 <div class="footer-widget"> 2562 <div id="nav_menu-2" class="fwidget et_pb_widget widget_nav_menu"> 2563 <h4 class="title">Company info</h4> 2564 <div class="menu-footer-navigation-en-1-container"> 2565 <ul id="menu-footer-navigation-en-1" class="menu"> 2566 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2567 <a href="/?page_id=66&lang=en">About</a> 2568 </li> 2569 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2570 <a href="/?page_id=82&lang=en">Contact</a> 2571 </li> 2572 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2573 <a href="/?page_id=4587&lang=en">Our data journey</a> 2574 </li> 2575 </ul> 2576 </div> 2577 </div> 2578 </div> 2579 <div class="footer-widget"> 2580 <div id="nav_menu-3" class="fwidget et_pb_widget widget_nav_menu"> 2581 <h4 class="title">Solutions</h4> 2582 <div class="menu-footer-navigation-en-2-container"> 2583 <ul id="menu-footer-navigation-en-2" class="menu"> 2584 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2585 <a href="/?page_id=1417&lang=en">Form analytics</a> 2586 </li> 2587 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2588 <a href="/?page_id=15128&lang=en">Industry benchmarking</a> 2589 </li> 2590 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2591 <a href="/?page_id=15894&lang=en">CRO pulse</a> 2592 </li> 2593 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2594 <a href="/mcp-server">MCP server</a> 2595 </li> 2596 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2597 <a href="/?page_id=8334&lang=en">Session replay</a> 2598 </li> 2599 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2600 <a href="/?page_id=1423&lang=en">Webform monitoring</a> 2601 </li> 2602 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2603 <a href="/smart-tool-tips/">Smart tooltips</a> 2604 </li> 2605 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2606 <a href="/best-shopify-check-out-analytics/">Shopify checkout analytics</a> 2607 </li> 2608 </ul> 2609 </div> 2610 </div> 2611 </div> 2612 <div class="footer-widget"> 2613 <div id="nav_menu-4" class="fwidget et_pb_widget widget_nav_menu"> 2614 <h4 class="title">Resources</h4> 2615 <div class="menu-footer-navigation-en-3-container"> 2616 <ul id="menu-footer-navigation-en-3" class="menu"> 2617 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2618 <a href="/audit-your-web-form-or-check-out-for-free/">Audit your web form for free</a> 2619 </li> 2620 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2621 <a href="/pricing/">ROI calculator</a> 2622 </li> 2623 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2624 <a href="/lead-value-calculator/">Lead value calculator</a> 2625 </li> 2626 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2627 <a href="/utm-generator/">UTM generator</a> 2628 </li> 2629 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2630 <a href="/?page_id=2877&lang=en">Blog</a> 2631 </li> 2632 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2633 <a href="/?page_id=17336&lang=en">Industry reports</a> 2634 </li> 2635 <li class="menu-item menu-item-type-custom menu-item-object-custom"> 2636 <a target="_blank" href="https://support.exatom.io/portal/en
2636/kb/exatom">Knowledge base</a> 2637 </li> 2638 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 2639 <a href="/?page_id=7326&lang=en">Partner program</a> 2640 </li> 2641 </ul> 2642 </div> 2643 </div> 2644 </div> 2645</div> 2646<!-- i18n footer end --> 2647 2648 2649 2650 <div id="footer-bottom"> 2651 <div class="container clearfix"> 2652 <ul id="menu-footer-navigation" class="bottom-nav"> 2653 <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/privacy-policy/">Privacy Policy</a></li> 2654 <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/terms-of-use/">Terms of Use</a></li> 2655 <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/services-privacy-policy/">Services Privacy Policy</a></li> 2656 <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/terms-and-conditions/">Platform Terms & conditions</a></li> 2657 <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/responsible-disclosure-policy/">Responsible disclosure policy</a></li> 2658 <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/AI-info/">AI-info</a></li> 2659 </ul> 2660 <div style="margin-bottom: 20px;"> 2661 <img src="/wp-content/uploads/2025/07/gdpr-compliant.svg" title="EU GDPR Compliant" alt="EU GDPR Compliant" style="height: 49px; vertical-align: top; margin-top: 13px;"> 2662 <img src="/wp-content/uploads/2025/07/BC-Certified-logo_ISO-27001-2022-RVA_ENG-zwart.svg" title="ISO 27001 Certified" alt="ISO 27001 Certified" style="height: 75px;"> 2663 </div> 2664 <p id="footer-info">© 2026 Exatom All rights reserved.</p> 2665 </div> <!-- .container --> 2666 </div> 2667 </footer> <!-- #main-footer --> 2668 </div> <!-- #et-main-area --> 2669 2670 2671 </div> <!-- #page-container --> 2672 2673
2673<script type="speculationrules"> 2674{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/exa-child/*","/wp-content/themes/exa/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2675</script>
2675 2676<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2676-2677
2676 2677<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2677GTM-5M398DK
vendor: 84 bytes, line 2677
2677" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2678<script id="gs-swiper-js" src="/wp-content/plugins/gs-logo-slider/assets/libs/swiper-js/swiper.min.js?ver=3.8.4"></script>
vendor: 1 bytes, line 2678
2678
2679<script id="gs-tippyjs-js" src="/wp-content/plugins/gs-logo-slider/assets/libs/tippyjs/tippy-bundle.umd.min.js?ver=3.8.4"></script>
vendor: 1 bytes, line 2679
2679
2680<script id="gs-images-loaded-js" src="/wp-content/plugins/gs-logo-slider/assets/libs/images-loaded/images-loaded.min.js?ver=3.8.4"></script>
vendor: 1 bytes, line 2680
2680
2681<script id="gs-logo-public-js-extra"> 2682var GSLogoData = {"ajaxUrl":"/wp-admin/admin-ajax.php","nonce":"1e343373dd"}; 2683//# sourceURL=gs-logo-public-js-extra 2684</script>
vendor: 1 bytes, line 2684
2684
2685<script id="gs-logo-public-js" src="/wp-content/plugins/gs-logo-slider/assets/js/gs-logo.min.js?ver=3.8.4"></script>
vendor: 1 bytes, line 2685
2685
2686<script id="et-builder-modules-global-functions-script-js-extra"> 2687var et_builder_utils_params = {"condition":{"diviTheme":true,"extraTheme":false},"scrollLocations":["app","top"],"builderScrollLocations":{"desktop":"app","tablet":"app","phone":"app"},"onloadScrollLocation":"app","builderType":"fe"}; 2688//# sourceURL=et-builder-modules-global-functions-script-js-extra 2689</script>
vendor: 1 bytes, line 2689
2689
2690<script id="et-builder-modules-global-functions-script-js" src="/wp-content/themes/exa/includes/builder/frontend-builder/build/frontend-builder-global-functions.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2690
2690
2691<script id="wp-hooks-js" src="/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 2691
2691
2692<script id="wp-i18n-js" src="/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 2692
2692
2693<script id="wp-i18n-js-after"> 2694wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 2695//# sourceURL=wp-i18n-js-after 2696</script>
vendor: 1 bytes, line 2696
2696
2697<script id="swv-js" src="/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2697
2697
2698<script id="contact-form-7-js-translations"> 2699( function( domain, translations ) { 2700 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 2701 localeData[""].domain = domain; 2702 wp.i18n.setLocaleData( localeData, domain ); 2703} )( "contact-form-7", {"translation-revision-date":"2026-05-05 18:32:38+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"en_GB"},"This contact form is placed in the wrong place.":["This contact form is placed in the wrong place."],"Error:":["Error:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); 2704//# sourceURL=contact-form-7-js-translations 2705</script>
vendor: 1 bytes, line 2705
2705
2706<script id="contact-form-7-js-before"> 2707var wpcf7 = { 2708 "api": { 2709 "root": "https:\/\/exatom.io\/wp-json\/", 2710 "namespace": "contact-form-7\/v1" 2711 }, 2712 "cached": 1 2713}; 2714//# sourceURL=contact-form-7-js-before 2715</script>
vendor: 1 bytes, line 2715
2715
2716<script id="contact-form-7-js" src="/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
vendor: 1 bytes, line 2716
2716
2717<script id="cf7apps-honeypot-refill-js-extra"> 2718var cf7appsHoneypotRefill = {"forceRefillOnInit":"1"}; 2719//# sourceURL=cf7apps-honeypot-refill-js-extra 2720</script>
vendor: 1 bytes, line 2720
2720
2721<script id="cf7apps-honeypot-refill-js" src="/wp-content/plugins/contact-form-7-honeypot/legacy-honeypot/includes/js/honeypot-refill.js?ver=3.6.1"></script>
vendor: 1 bytes, line 2721
2721
2722<script id="pll_cookie_script-js-after"> 2723(function() { 2724 var expirationDate = new Date(); 2725 expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 ); 2726 document.cookie = "pll_language=en; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax"; 2727 }()); 2728 2729//# sourceURL=pll_cookie_script-js-after 2730</script>
vendor: 1 bytes, line 2730
2730
2731<script id="custom-hamburger-menus-js" src="/wp-content/plugins/divi-100-hamburger-menu/assets/js/scripts.js?ver=20160602"></script>
vendor: 1 bytes, line 2731
2731
2732<script id="vk-core-js" src="https://cdn.visibilitykit.ai/t/bd100dd07faa6007/vk.js?ver=8.5.3"></script>
vendor: 1 bytes, line 2732
2732
2733<script id="et-jquery-touch-mobile-js" src="/wp-content/themes/exa/includes/builder/scripts/ext/jquery.mobile.custom.min.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2733
2733
2734<script id="divi-custom-script-js-extra"> 2735var DIVI = {"item_count":"%d Item","items_count":"%d Items"}; 2736//# sourceURL=divi-custom-script-js-extra 2737</script>
vendor: 1 bytes, line 2737
2737
2738<script id="divi-custom-script-js" src="/wp-content/themes/exa/js/custom.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2738
2738
2739<script id="smooth-scroll-js" src="/wp-content/themes/exa/js/smoothscroll.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2739
2739
2740<script id="divi-fitvids-js" src="/wp-content/themes/exa/includes/builder/scripts/ext/jquery.fitvids.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2740
2740
2741<script id="waypoints-js" src="/wp-content/themes/exa/includes/builder/scripts/ext/waypoints.min.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2741
2741
2742<script id="magnific-popup-js" src="/wp-content/themes/exa/includes/builder/scripts/ext/jquery.magnific-popup.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2742
2742
2743<script id="et-builder-modules-script-js-extra"> 2744var et_frontend_scripts = {"builderCssContainerPrefix":"#et-boc","builderCssLayoutPrefix":"#et-boc .et-l"}; 2745var et_pb_custom = {"ajaxurl":"/wp-admin/admin-ajax.php","images_uri":"/wp-content/themes/exa/images","builder_images_uri":"/wp-content/themes/exa/includes/builder/images","et_frontend_nonce":"92f2496b67","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","et_ab_log_nonce":"c9dd77e877","fill_message":"Please, fill in the following fields:","contact_error_message":"Please, fix the following errors:","invalid":"Invalid email","captcha":"Captcha","prev":"Prev","previous":"Previous","next":"Next","wrong_captcha":"You entered the wrong number in captcha.","wrong_checkbox":"Checkbox","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","ab_tests":[],"is_ab_testing_active":"","page_id":"1417","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"yes","is_shortcode_tracking":"","tinymce_uri":""}; 2746var et_pb_box_shadow_elements = []; 2747var et_pb_motion_elements = {"desktop":[],"tablet":[],"phone":[]}; 2748var et_pb_sticky_elements = []; 2749//# sourceURL=et-builder-modules-script-js-extra 2750</script>
vendor: 1 bytes, line 2750
2750
2751<script id="et-builder-modules-script-js" src="/wp-content/themes/exa/includes/builder/frontend-builder/build/frontend-builder-scripts.js?ver=4.8.20250627"></script>
vendor: 1 bytes, line 2751
2751
2752<script id="et-core-common-js" src="/wp-content/themes/exa/core/admin/js/common.js?ver=4.8.1"></script>
vendor: 1 bytes, line 2752
2752
2753<script id="wp-emoji-settings" type="application/json"> 2754{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 2755</script>
vendor: 1 bytes, line 2755
2755
2756<script type="module"> 2757/*! This file is auto-generated */ 2758var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 2759//# sourceURL=/wp-includes/js/wp-emoji-loader.min.js 2760</script>
2760 2761<!-- Calendly badge widget begin --> 2762
2762<script> 2763 document.querySelectorAll('a[href*="calendly"]').forEach(b => { 2764 b.addEventListener('click', e => { 2765 if (!Calendly) return 2766 Calendly.initPopupWidget({ url: b.href }) 2767 e.preventDefault() 2768 return false 2769 }) 2770 }) 2771 </script>
2771 2772 <link href=https://assets.calendly.com/assets/external/widget.css rel="stylesheet"> 2773
2773<script> 2774 var lang = document.documentElement.getAttribute('lang'); 2775 var url = text = null; 2776 switch (lang) { 2777 case 'nl-NL': 2778 case 'nl': 2779 url = 'https://calendly.com/exatom/exatom-nl-30mins'; 2780 text = 'PLAN EEN GESPREK'; 2781 break; 2782 2783 case 'de-DE': 2784 case 'de': 2785 url = 'https://calendly.com/exatom/exatom-termin-de-30min'; 2786 text = 'EINEN ANRUF VEREINBAREN'; 2787 break; 2788 2789 case 'fr-FR': 2790 case 'fr': 2791 url = 'https://calendly.com/matthieu_exatom/45-min-fr'; 2792 text = 'PROGRAMMEZ VOTRE DÃMO'; 2793 break; 2794 2795 case 'en-EN': 2796 default: 2797 url = 'https://calendly.com/exatom/30min'; 2798 text = 'SCHEDULE A CALL WITH US'; 2799 break; 2800 } 2801 2802 if (url && text) { 2803 const s = document.createElement('script'); 2804 s.src = 'https://assets.calendly.com/assets/external/widget.js'; 2805 s.async = 1; 2806 s.addEventListener('load', function () { 2807 Calendly.initBadgeWidget({ 2808 url: url, 2809 text: text, 2810 color: '#4ff0d5', 2811 textColor: '#037dfd', 2812 branding: false 2813 }); 2814 setTimeout(() => { 2815 if ( 2816 document.location.href?.indexOf('demo') === -1 && 2817 document.location.href?.indexOf('contact') === -1 && 2818 document.location.href?.indexOf('kontakt') === -1 2819 ) { 2820 // document.querySelector('.calendly-badge-widget').style.display = 'block'; 2821 // setTimeout(() => { document.querySelector('.calendly-badge-widget').style.opacity = '1'; }, 100); 2822 } 2823 }, 5000); 2824 }); 2825 document.body.appendChild(s) 2826 } 2827 </script>
2827 2828<!-- Calendly badge widget end --> 2829
2829<script> 2830 // Autofocus of fields, unless field is too far down 2831 document.querySelectorAll('input.autofocus, select.autofocus, textarea.autofocus').forEach(i => { 2832 if (i.getBoundingClientRect()['y'] <= (window.screen.height * 0.75)) { 2833 i.focus(); 2834 } 2835 }) 2836 </script>
2836 2837
2837<script> 2838 // Scroll depth analytics 2839 const observableHeadings = document.querySelectorAll('H1, H2, H3') 2840 if (observableHeadings.length) { 2841 const headerVisibilityCallback = (entries, observer) => { 2842 entries.forEach(e => { 2843 if (e.isIntersecting) { 2844 if (typeof plausible !== 'undefined') { 2845 plausible('pageview', {props: {scrollDepth: e.target.tagName + ': ' + e.target.innerText}}) 2846 } 2847 observer.unobserve(e.target) 2848 } 2849 }) 2850 } 2851 2852 const viewportVisibilityObserver = new IntersectionObserver(headerVisibilityCallback, { 2853 root: null, 2854 rootMargin: '0px 0px 10% 0px', 2855 threshold: 1, 2856 }) 2857 2858 observableHeadings.forEach(h => viewportVisibilityObserver.observe(h)) 2859 } 2860 </script>
2860 2861</body> 2862</html> 2863 2864<!-- Cached by WP-Optimize (gzip) - https://teamupdraft.com/wp-optimize/ - Last modified: 24 09 2026 8:03 pm (UTC:0) -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.