PageSourceSearch

https://exatom.io/form-analytics/

html exatom.io collected 2026-09-24 20:03:09 UTC 153,732 bytes, 2,864 lines download raw bytes

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 &raquo; Feed" href="/feed/" />
46<link rel="alternate" type="application/rss+xml" title="EXATOM &raquo; 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&#038;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&#038;format=xml&#038;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&#038;subset=latin,latin-ext&#038;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&#038;utm_source=Website&#038;utm_medium=MainMenu_EN&#038;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 &hellip;" 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 &amp; 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.