{"id":138154,"date":"2024-10-22T11:12:33","date_gmt":"2024-10-22T10:12:33","guid":{"rendered":"https:\/\/spinoffice-crm.com\/?page_id=138154"},"modified":"2026-05-13T11:52:57","modified_gmt":"2026-05-13T10:52:57","slug":"company","status":"publish","type":"page","link":"https:\/\/spinoffice-crm.com\/en\/demo\/company\/","title":{"rendered":"Aanvullende informatie"},"content":{"rendered":"<div class=\"brz brz-root__container brz-reset-all brz-root__container-page\">\n<section id=\"t8yc51OqsESa_t8yc51OqsESa\" class=\"brz-section brz-css-d-section brz-css-u19rhe\">\n<div class=\"brz-section__content brz-section--boxed brz-css-d-sectionitem-bg brz-css-ochy7q\" data-brz-custom-id=\"k24igX8K650V\">\n<div class=\"brz-bg\">\n<div class=\"brz-bg-image\"><\/div>\n<div class=\"brz-bg-color\"><\/div>\n<\/div>\n<div class=\"brz-container brz-css-d-sectionitem-container brz-css-6fbwh1\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-zh1ve7 brz-wrapper\">\n<div class=\"brz-embed-code brz-css-d-embedcode brz-css-1r7nnoz\" data-brz-custom-id=\"rhPPmOdk6TDr\">\n<div class=\"brz-embed-content\">\n<div>\n<p>  \/\/ Map URL\/localStorage keys to input field names<br \/>\n  const fieldMap = {<br \/>\n    firstname: &#8216;firstname&#8217;,<br \/>\n    lastname: &#8216;lastname&#8217;,<br \/>\n    email: &#8216;email&#8217;,<br \/>\n    utm_source: &#8216;field[34]&#8217;,<br \/>\n    utm_medium: &#8216;field[35]&#8217;,<br \/>\n    utm_campaign: &#8216;field[36]&#8217;,<br \/>\n    utm_term: &#8216;field[37]&#8217;<br \/>\n  };<\/p>\n<p>  document.addEventListener(&#8216;DOMContentLoaded&#8217;, () =&gt; {<br \/>\n    Object.entries(fieldMap).forEach(([key, fieldName]) =&gt; {<br \/>\n      const value = localStorage.getItem(key);<br \/>\n      if (value) {<br \/>\n        const input = document.querySelector(`[name=&#8221;${fieldName}&#8221;]`);<br \/>\n        if (input) input.value = value;<br \/>\n      }<br \/>\n    });<\/p>\n<p>    \/\/ Clean the URL (remove query string)<br \/>\n    if (window.location.search) {<br \/>\n      window.history.replaceState({}, document.title, window.location.pathname);<br \/>\n    }<br \/>\n  });<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brz-row__container brz-css-d-row-row brz-css-13efvzx\" data-brz-custom-id=\"vUPgk70mkqcn\">\n<div class=\"brz-row brz-css-d-row-container brz-css-r-row-container brz-css-1wj9kdc\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-qrplx5\" data-brz-custom-id=\"oiZ5z3yIPVBg\">\n<div class=\"brz-bg\">\n<div class=\"brz-bg-color\"><\/div>\n<\/div>\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-rxqx3o\">\n<div class=\"brz-row__container brz-css-d-row-row brz-css-kse4sv\" data-brz-custom-id=\"dQHk1q0w1FKN\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-r-row-container brz-css-ryhd17\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-1obs771\" data-brz-custom-id=\"zq177xqtSvbM\">\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-1ya6f8y\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-r-wrapper brz-css-1t757gq brz-wrapper\">\n<div class=\"brz-spacer brz-css-d-spacer brz-css-185a0h3\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brz-row__container brz-css-d-row-row brz-css-15k9gvd\" data-brz-custom-id=\"eFRN70Xzo6MP\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-1038q82\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-1u9slng\" data-brz-custom-id=\"bbC6YnbCcM8Q\">\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-1sk2s05\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-1vlblsk brz-wrapper\">\n<div class=\"brz-rich-text brz-rich-text__custom brz-css-d-richtext brz-css-r9u1wv\" data-brz-custom-id=\"tCt2Ip8TqVmY\">\n<div data-brz-translate-text=\"1\">\n<h1 class=\"brz-lh-lg-1_3 brz-ls-lg-0 brz-fw-lg-700 brz-fss-lg-px brz-fs-lg-45 brz-ft-google brz-ff-poppins brz-fsft-lg-0 brz-fwdth-lg-100 brz-vfw-lg-400 brz-fsft-sm-0 brz-fwdth-sm-100 brz-vfw-sm-400 brz-lh-sm-1_5 brz-ls-sm-0 brz-fw-sm-700 brz-fss-sm-px brz-fs-sm-44 brz-tp-sm-empty brz-text-xs-center brz-text-sm-center brz-tp-xs-empty brz-fs-xs-36 brz-fss-xs-px brz-fw-xs-700 brz-ls-xs-0 brz-lh-xs-1_3 brz-vfw-xs-400 brz-fwdth-xs-100 brz-fsft-xs-0 brz-tp-lg-heading1 brz-css-ygceN\" data-generated-css=\"brz-css-a98B9\" data-uniq-id=\"oSdu1\"><strong>Nog \u00e9\u00e9n stap naar je demo<\/strong><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brz-row__container brz-css-d-row-row brz-css-1csyuyz\" data-brz-custom-id=\"e9mJUmfhwrdU\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-1lgjez\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-66b7qp\" data-brz-custom-id=\"bjMhbCiVoti6\">\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-1vp0hap\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-10f2j11 brz-wrapper\">\n<div class=\"brz-rich-text brz-rich-text__custom brz-css-d-richtext brz-css-1amhwow\" data-brz-custom-id=\"dEFj03CgWTty\">\n<div data-brz-translate-text=\"1\">\n<p class=\"brz-fs-lg-17 brz-ft-google brz-ff-inter brz-tp-lg-empty brz-fsft-lg-0 brz-fwdth-lg-100 brz-vfw-lg-400 brz-lh-lg-1_5 brz-ls-lg-0 brz-fw-lg-400 brz-fss-lg-px brz-fss-xs-px brz-fss-sm-px brz-text-lg-left brz-text-xs-center brz-text-sm-center brz-css-rawSS\" data-generated-css=\"brz-css-xqHWg\" data-uniq-id=\"mGVm7\"><span class=\"brz-cp-color7\">Om de demo goed te kunnen voorbereiden hebben we een paar gegevens nodig. Vul je zakelijke gegevens in.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brz-columns brz-css-d-column-column brz-css-qev9h7\" data-brz-custom-id=\"xccUgi1ETagY\">\n<div class=\"brz-bg\">\n<div class=\"brz-bg-color\"><\/div>\n<\/div>\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-jl91wi\">\n<div class=\"brz-row__container brz-css-d-row-row brz-css-1o84gii\" data-brz-custom-id=\"rBPyh5LHTe0B\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-r-row-container brz-css-piy5p3\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-80siiu\" data-brz-custom-id=\"j_XH1ivi1tvX\">\n<div class=\"brz-bg\">\n<div class=\"brz-bg-color\"><\/div>\n<\/div>\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-1ovimss\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-8k24ki brz-wrapper\">\n<div class=\"brz-embed-code brz-css-d-embedcode brz-css-bgbvv9\" data-brz-custom-id=\"klz2BQDMLmJJ\">\n<div class=\"brz-embed-content\">\n<div>@import url(<a href=\"https:\/\/fonts.bunny.net\/css?family=inter:400,700\" rel=\"nofollow\">https:\/\/fonts.bunny.net\/css?family=inter:400,700<\/a>);<\/p>\n<p>#_form_20_{font-size:14px;line-height:1.6;font-family:arial, helvetica, sans-serif;margin:0}#_form_20_ *{outline:0}._form_hide{display:none;visibility:hidden}._form_show{display:block;visibility:visible}#_form_20_._form-top{top:0}#_form_20_._form-bottom{bottom:0}#_form_20_._form-left{left:0}#_form_20_._form-right{right:0}#_form_20_ input[type=&#8221;text&#8221;],#_form_20_ input[type=&#8221;tel&#8221;],#_form_20_ input[type=&#8221;date&#8221;],#_form_20_ textarea{padding:6px;height:auto;border:#979797 1px solid;border-radius:4px;color:#000 !important;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#_form_20_ textarea{resize:none}#_form_20_ ._submit{-webkit-appearance:none;cursor:pointer;font-family:arial, sans-serif;font-size:14px;text-align:center;background:#528711 !important;border:0 !important;-moz-border-radius:8px !important;-webkit-border-radius:8px !important;border-radius:8px !important;color:#FFFFFF !important;padding:12px !important}#_form_20_ ._submit:disabled{cursor:not-allowed;opacity:0.4}#_form_20_ ._submit.processing{position:relative}#_form_20_ ._submit.processing::before{content:&#8221;&#8221;;width:1em;height:1em;position:absolute;z-index:1;top:50%;left:50%;border:double 3px transparent;border-radius:50%;background-image:linear-gradient(#528711, #528711), conic-gradient(#528711, #FFFFFF);background-origin:border-box;background-clip:content-box, border-box;animation:1200ms ease 0s infinite normal none running _spin}#_form_20_ ._submit.processing::after{content:&#8221;&#8221;;position:absolute;top:0;bottom:0;left:0;right:0;background:#528711 !important;border:0 !important;-moz-border-radius:8px !important;-webkit-border-radius:8px !important;border-radius:8px !important;color:#FFFFFF !important;padding:12px !important}@keyframes _spin{0%{transform:translate(-50%, -50%) rotate(90deg)}100%{transform:translate(-50%, -50%) rotate(450deg)}}#_form_20_ ._close-icon{cursor:pointer;background-image:url(&#8220;<a href=\"https:\/\/d226aj4ao1t61q.cloudfront.net\/esfkyjh1u_forms-close-dark.png&#038;#8221\" rel=\"nofollow\">https:\/\/d226aj4ao1t61q.cloudfront.net\/esfkyjh1u_forms-close-dark.png&#038;#8221<\/a>;);background-repeat:no-repeat;background-size:14.2px 14.2px;position:absolute;display:block;top:11px;right:9px;overflow:hidden;width:16.2px;height:16.2px}#_form_20_ ._close-icon:before{position:relative}#_form_20_ ._form-body{margin-bottom:30px}#_form_20_ ._form-image-left{width:150px;float:left}#_form_20_ ._form-content-right{margin-left:164px}#_form_20_ ._form-branding{color:#fff;font-size:10px;clear:both;text-align:left;margin-top:30px;font-weight:100}#_form_20_ ._form-branding ._logo{display:block;width:130px;height:14px;margin-top:6px;background-image:url(&#8220;<a href=\"https:\/\/d226aj4ao1t61q.cloudfront.net\/hh9ujqgv5_aclogo_li.png&#038;#8221\" rel=\"nofollow\">https:\/\/d226aj4ao1t61q.cloudfront.net\/hh9ujqgv5_aclogo_li.png&#038;#8221<\/a>;);background-size:130px auto;background-repeat:no-repeat}#_form_20_ .form-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#_form_20_ ._form-label,#_form_20_ ._form_element ._form-label{font-weight:bold;margin-bottom:5px;display:block}#_form_20_._dark ._form-branding{color:#333}#_form_20_._dark ._form-branding ._logo{background-image:url(&#8220;<a href=\"https:\/\/d226aj4ao1t61q.cloudfront.net\/jftq2c8s_aclogo_dk.png&#038;#8221\" rel=\"nofollow\">https:\/\/d226aj4ao1t61q.cloudfront.net\/jftq2c8s_aclogo_dk.png&#038;#8221<\/a>;)}#_form_20_ ._form_element{position:relative;margin-bottom:10px;font-size:0;max-width:100%}#_form_20_ ._form_element *{font-size:14px}#_form_20_ ._form_element._clear{clear:both;width:100%;float:none}#_form_20_ ._form_element._clear:after{clear:left}#_form_20_ ._form_element input[type=&#8221;text&#8221;],#_form_20_ ._form_element input[type=&#8221;date&#8221;],#_form_20_ ._form_element select,#_form_20_ ._form_element textarea:not(.g-recaptcha-response){display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit}#_form_20_ ._field-wrapper{position:relative}#_form_20_ ._inline-style{float:left}#_form_20_ ._inline-style input[type=&#8221;text&#8221;]{width:150px}#_form_20_ ._inline-style:not(._clear)+._inline-style:not(._clear){margin-left:20px}#_form_20_ ._form_element img._form-image{max-width:100%}#_form_20_ ._form_element ._form-fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0}#_form_20_ ._clear-element{clear:left}#_form_20_ ._full_width{width:100%}#_form_20_ ._form_full_field{display:block;width:100%;margin-bottom:10px}#_form_20_ input[type=&#8221;text&#8221;]._has_error,#_form_20_ textarea._has_error{border:#F37C7B 1px solid}#_form_20_ input[type=&#8221;checkbox&#8221;]._has_error{outline:#F37C7B 1px solid}#_form_20_ ._show_be_error{float:left}#_form_20_ ._error{display:block;position:absolute;font-size:14px;z-index:10000001}#_form_20_ ._error._above{padding-bottom:4px;bottom:39px;right:0}#_form_20_ ._error._below{padding-top:8px;top:100%;right:0}#_form_20_ ._error._above ._error-arrow{bottom:-4px;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFDDDD}#_form_20_ ._error._below ._error-arrow{top:0;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FFDDDD}#_form_20_ ._error-inner{padding:12px 12px 12px 36px;background-color:#FFDDDD;background-image:url(&#8220;data:image\/svg+xml,%3Csvg width=&#8217;16&#8217; height=&#8217;16&#8217; viewBox=&#8217;0 0 16 16&#8242; fill=&#8217;none&#8217; xmlns=&#8217;<a href=\"http:\/\/www.w3.org\/2000\/svg&#8217;%3E%3Cpath\" rel=\"nofollow\">http:\/\/www.w3.org\/2000\/svg&#8217;%3E%3Cpath<\/a> fill-rule=&#8217;evenodd&#8217; clip-rule=&#8217;evenodd&#8217; d=&#8217;M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z&#8217; fill=&#8217;%23CA0000&#8217;\/%3E%3C\/svg%3E&#8221;);background-repeat:no-repeat;background-position:12px center;font-size:14px;font-family:arial, sans-serif;font-weight:600;line-height:16px;color:#000;text-align:center;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 1px 4px rgba(31, 33, 41, 0.298295)}@media only screen and (max-width:319px){#_form_20_ ._error-inner{padding:7px 7px 7px 25px;font-size:12px;line-height:12px;background-position:4px center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}#_form_20_ ._error-inner._form_error{margin-bottom:5px;text-align:left}#_form_20_ ._button-wrapper ._error-inner._form_error{position:static}#_form_20_ ._error-inner._no_arrow{margin-bottom:10px}#_form_20_ ._error-arrow{position:absolute;width:0;height:0}#_form_20_ ._error-html{margin-bottom:10px}.pika-single{z-index:10000001 !important}#_form_20_ input[type=&#8221;text&#8221;].datetime_date{width:69%;display:inline}#_form_20_ select.datetime_time{width:29%;display:inline;height:32px}#_form_20_ input[type=&#8221;date&#8221;].datetime_date{width:69%;display:inline-flex}#_form_20_ input[type=&#8221;time&#8221;].datetime_time{width:29%;display:inline-flex}@media (min-width:320px) and (max-width:667px){::-webkit-scrollbar{display:none}#_form_20_{margin:0;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}#_form_20_ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em}#_form_20_ ._form-content{margin:0;width:100%}#_form_20_ ._form-inner{display:block;min-width:100%}#_form_20_ ._form-title,#_form_20_ ._inline-style{margin-top:0;margin-right:0;margin-left:0}#_form_20_ ._form-title{font-size:1.2em}#_form_20_ ._form_element{margin:0 0 20px;padding:0;width:100%}#_form_20_ ._form-element,#_form_20_ ._inline-style,#_form_20_ input[type=&#8221;text&#8221;],#_form_20_ label,#_form_20_ p,#_form_20_ textarea:not(.g-recaptcha-response){float:none;display:block;width:100%}#_form_20_ ._row._checkbox-radio label{display:inline}#_form_20_ ._row,#_form_20_ p,#_form_20_ label{margin-bottom:0.7em;width:100%}#_form_20_ ._row input[type=&#8221;checkbox&#8221;],#_form_20_ ._row input[type=&#8221;radio&#8221;]{margin:0 !important;vertical-align:middle !important}#_form_20_ ._row input[type=&#8221;checkbox&#8221;]+span label{display:inline}#_form_20_ ._row span label{margin:0 !important;width:initial !important;vertical-align:middle !important}#_form_20_ ._form-image{max-width:100%;height:auto !important}#_form_20_ input[type=&#8221;text&#8221;]{padding-left:10px;padding-right:10px;font-size:16px;line-height:1.3em;-webkit-appearance:none}#_form_20_ input[type=&#8221;radio&#8221;],#_form_20_ input[type=&#8221;checkbox&#8221;]{display:inline-block;width:1.3em;height:1.3em;font-size:1em;margin:0 0.3em 0 0;vertical-align:baseline}#_form_20_ button[type=&#8221;submit&#8221;]{padding:20px;font-size:1.5em}#_form_20_ ._inline-style{margin:20px 0 0 !important}#_form_20_ ._inline-style input[type=&#8221;text&#8221;]{width:100%}}#_form_20_ .sms_consent_checkbox{position:relative;width:100%;display:flex;align-items:flex-start;padding:20px 0}#_form_20_ .sms_consent_checkbox input[type=&#8221;checkbox&#8221;]{float:left;margin:5px 10px 10px 0}#_form_20_ .sms_consent_checkbox .sms_consent_message{display:inline;float:left;text-align:left;margin-bottom:10px;font-size:14px;color:#7D8799}#_form_20_ .sms_consent_checkbox .sms_consent_message.sms_consent_mini{width:90%}#_form_20_ .sms_consent_checkbox ._error._above{right:auto;bottom:0}#_form_20_ .sms_consent_checkbox ._error._above ._error-arrow{right:auto;left:5px}@media (min-width:320px) and (max-width:667px){#_form_20_ .sms_consent_checkbox ._error._above{top:-30px;left:0;bottom:auto}}#_form_20_ .field-required{color:#FF0000}#_form_20_{position:relative;text-align:left;margin:25px auto 0;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:white !important;border-top:0px solid #b0b0b0 !important;border-right:0px solid #b0b0b0 !important;border-bottom:0px solid #b0b0b0 !important;border-left:0px solid #b0b0b0 !important;max-width:800px;-moz-border-radius:10px !important;-webkit-border-radius:10px !important;border-radius:10px !important;color:#000000}#_form_20_ ._show_be_error{min-width:100%}#_form_20_._inline-form,#_form_20_._inline-form ._form-content{font-family:Inter;font-size:18px;font-weight:400}#_form_20_._inline-form ._row span,#_form_20_._inline-form ._row label{font-family:Inter;font-size:14px;font-weight:400;line-height:1.6em;color:#444 !important}#_form_20__inlineform input[type=&#8221;text&#8221;],#_form_20__inlineform input[type=&#8221;date&#8221;],#_form_20__inlineform input[type=&#8221;tel&#8221;],#_form_20__inlineform select,#_form_20__inlineform textarea:not(.g-recaptcha-response){font-family:Inter;font-size:14px;font-weight:400;font-color:#000000;line-height:1.6em}#_form_20_._inline-form ._html-code *:not(h1, h2, h3, h4, h5, h6),#_form_20_._inline-form .sms_consent_message,#_form_20_._inline-form ._form-thank-you{font-family:Inter;font-size:18px;font-weight:400;color:#444 !important}#_form_20_._inline-form ._form-label,#_form_20_._inline-form ._form-emailidentifier,#_form_20_._inline-form ._form-checkbox-option-label{font-family:Inter;font-size:14px;font-weight:700;line-height:1.6em;color:#444 !important}#_form_20_._inline-form ._submit{margin-top:12px;font-family:Inter;font-size:14px;font-weight:400}#_form_20_._inline-form ._html-code h1,#_form_20_._inline-form ._html-code h2,#_form_20_._inline-form ._html-code h3,#_form_20_._inline-form ._html-code h4,#_form_20_._inline-form ._html-code h5,#_form_20_._inline-form ._html-code h6,#_form_20_._inline-form ._form-title{font-family:Inter;font-size:26px;line-height:normal;font-weight:400;color:#f59424;margin-bottom:0;display:block}#_form_20_._inline-form ._form-branding{font-family:&#8221;IBM Plex Sans&#8221;, Helvetica, sans-serif;font-size:13px;font-weight:100;font-style:normal;text-decoration:none}#_form_20_:before,#_form_20_:after{content:&#8221; &#8220;;display:table}#_form_20_:after{clear:both}#_form_20_._inline-style{width:auto;display:inline-block}#_form_20_._inline-style input[type=&#8221;text&#8221;],#_form_20_._inline-style input[type=&#8221;date&#8221;]{padding:10px 12px}#_form_20_._inline-style button._inline-style{position:relative;top:27px}#_form_20_._inline-style p{margin:0}#_form_20_._inline-style ._button-wrapper{position:relative;margin:16px 12.5px 0 20px}#_form_20_ ._form-thank-you{position:relative;left:0;right:0;text-align:center;font-size:18px}#_form_20_ ._form-pc-confirmation ._submit{margin-top:16px}@media (min-width:320px) and (max-width:667px){#_form_20_._inline-form._inline-style ._inline-style._button-wrapper{margin-top:20px !important;margin-left:0 !important}}#_form_20_ .iti{width:100%}#_form_20_ .iti.iti&#8211;allow-dropdown.iti&#8211;separate-dial-code{width:100%}#_form_20_ .iti input{width:100%;border:#979797 1px solid;border-radius:4px}#_form_20_ .iti&#8211;separate-dial-code .iti__selected-flag{background-color:#FFFFFF;border-radius:4px}#_form_20_ .iti&#8211;separate-dial-code .iti__selected-flag:hover{background-color:rgba(0, 0, 0, 0.05)}#_form_20_ .iti__country-list{border-radius:4px;margin-top:4px;min-width:460px}#_form_20_ .iti__country-list&#8211;dropup{margin-bottom:4px}#_form_20_ .phone-error-hidden{display:none}#_form_20_ .phone-error{color:#E40E49}#_form_20_ .phone-input-error{border:1px solid #E40E49 !important}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field fieldset{margin:0;margin-bottom:1.1428571429em;border:none;padding:0}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field fieldset:last-child{margin-bottom:0}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field legend{margin-bottom:1.1428571429em}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field label{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:0.8571428571em}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field label:last-child{margin-bottom:0}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field input{margin:0;margin-right:8px}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label{display:block;font-weight:400;margin-top:-4px}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label-with-description{display:block;font-weight:700;margin-top:-4px}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-description{margin:0;font-size:0.8571428571em}#_form_20_._inline-form ._form-content ._form-list-subscriptions-field ._form-subscriptions-unsubscribe-all-description{line-height:normal;margin-top:-2px}<\/p>\n<div class=\"_form-content\">\n<div class=\"_form_element _x11293291 _full_width \">\n      <label for=\"firstname\" class=\"_form-label\"><br \/>\n        First Name<span class=\"field-required\"><br \/>\n        *<br \/>\n      <\/span><br \/>\n    <\/label><\/p>\n<div class=\"_field-wrapper\"><\/div>\n<\/p><\/div>\n<div class=\"_form_element _x30515819 _full_width \">\n    <label for=\"lastname\" class=\"_form-label\"><br \/>\n      Last Name<span class=\"field-required\"><br \/>\n      *<br \/>\n    <\/span><br \/>\n  <\/label><\/p>\n<div class=\"_field-wrapper\"><\/div>\n<\/div>\n<div class=\"_form_element _x77484134 _full_width \">\n  <label for=\"email\" class=\"_form-label\"><br \/>\n    E-mail<span class=\"field-required\"><br \/>\n    *<br \/>\n  <\/span><br \/>\n<\/label><\/p>\n<div class=\"_field-wrapper\">\n<\/div>\n<\/div>\n<div class=\"_form_element _x59591787 _full_width \">\n<label for=\"phone\" class=\"_form-label\"><br \/>\n<\/label><\/p>\n<div class=\"_field-wrapper\">\n<\/div>\n<\/div>\n<div class=\"_form_element _x61422918 _full_width \">\n<label for=\"customer_account\" class=\"_form-label\"><br \/>\n<\/label><\/p>\n<div class=\"_field-wrapper\">\n<\/div>\n<\/div>\n<div class=\"_form_element _x14868690 _full_width \">\n<label for=\"field[11]\" class=\"_form-label\"><br \/>\n<\/label><\/p>\n<div class=\"_field-wrapper\">\n<\/div>\n<\/div>\n<div class=\"_button-wrapper _full_width\">\n<button id=\"_form_20_submit\" class=\"_submit\" type=\"submit\"><br \/>\n  Plan mijn demo \u2192<br \/>\n<\/button>\n<\/div>\n<div class=\"_clear-element\">\n<\/div>\n<\/div>\n<div class=\"_form-thank-you\" style=\"display:none\">\n<\/div>\n<p>window.cfields = {&#8220;11&#8243;:&#8221;info_1&#8243;};<br \/>\nwindow._show_thank_you = function(id, message, trackcmp_url, email) {<br \/>\n    var form = document.getElementById(&#8216;_form_&#8217; + id + &#8216;_&#8217;), thank_you = form.querySelector(&#8216;._form-thank-you&#8217;);<br \/>\n    form.querySelector(&#8216;._form-content&#8217;).style.display = &#8216;none&#8217;;<br \/>\n    thank_you.innerHTML = message;<br \/>\n    thank_you.style.display = &#8216;block&#8217;;<br \/>\n    const vgoAlias = typeof visitorGlobalObjectAlias === &#8216;undefined&#8217; ? &#8216;vgo&#8217; : visitorGlobalObjectAlias;<br \/>\n    var visitorObject = window[vgoAlias];<br \/>\n    if (email &amp;&amp; typeof visitorObject !== &#8216;undefined&#8217;) {<br \/>\n        visitorObject(&#8216;setEmail&#8217;, email);<br \/>\n        visitorObject(&#8216;update&#8217;);<br \/>\n    } else if (typeof(trackcmp_url) != &#8216;undefined&#8217; &amp;&amp; trackcmp_url) {<br \/>\n        \/\/ Site tracking URL to use after inline form submission.<br \/>\n        _load_script(trackcmp_url);<br \/>\n    }<br \/>\n    if (typeof window._form_callback !== &#8216;undefined&#8217;) window._form_callback(id);<br \/>\n};<br \/>\nwindow._show_unsubscribe = function(id, message, trackcmp_url, email) {<br \/>\n    var form = document.getElementById(&#8216;_form_&#8217; + id + &#8216;_&#8217;), unsub = form.querySelector(&#8216;._form-thank-you&#8217;);<br \/>\n    var branding = form.querySelector(&#8216;._form-branding&#8217;);<br \/>\n    if (branding) {<br \/>\n        branding.style.display = &#8216;none&#8217;;<br \/>\n    }<br \/>\n    form.querySelector(&#8216;._form-content&#8217;).style.display = &#8216;none&#8217;;<br \/>\n    unsub.style.display = &#8216;block&#8217;;<br \/>\n    form.insertAdjacentHTML(&#8216;afterend&#8217;, message)<br \/>\n    const vgoAlias = typeof visitorGlobalObjectAlias === &#8216;undefined&#8217; ? &#8216;vgo&#8217; : visitorGlobalObjectAlias;<br \/>\n    var visitorObject = window[vgoAlias];<br \/>\n    if (email &amp;&amp; typeof visitorObject !== &#8216;undefined&#8217;) {<br \/>\n        visitorObject(&#8216;setEmail&#8217;, email);<br \/>\n        visitorObject(&#8216;update&#8217;);<br \/>\n    } else if (typeof(trackcmp_url) != &#8216;undefined&#8217; &amp;&amp; trackcmp_url) {<br \/>\n        \/\/ Site tracking URL to use after inline form submission.<br \/>\n        _load_script(trackcmp_url);<br \/>\n    }<br \/>\n    if (typeof window._form_callback !== &#8216;undefined&#8217;) window._form_callback(id);<br \/>\n};<br \/>\nwindow._show_error = function(id, message, html) {<br \/>\n    var form = document.getElementById(&#8216;_form_&#8217; + id + &#8216;_&#8217;),<br \/>\n        err = document.createElement(&#8216;div&#8217;),<br \/>\n        button = form.querySelector(&#8216;button[type=&#8221;submit&#8221;]&#8217;),<br \/>\n        old_error = form.querySelector(&#8216;._form_error&#8217;);<br \/>\n    if (old_error) old_error.parentNode.removeChild(old_error);<br \/>\n    err.innerHTML = message;<br \/>\n    err.className = &#8216;_error-inner _form_error _no_arrow&#8217;;<br \/>\n    var wrapper = document.createElement(&#8216;div&#8217;);<br \/>\n    wrapper.className = &#8216;_form-inner _show_be_error&#8217;;<br \/>\n    wrapper.appendChild(err);<br \/>\n    button.parentNode.insertBefore(wrapper, button);<br \/>\n    var submitButton = form.querySelector(&#8216;[id^=&#8221;_form&#8221;][id$=&#8221;_submit&#8221;]&#8217;);<br \/>\n    submitButton.disabled = false;<br \/>\n    submitButton.classList.remove(&#8216;processing&#8217;);<br \/>\n    if (html) {<br \/>\n        var div = document.createElement(&#8216;div&#8217;);<br \/>\n        div.className = &#8216;_error-html&#8217;;<br \/>\n        div.innerHTML = html;<br \/>\n        err.appendChild(div);<br \/>\n    }<br \/>\n};<br \/>\nwindow._show_pc_confirmation = function(id, header, detail, show, email) {<br \/>\n    var form = document.getElementById(&#8216;_form_&#8217; + id + &#8216;_&#8217;), pc_confirmation = form.querySelector(&#8216;._form-pc-confirmation&#8217;);<br \/>\n    if (pc_confirmation.style.display === &#8216;none&#8217;) {<br \/>\n        form.querySelector(&#8216;._form-content&#8217;).style.display = &#8216;none&#8217;;<br \/>\n        pc_confirmation.innerHTML = &#8220;<\/p>\n<div class='_form-title'>&#8221; + header + &#8220;<\/div>\n<p>&#8221; + &#8220;<\/p>\n<p>&#8221; + detail + &#8220;<\/p>\n<p>&#8221; +<br \/>\n        &#8220;<button class='_submit' id='hideButton'>Manage preferences<\/button>&#8220;;<br \/>\n        pc_confirmation.style.display = &#8216;block&#8217;;<br \/>\n        var mp = document.querySelector(&#8216;input[name=&#8221;mp&#8221;]&#8217;);<br \/>\n        mp.value = &#8216;0&#8217;;<br \/>\n    } else {<br \/>\n        form.querySelector(&#8216;._form-content&#8217;).style.display = &#8216;inline&#8217;;<br \/>\n        pc_confirmation.style.display = &#8216;none&#8217;;<br \/>\n    }<\/p>\n<p>    var hideButton = document.getElementById(&#8216;hideButton&#8217;);<br \/>\n    \/\/ Add event listener to the button<br \/>\n    hideButton.addEventListener(&#8216;click&#8217;, function() {<br \/>\n        var submitButton = document.querySelector(&#8216;#_form_20_submit&#8217;);<br \/>\n        submitButton.disabled = false;<br \/>\n        submitButton.classList.remove(&#8216;processing&#8217;);<br \/>\n        var mp = document.querySelector(&#8216;input[name=&#8221;mp&#8221;]&#8217;);<br \/>\n        mp.value = &#8216;1&#8217;;<br \/>\n        const cacheBuster = new URL(window.location.href);<br \/>\n        cacheBuster.searchParams.set(&#8216;v&#8217;, new Date().getTime());<br \/>\n        window.location.href = cacheBuster.toString();<br \/>\n    });<\/p>\n<p>    const vgoAlias = typeof visitorGlobalObjectAlias === &#8216;undefined&#8217; ? &#8216;vgo&#8217; : visitorGlobalObjectAlias;<br \/>\n    var visitorObject = window[vgoAlias];<br \/>\n    if (email &amp;&amp; typeof visitorObject !== &#8216;undefined&#8217;) {<br \/>\n        visitorObject(&#8216;setEmail&#8217;, email);<br \/>\n        visitorObject(&#8216;update&#8217;);<br \/>\n    } else if (typeof(trackcmp_url) != &#8216;undefined&#8217; &amp;&amp; trackcmp_url) {<br \/>\n        \/\/ Site tracking URL to use after inline form submission.<br \/>\n        _load_script(trackcmp_url);<br \/>\n    }<br \/>\n    if (typeof window._form_callback !== &#8216;undefined&#8217;) window._form_callback(id);<br \/>\n};<br \/>\nwindow._load_script = function(url, callback, isSubmit) {<br \/>\n    var head = document.querySelector(&#8216;head&#8217;), script = document.createElement(&#8216;script&#8217;), r = false;<br \/>\n    var submitButton = document.querySelector(&#8216;#_form_20_submit&#8217;);<br \/>\n    script.charset = &#8216;utf-8&#8217;;<br \/>\n    script.src = url;<br \/>\n    if (callback) {<br \/>\n        script.onload = script.onreadystatechange = function() {<br \/>\n            if (!r &amp;&amp; (!this.readyState || this.readyState == &#8216;complete&#8217;)) {<br \/>\n                r = true;<br \/>\n                callback();<br \/>\n            }<br \/>\n        };<br \/>\n    }<br \/>\n    script.onerror = function() {<br \/>\n        if (isSubmit) {<br \/>\n            if (script.src.length &gt; 10000) {<br \/>\n                _show_error(&#8220;20&#8221;, &#8220;Sorry, your submission failed. Please shorten your responses and try again.&#8221;);<br \/>\n            } else {<br \/>\n                _show_error(&#8220;20&#8221;, &#8220;Sorry, your submission failed. Please try again.&#8221;);<br \/>\n            }<br \/>\n            submitButton.disabled = false;<br \/>\n            submitButton.classList.remove(&#8216;processing&#8217;);<br \/>\n        }<br \/>\n    }<\/p>\n<p>    head.appendChild(script);<br \/>\n};<br \/>\n(function() {<br \/>\n    var iti;<br \/>\n    if (window.location.search.search(&#8220;excludeform&#8221;) !== -1) return false;<br \/>\n    var getCookie = function(name) {<br \/>\n        var match = document.cookie.match(new RegExp(&#8216;(^|; )&#8217; + name + &#8216;=([^;]+)&#8217;));<br \/>\n        return match ? match[2] : null;<br \/>\n    }<br \/>\n    var setCookie = function(name, value) {<br \/>\n        var now = new Date();<br \/>\n        var time = now.getTime();<br \/>\n        var expireTime = time + 1000 * 60 * 60 * 24 * 365;<br \/>\n        now.setTime(expireTime);<br \/>\n        document.cookie = name + &#8216;=&#8217; + value + &#8216;; expires=&#8217; + now + &#8216;;path=\/; Secure; SameSite=Lax;&#8217;;<br \/>\n    }<br \/>\n    var addEvent = function(element, event, func) {<br \/>\n        if (element.addEventListener) {<br \/>\n            element.addEventListener(event, func);<br \/>\n        } else {<br \/>\n            var oldFunc = element[&#8216;on&#8217; + event];<br \/>\n            element[&#8216;on&#8217; + event] = function() {<br \/>\n                oldFunc.apply(this, arguments);<br \/>\n                func.apply(this, arguments);<br \/>\n            };<br \/>\n        }<br \/>\n    }<br \/>\n    var _removed = false;<br \/>\n        var form_to_submit = document.getElementById(&#8216;_form_20_&#8217;);<br \/>\n    var allInputs = form_to_submit.querySelectorAll(&#8216;input, select, textarea&#8217;), tooltips = [], submitted = false;<\/p>\n<p>    var getUrlParam = function(name) {<br \/>\n        if (name.toLowerCase() !== &#8216;email&#8217;) {<br \/>\n            var params = new URLSearchParams(window.location.search);<br \/>\n            return params.get(name) || false;<br \/>\n        }<br \/>\n        \/\/ email is a special case because a plus is valid in the email address<br \/>\n        var qString = window.location.search;<br \/>\n        if (!qString) {<br \/>\n            return false;<br \/>\n        }<br \/>\n        var parameters = qString.substr(1).split(&#8216;&amp;&#8217;);<br \/>\n        for (var i = 0; i &lt; parameters.length; i++) {<br \/>\n            var parameter = parameters[i].split(&#039;=&#039;);<br \/>\n            if (parameter[0].toLowerCase() === &#039;email&#039;) {<br \/>\n                return parameter[1] === undefined ? true : decodeURIComponent(parameter[1]);<br \/>\n            }<br \/>\n        }<br \/>\n        return false;<br \/>\n    };<\/p>\n<p>    var acctDateFormat = &quot;%d\/%m\/%Y&quot;;<br \/>\n    var getNormalizedDate = function(date, acctFormat) {<br \/>\n        var decodedDate = decodeURIComponent(date);<br \/>\n        if (acctFormat &amp;&amp; acctFormat.match(\/(%d|%e).*%m\/gi) !== null) {<br \/>\n            return decodedDate.replace(\/(d{2}).*(d{2}).*(d{4})\/g, &#039;$3-$2-$1&#039;);<br \/>\n        } else if (Date.parse(decodedDate)) {<br \/>\n            var dateObj = new Date(decodedDate);<br \/>\n            var year = dateObj.getFullYear();<br \/>\n            var month = dateObj.getMonth() + 1;<br \/>\n            var day = dateObj.getDate();<br \/>\n            return `${year}-${month &lt; 10 ? `0${month}` : month}-${day &lt; 10 ? `0${day}` : day}`;<br \/>\n        }<br \/>\n        return false;<br \/>\n    };<\/p>\n<p>    var getNormalizedTime = function(time) {<br \/>\n        var hour, minutes;<br \/>\n        var decodedTime = decodeURIComponent(time);<br \/>\n        var timeParts = Array.from(decodedTime.matchAll(\/(d{1,2}):(d{1,2})W*([AaPp][Mm])?\/gm))[0];<br \/>\n        if (timeParts[3]) { \/\/ 12 hour format<br \/>\n            var isPM = timeParts[3].toLowerCase() === &#039;pm&#039;;<br \/>\n            if (isPM) {<br \/>\n                hour = parseInt(timeParts[1]) === 12 ? &#039;12&#039; : `${parseInt(timeParts[1]) + 12}`;<br \/>\n            } else {<br \/>\n                hour = parseInt(timeParts[1]) === 12 ? &#039;0&#039; : timeParts[1];<br \/>\n            }<br \/>\n        } else { \/\/ 24 hour format<br \/>\n            hour = timeParts[1];<br \/>\n        }<br \/>\n        var normalizedHour = parseInt(hour) &lt; 10 ? `0${parseInt(hour)}` : hour;<br \/>\n        var minutes = timeParts[2];<br \/>\n        return `${normalizedHour}:${minutes}`;<br \/>\n    };<\/p>\n<p>    for (var i = 0; i &lt; allInputs.length; i++) {<br \/>\n        var regexStr = &quot;field[(d+)]&quot;;<br \/>\n        var results = new RegExp(regexStr).exec(allInputs[i].name);<br \/>\n        if (results != undefined) {<br \/>\n            allInputs[i].dataset.name = allInputs[i].name.match(\/[time]$\/)<br \/>\n                ? `${window.cfields[results[1]]}_time`<br \/>\n                : window.cfields[results[1]];<br \/>\n        } else {<br \/>\n            allInputs[i].dataset.name = allInputs[i].name;<br \/>\n        }<br \/>\n        var fieldVal = getUrlParam(allInputs[i].dataset.name);<\/p>\n<p>        if (fieldVal) {<br \/>\n            if (allInputs[i].dataset.autofill === &quot;false&quot;) {<br \/>\n                continue;<br \/>\n            }<br \/>\n            if (allInputs[i].type == &quot;radio&quot; || allInputs[i].type == &quot;checkbox&quot;) {<br \/>\n                if (allInputs[i].value == fieldVal) {<br \/>\n                    allInputs[i].checked = true;<br \/>\n                }<br \/>\n            } else if (allInputs[i].type == &quot;date&quot;) {<br \/>\n                allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);<br \/>\n            } else if (allInputs[i].type == &quot;time&quot;) {<br \/>\n                allInputs[i].value = getNormalizedTime(fieldVal);<br \/>\n            } else {<br \/>\n                allInputs[i].value = fieldVal;<br \/>\n            }<br \/>\n        }<br \/>\n    }<\/p>\n<p>    var remove_tooltips = function() {<br \/>\n        for (var i = 0; i &lt; tooltips.length; i++) {<br \/>\n            tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br \/>\n        }<br \/>\n        tooltips = [];<br \/>\n    };<br \/>\n    var remove_tooltip = function(elem) {<br \/>\n        for (var i = 0; i &lt; tooltips.length; i++) {<br \/>\n            if (tooltips[i].elem === elem) {<br \/>\n                tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br \/>\n                tooltips.splice(i, 1);<br \/>\n                return;<br \/>\n            }<br \/>\n        }<br \/>\n    };<br \/>\n    var create_tooltip = function(elem, text) {<br \/>\n        var tooltip = document.createElement(&#039;div&#039;),<br \/>\n            arrow = document.createElement(&#039;div&#039;),<br \/>\n            inner = document.createElement(&#039;div&#039;), new_tooltip = {};<br \/>\n        if (elem.type != &#039;radio&#039; &amp;&amp; (elem.type != &#039;checkbox&#039; || elem.name === &#039;sms_consent&#039;)) {<br \/>\n            tooltip.className = &#039;_error&#039;;<br \/>\n            arrow.className = &#039;_error-arrow&#039;;<br \/>\n            inner.className = &#039;_error-inner&#039;;<br \/>\n            inner.innerHTML = text;<br \/>\n            tooltip.appendChild(arrow);<br \/>\n            tooltip.appendChild(inner);<br \/>\n            elem.parentNode.appendChild(tooltip);<br \/>\n        } else {<br \/>\n            tooltip.className = &#039;_error-inner _no_arrow&#039;;<br \/>\n            tooltip.innerHTML = text;<br \/>\n            elem.parentNode.insertBefore(tooltip, elem);<br \/>\n            new_tooltip.no_arrow = true;<br \/>\n        }<br \/>\n        new_tooltip.tip = tooltip;<br \/>\n        new_tooltip.elem = elem;<br \/>\n        tooltips.push(new_tooltip);<br \/>\n        return new_tooltip;<br \/>\n    };<br \/>\n    var resize_tooltip = function(tooltip) {<br \/>\n        var rect = tooltip.elem.getBoundingClientRect();<br \/>\n        var doc = document.documentElement,<br \/>\n            scrollPosition = rect.top &#8211; ((window.pageYOffset || doc.scrollTop)  &#8211; (doc.clientTop || 0));<br \/>\n        if (scrollPosition &lt; 40) {<br \/>\n            tooltip.tip.className = tooltip.tip.className.replace(\/ ?(_above|_below) ?\/g, &#039;&#039;) + &#039; _below&#039;;<br \/>\n        } else {<br \/>\n            tooltip.tip.className = tooltip.tip.className.replace(\/ ?(_above|_below) ?\/g, &#039;&#039;) + &#039; _above&#039;;<br \/>\n        }<br \/>\n    };<br \/>\n    var resize_tooltips = function() {<br \/>\n        if (_removed) return;<br \/>\n        for (var i = 0; i &lt; tooltips.length; i++) {<br \/>\n            if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);<br \/>\n        }<br \/>\n    };<br \/>\n    var validate_field = function(elem, remove) {<br \/>\n        var tooltip = null, value = elem.value, no_error = true;<br \/>\n        remove ? remove_tooltip(elem) : false;<br \/>\n        if (elem.type != &#039;checkbox&#039;) elem.className = elem.className.replace(\/ ?_has_error ?\/g, &#039;&#039;);<br \/>\n        if (elem.getAttribute(&#039;required&#039;) !== null) {<br \/>\n            if (elem.type == &#039;radio&#039; || (elem.type == &#039;checkbox&#039; &amp;&amp; \/any\/.test(elem.className))) {<br \/>\n                var elems = form_to_submit.elements[elem.name];<br \/>\n                if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length &lt;= 1) {<br \/>\n                    no_error = elem.checked;<br \/>\n                }<br \/>\n                else {<br \/>\n                    no_error = false;<br \/>\n                    for (var i = 0; i &lt; elems.length; i++) {<br \/>\n                        if (elems[i].checked) no_error = true;<br \/>\n                    }<br \/>\n                }<br \/>\n                if (!no_error) {<br \/>\n                    tooltip = create_tooltip(elem, &quot;Please select an option.&quot;);<br \/>\n                }<br \/>\n            } else if (elem.type ==&#039;checkbox&#039;) {<br \/>\n                var elems = form_to_submit.elements[elem.name], found = false, err = [];<br \/>\n                no_error = true;<br \/>\n                for (var i = 0; i &lt; elems.length; i++) {<br \/>\n                    if (elems[i].getAttribute(&#039;required&#039;) === null) continue;<br \/>\n                    if (!found &amp;&amp; elems[i] !== elem) return true;<br \/>\n                    found = true;<br \/>\n                    elems[i].className = elems[i].className.replace(\/ ?_has_error ?\/g, &#039;&#039;);<br \/>\n                    if (!elems[i].checked) {<br \/>\n                        no_error = false;<br \/>\n                        elems[i].className = elems[i].className + &#039; _has_error&#039;;<br \/>\n                        err.push(&quot;Checking %s is required&quot;.replace(&quot;%s&quot;, elems[i].value));<br \/>\n                    }<br \/>\n                }<br \/>\n                if (!no_error) {<br \/>\n                    tooltip = create_tooltip(elem, err.join(&#039;<br \/>&#8216;));<br \/>\n                }<br \/>\n            } else if (elem.tagName == &#8216;SELECT&#8217;) {<br \/>\n                var selected = true;<br \/>\n                if (elem.multiple) {<br \/>\n                    selected = false;<br \/>\n                    for (var i = 0; i &lt; elem.options.length; i++) {<br \/>\n                        if (elem.options[i].selected) {<br \/>\n                            selected = true;<br \/>\n                            break;<br \/>\n                        }<br \/>\n                    }<br \/>\n                } else {<br \/>\n                    for (var i = 0; i &lt; elem.options.length; i++) {<br \/>\n                        if (elem.options[i].selected<br \/>\n                            &amp;&amp; (!elem.options[i].value<br \/>\n                            || (elem.options[i].value.match(\/n\/g)))<br \/>\n                        ) {<br \/>\n                            selected = false;<br \/>\n                        }<br \/>\n                    }<br \/>\n                }<br \/>\n                if (!selected) {<br \/>\n                    elem.className = elem.className + &#039; _has_error&#039;;<br \/>\n                    no_error = false;<br \/>\n                    tooltip = create_tooltip(elem, &quot;Please select an option.&quot;);<br \/>\n                }<br \/>\n            } else if (value === undefined || value === null || value === &#039;&#039;) {<br \/>\n                elem.className = elem.className + &#039; _has_error&#039;;<br \/>\n                no_error = false;<br \/>\n                tooltip = create_tooltip(elem, &quot;This field is required.&quot;);<br \/>\n            }<br \/>\n        }<br \/>\n        if (no_error &amp;&amp; elem.name == &#039;email&#039;) {<br \/>\n            if (!value.match(\/^[+_a-z0-9-&#039;&amp;=]+(.[+_a-z0-9-&#039;]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$\/i)) {<br \/>\n                elem.className = elem.className + &#039; _has_error&#039;;<br \/>\n                no_error = false;<br \/>\n                tooltip = create_tooltip(elem, &quot;Enter a valid email address.&quot;);<br \/>\n            }<br \/>\n        }<br \/>\n        if (no_error &amp;&amp; (elem.id == &#039;phone&#039;)) {<br \/>\n            if (elem.value.trim() &amp;&amp; typeof iti != &#039;undefined&#039; &amp;&amp; !iti.isValidNumber()) {<br \/>\n                elem.className = elem.className + &#039; _has_error&#039;;<br \/>\n                no_error = false;<br \/>\n                tooltip = create_tooltip(elem, &quot;Enter a valid phone number.&quot;);<br \/>\n            }<br \/>\n        }<br \/>\n        if (no_error &amp;&amp; \/date_field\/.test(elem.className)) {<br \/>\n            if (!value.match(\/^dddd-dd-dd$\/)) {<br \/>\n                elem.className = elem.className + &#039; _has_error&#039;;<br \/>\n                no_error = false;<br \/>\n                tooltip = create_tooltip(elem, &quot;Enter a valid date.&quot;);<br \/>\n            }<br \/>\n        }<\/p>\n<p>        if (no_error &amp;&amp; elem.name === &#039;sms_consent&#039;) {<br \/>\n            const elemShouldBeChecked = (!!elem.attributes.required &amp;&amp; !elem.checked);<br \/>\n            if (elemShouldBeChecked) {<br \/>\n                elem.className = elem.className + &#039; _has_error&#039;;<br \/>\n                no_error = false;<br \/>\n                tooltip = create_tooltip(elem, &quot;Please check this box to continue&quot;);<br \/>\n            } else {<br \/>\n                elem.className = elem.className.replace(\/ ?_has_error ?\/g, &#039;&#039;);<br \/>\n            }<br \/>\n        }<br \/>\n        tooltip ? resize_tooltip(tooltip) : false;<br \/>\n        return no_error;<br \/>\n    };<br \/>\n    var needs_validate = function(el) {<br \/>\n        if(el.getAttribute(&#039;required&#039;) !== null){<br \/>\n            return true;<br \/>\n        }<br \/>\n        if((el.name === &#039;email&#039; || el.id === &#039;phone&#039;) &amp;&amp; el.value !== &quot;&quot;){<br \/>\n            return true;<br \/>\n        }<\/p>\n<p>        return false;<br \/>\n    };<br \/>\n    var validate_form = function(e) {<br \/>\n        var err = form_to_submit.querySelector(&#039;._form_error&#039;), no_error = true;<br \/>\n        if (!submitted) {<br \/>\n            submitted = true;<br \/>\n            for (var i = 0, len = allInputs.length; i &lt; len; i++) {<br \/>\n                var input = allInputs[i];<br \/>\n                if (needs_validate(input)) {<br \/>\n                    if (input.type == &#039;text&#039; || input.type == &#039;number&#039; || input.type == &#039;time&#039; || input.type == &#039;tel&#039;) {<br \/>\n                        addEvent(input, &#039;blur&#039;, function() {<br \/>\n                            this.value = this.value.trim();<br \/>\n                            validate_field(this, true);<br \/>\n                        });<br \/>\n                        addEvent(input, &#039;input&#039;, function() {<br \/>\n                            validate_field(this, true);<br \/>\n                        });<br \/>\n                    } else if (input.type == &#039;radio&#039; || input.type == &#039;checkbox&#039;) {<br \/>\n                        (function(el) {<br \/>\n                            function getElementsArray(name){<br \/>\n                                const value =  form_to_submit.elements[name];<br \/>\n                                if (Array.isArray(value)){<br \/>\n                                    return value;<br \/>\n                                }<br \/>\n                                return [value];<br \/>\n                            }<br \/>\n                            var radios = getElementsArray(el.name);<br \/>\n                            for (var i = 0; i &lt; radios.length; i++) {<br \/>\n                                addEvent(radios[i], &#039;change&#039;, function() {<br \/>\n                                    validate_field(el, true);<br \/>\n                                });<br \/>\n                            }<br \/>\n                        })(input);<br \/>\n                    } else if (input.tagName == &#039;SELECT&#039;) {<br \/>\n                        addEvent(input, &#039;change&#039;, function() {<br \/>\n                            validate_field(this, true);<br \/>\n                        });<br \/>\n                    } else if (input.type == &#039;textarea&#039;){<br \/>\n                        addEvent(input, &#039;input&#039;, function() {<br \/>\n                            validate_field(this, true);<br \/>\n                        });<br \/>\n                    }<br \/>\n                }<br \/>\n            }<br \/>\n        }<br \/>\n        remove_tooltips();<br \/>\n        for (var i = 0, len = allInputs.length; i &lt; len; i++) {<br \/>\n            var elem = allInputs[i];<br \/>\n            if (needs_validate(elem)) {<br \/>\n                if (elem.tagName.toLowerCase() !== &quot;select&quot;) {<br \/>\n                    elem.value = elem.value.trim();<br \/>\n                }<br \/>\n                validate_field(elem) ? true : no_error = false;<br \/>\n            }<br \/>\n        }<br \/>\n        if (!no_error &amp;&amp; e) {<br \/>\n            e.preventDefault();<br \/>\n        }<br \/>\n        resize_tooltips();<br \/>\n        return no_error;<br \/>\n    };<br \/>\n    addEvent(window, &#039;resize&#039;, resize_tooltips);<br \/>\n    addEvent(window, &#039;scroll&#039;, resize_tooltips);<\/p>\n<p>    var _form_serialize = function(form){if(!form||form.nodeName!==&quot;FORM&quot;){return }var i,j,q=[];for(i=0;i&lt;form.elements.length;i++){if(form.elements[i].name===&quot;&quot;){continue}switch(form.elements[i].nodeName){case&quot;INPUT&quot;:switch(form.elements[i].type){case&quot;tel&quot;:q.push(form.elements[i].name+&quot;=&quot;+encodeURIComponent(form.elements[i].previousSibling.querySelector(&#039;div.iti__selected-dial-code&#039;).innerText)+encodeURIComponent(&quot; &quot;)+encodeURIComponent(form.elements[i].value));break;case&quot;text&quot;:case&quot;number&quot;:case&quot;date&quot;:case&quot;time&quot;:case&quot;hidden&quot;:case&quot;password&quot;:case&quot;button&quot;:case&quot;reset&quot;:case&quot;submit&quot;:q.push(form.elements[i].name+&quot;=&quot;+encodeURIComponent(form.elements[i].value));break;case&quot;checkbox&quot;:case&quot;radio&quot;:if(form.elements[i].checked){q.push(form.elements[i].name+&quot;=&quot;+encodeURIComponent(form.elements[i].value))}break;case&quot;file&quot;:break}break;case&quot;TEXTAREA&quot;:q.push(form.elements[i].name+&quot;=&quot;+encodeURIComponent(form.elements[i].value));break;case&quot;SELECT&quot;:switch(form.elements[i].type){case&quot;select-one&quot;:q.push(form.elements[i].name+&quot;=&quot;+encodeURIComponent(form.elements[i].value));break;case&quot;select-multiple&quot;:for(j=0;j {<br \/>\n                    if (key !== &#8216;hideButton&#8217;) {<br \/>\n                        formData.append(key, value);<br \/>\n                    }<br \/>\n                });<br \/>\n                let request = {<br \/>\n                    headers: {<br \/>\n                        &#8220;Accept&#8221;: &#8220;application\/json&#8221;<br \/>\n                    },<br \/>\n                    body: formData,<br \/>\n                    method: &#8220;POST&#8221;<br \/>\n                };<\/p>\n<p>                let pageUrlParams = new URLSearchParams(window.location.search);<br \/>\n                if (pageUrlParams.has(&#8217;t&#8217;)) {<br \/>\n                    request.headers.Authorization = &#8216;Bearer &#8216; + pageUrlParams.get(&#8217;t&#8217;);<br \/>\n                }<br \/>\n                const response = await fetch(&#8216;<a href=\"https:\/\/spinoffice80279.activehosted.com\/proc.php?jsonp=true&#038;#8217\" rel=\"nofollow\">https:\/\/spinoffice80279.activehosted.com\/proc.php?jsonp=true&#038;#8217<\/a>;, request);<\/p>\n<p>                return response.json();<br \/>\n            }<br \/>\n            if (formSupportsPost) {<br \/>\n                submitForm().then((data) =&gt; {<br \/>\n                    eval(data.js);<br \/>\n                }).catch(() =&gt; {<br \/>\n                    _show_error(&#8220;20&#8221;, &#8220;Sorry, your submission failed. Please try again.&#8221;);<br \/>\n                });<br \/>\n            } else {<br \/>\n                _load_script(&#8216;<a href=\"https:\/\/spinoffice80279.activehosted.com\/proc.php?&#038;#8217\" rel=\"nofollow\">https:\/\/spinoffice80279.activehosted.com\/proc.php?&#038;#8217<\/a>; + serialized + &#8216;&amp;jsonp=true&#8217;, null, true);<br \/>\n            }<br \/>\n        }<br \/>\n        return false;<br \/>\n    };<br \/>\n    addEvent(form_to_submit, &#8216;submit&#8217;, form_submit);<br \/>\n})();<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-19dy0ex brz-wrapper\">\n<div class=\"brz-embed-code brz-css-d-embedcode brz-css-bzmius\" data-brz-custom-id=\"uNMNwY_sPu5x\">\n<div class=\"brz-embed-content\">\n<div>\n\/\/ Send hashed email to Meta after successful form submission<br \/>\nwindow._form_callback = async function(formId) {<br \/>\n  const form = document.getElementById(&#8216;_form_&#8217; + formId + &#8216;_&#8217;);<br \/>\n  const emailInput = form.querySelector(&#8216;input[name=&#8221;email&#8221;]&#8217;);<br \/>\n  if (!emailInput) return;<\/p>\n<p>  const email = emailInput.value.trim().toLowerCase();<br \/>\n  const hashedEmail = await sha256(email);<br \/>\n  fbq(&#8217;track&#8217;, &#8216;Lead&#8217;, { em: hashedEmail });<br \/>\n};<\/p>\n<p>\/\/ SHA-256 hashing function<br \/>\nasync function sha256(str) {<br \/>\n  const buf = new TextEncoder().encode(str);<br \/>\n  const hash = await crypto.subtle.digest(&#8220;SHA-256&#8243;, buf);<br \/>\n  return [&#8230;new Uint8Array(hash)].map(x =&gt; x.toString(16).padStart(2, &#8216;0&#8217;)).join(&#8221;);<br \/>\n}<\/p>\n<p>\/\/ Pre-fill UTM fields from localStorage<br \/>\ndocument.addEventListener(&#8216;DOMContentLoaded&#8217;, () =&gt; {<br \/>\n  [&#8216;utm_source&#8217;, &#8216;utm_medium&#8217;, &#8216;utm_campaign&#8217;, &#8216;utm_term&#8217;].forEach(param =&gt; {<br \/>\n    const value = localStorage.getItem(param);<br \/>\n    if (!value) return;<br \/>\n    const field = document.querySelector(`input[name=&#8221;field[${utmFieldMap[param]}]&#8221;]`);<br \/>\n    if (field) field.value = value;<br \/>\n  });<br \/>\n});<\/p>\n<p>\/\/ Map UTM names to field IDs in your form<br \/>\nconst utmFieldMap = {<br \/>\n  utm_source: 34,<br \/>\n  utm_medium: 35,<br \/>\n  utm_campaign: 36,<br \/>\n  utm_term: 37<br \/>\n};<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-1xh89x7 brz-wrapper\">\n<div class=\"brz-embed-code brz-css-d-embedcode brz-css-1g3q4xx\" data-brz-custom-id=\"q2hAYFJ7qTDN\">\n<div class=\"brz-embed-content\">\n<div>\ndocument.addEventListener(&#8216;DOMContentLoaded&#8217;, () =&gt; {<br \/>\n  const form = document.getElementById(&#8216;_form_20_&#8217;); \/\/ Adjust if needed<\/p>\n<p>  if (!form) return;<\/p>\n<p>  form.addEventListener(&#8216;submit&#8217;, () =&gt; {<br \/>\n    \/\/ Delay a bit to ensure values are filled<br \/>\n    setTimeout(() =&gt; {<br \/>\n      const firstName = document.querySelector(&#8216;input[name=&#8221;firstname&#8221;]&#8217;)?.value?.trim();<br \/>\n      const lastName = document.querySelector(&#8216;input[name=&#8221;lastname&#8221;]&#8217;)?.value?.trim();<br \/>\n      const email = document.querySelector(&#8216;input[name=&#8221;email&#8221;]&#8217;)?.value?.trim();<\/p>\n<p>      if (firstName) sessionStorage.setItem(&#8216;firstname&#8217;, firstName);<br \/>\n      if (lastName) sessionStorage.setItem(&#8216;lastname&#8217;, lastName);<br \/>\n      if (email) sessionStorage.setItem(&#8216;email&#8217;, email);<br \/>\n    }, 200); \/\/ Delay to allow values to populate<br \/>\n  });<br \/>\n});\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section><\/div>\n<p><!-- version:1773755626 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/\/ Map URL\/localStorage keys to input field names const fieldMap = { firstname: &#8216;firstname&#8217;, lastname: &#8216;lastname&#8217;, email: &#8216;email&#8217;, utm_source: &#8216;field[34]&#8217;, utm_medium: &#8216;field[35]&#8217;, utm_campaign: &#8216;field[36]&#8217;, utm_term: &#8216;field[37]&#8217; }; document.addEventListener(&#8216;DOMContentLoaded&#8217;, () =&gt; { Object.entries(fieldMap).forEach(([key, fieldName]) =&gt; { const value = localStorage.getItem(key); if (value) { const input = document.querySelector(`[name=&#8221;${fieldName}&#8221;]`); if (input) input.value = value; } }); \/\/ Clean [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":138079,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_yoast_wpseo_focuskw":"","_yoast_wpseo_metadesc":"","rank_math_focus_keyword":"","rank_math_description":"","_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"footnotes":""},"class_list":["post-138154","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":false,"jetpack_shortlink":"https:\/\/wp.me\/Pf6Qra-zWi","jetpack_sharing_enabled":true,"brizy_media":[{"id":153011,"url":"https:\/\/spinoffice-crm.com\/wp-content\/uploads\/2025\/01\/background-sign-in.png","name":"background-sign-in.png","meta":{"brizy_attachment_uid":"wp-4fbdbf1dc5661db54f6ebed61d76e83b.png","brizy_post_uid":["6a52aad5ae52b1ca841c9f515ce25da4","cd7e9fb394c7e7d2785a4ee35ba410b5","350fe561f59efc3224ea9fa67035b35b","94931324df83d2b2eb17729dc7c1e273","8f63134544b76faddc94373b11e912a8","8ac018e3f6af08c6daf48444934915e6"]}},{"id":153803,"url":"https:\/\/spinoffice-crm.com\/wp-content\/uploads\/2025\/01\/processC-02.png","name":"processC-02.png","meta":{"brizy_attachment_uid":"wp-08e37ded66ab7a863b04ba57faa45e73.png","brizy_post_uid":["cd7e9fb394c7e7d2785a4ee35ba410b5"]}},{"id":153827,"url":"https:\/\/spinoffice-crm.com\/wp-content\/uploads\/2025\/01\/processC-01-02.png","name":"processC-01-02.png","meta":{"brizy_attachment_uid":"wp-3e400d6351145d864a6dbc439267c06b.png","brizy_post_uid":["cd7e9fb394c7e7d2785a4ee35ba410b5"]}},{"id":158067,"url":"https:\/\/spinoffice-crm.com\/wp-content\/uploads\/2025\/03\/background-sign-in_light.png","name":"background-sign-in_light.png","meta":{"brizy_attachment_uid":"wp-4e06ee30860850201bfe8766861e3a0e.png","brizy_post_uid":["6a52aad5ae52b1ca841c9f515ce25da4","cd7e9fb394c7e7d2785a4ee35ba410b5","350fe561f59efc3224ea9fa67035b35b","94931324df83d2b2eb17729dc7c1e273","8f63134544b76faddc94373b11e912a8","184f56a7f6c89d21cbe5ba825d5d271b"]}}],"_links":{"self":[{"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/pages\/138154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/comments?post=138154"}],"version-history":[{"count":7,"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/pages\/138154\/revisions"}],"predecessor-version":[{"id":166872,"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/pages\/138154\/revisions\/166872"}],"up":[{"embeddable":true,"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/pages\/138079"}],"wp:attachment":[{"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/media?parent=138154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}