{"id":138079,"date":"2024-10-22T10:15:50","date_gmt":"2024-10-22T09:15:50","guid":{"rendered":"https:\/\/spinoffice-crm.com\/?page_id=138079"},"modified":"2026-03-17T14:54:28","modified_gmt":"2026-03-17T13:54:28","slug":"demo","status":"publish","type":"page","link":"https:\/\/spinoffice-crm.com\/en\/demo\/","title":{"rendered":"Demo"},"content":{"rendered":"<div class=\"brz brz-root__container brz-reset-all brz-root__container-page\" >\n<section id=\"uOvX9TwrGx32_uOvX9TwrGx32\" class=\"brz-section brz-css-d-section brz-css-mzwxwd\">\n<div class=\"brz-section__content brz-section--boxed brz-css-d-sectionitem-bg brz-css-x02s6v\" data-brz-custom-id=\"qOJew3sRxQxz\">\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-pp4tr7\">\n<div class=\"brz-row__container brz-css-d-row-row brz-css-1qlinyt\" data-brz-custom-id=\"n5L8UB5yA0zQ\">\n<div class=\"brz-row brz-css-d-row-container brz-css-r-row-container brz-css-1tbok96\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-e3wxdq\" data-brz-custom-id=\"vg3yNnqp7U1X\">\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-12vyae7\">\n<div class=\"brz-row__container brz-css-d-row-row brz-css-1bi9n51\" data-brz-custom-id=\"vbszQBbO1GhR\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-fhdp6x\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-1qwr7dx\" data-brz-custom-id=\"bbrU1LQ0jbzf\">\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-17chu26\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-r-wrapper brz-css-4nodwg brz-wrapper\">\n<div class=\"brz-spacer brz-css-d-spacer brz-css-18adi8x\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"brz-row__container brz-css-d-row-row brz-css-17ox7rp\" data-brz-custom-id=\"svAQRANsUjhT\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-pvbk0i\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-nubbz7\" data-brz-custom-id=\"i1mXUoUo41ew\">\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-5i7bhb\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-134g94o brz-wrapper\">\n<div class=\"brz-rich-text brz-rich-text__custom brz-css-d-richtext brz-css-1379503\" data-brz-custom-id=\"rHuyZW01Pk15\">\n<div data-brz-translate-text=\"1\">\n<h1 data-uniq-id=\"hDj6U\" data-generated-css=\"brz-css-hauJH\" class=\"brz-fsft-xs-0 brz-fwdth-xs-100 brz-vfw-xs-400 brz-lh-xs-1_3 brz-ls-xs-0 brz-fw-xs-700 brz-fss-xs-px brz-fs-xs-36 brz-tp-xs-empty brz-text-sm-center brz-text-xs-center brz-tp-sm-empty brz-fs-sm-44 brz-fss-sm-px brz-fw-sm-700 brz-ls-sm-0 brz-lh-sm-1_5 brz-vfw-sm-400 brz-fwdth-sm-100 brz-fsft-sm-0 brz-ff-poppins brz-ft-google brz-fs-lg-44 brz-fss-lg-px brz-fw-lg-700 brz-ls-lg-0 brz-lh-lg-1_4 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-tp-lg-heading1 brz-css-q2ylD\"><span style=\"color: rgb(39, 39, 39);\">Start je gratis demo<\/span><\/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-5tbr72\" data-brz-custom-id=\"cz0FGBiWA2Qi\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-1awpik7\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-1ypvck5\" data-brz-custom-id=\"xFk4e__0Rg3o\">\n<div class=\"brz-column__items brz-css-d-column-bg brz-css-1sxogp3\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-688bas brz-wrapper\">\n<div class=\"brz-rich-text brz-rich-text__custom brz-css-d-richtext brz-css-cq4ze5\" data-brz-custom-id=\"pzacl5jXu0Ho\">\n<div data-brz-translate-text=\"1\">\n<p class=\"brz-text-xs-center brz-text-sm-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-xbPkw\" data-generated-css=\"brz-css-tNvaN\" data-uniq-id=\"m6iWo\"><span class=\"brz-cp-color7\">Ontdek in 30 minuten hoe SpinOffice jouw klantcontact, sales en opvolging overzichtelijker en effici\u00ebnter maakt.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-bpnc8m brz-wrapper\">\n<div class=\"brz-rich-text brz-rich-text__custom brz-css-d-richtext brz-css-1jkh1w2\" data-brz-custom-id=\"qWGBtWij5rsx\">\n<div data-brz-translate-text=\"1\">\n<p class=\"brz-text-sm-center brz-text-xs-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-16 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-tfk0m\" data-uniq-id=\"mmmrF\" data-generated-css=\"brz-css-yxwqW\"><strong class=\"brz-bold-true\">In deze demo<\/strong><\/p>\n<p class=\"brz-text-sm-center brz-text-xs-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-oyNR3\" data-uniq-id=\"oNtg3\" data-generated-css=\"brz-css-znLgC\"> \u2713&nbsp;Vrijblijvend<\/p>\n<p class=\"brz-text-sm-center brz-text-xs-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-oFqJd\" data-uniq-id=\"d0I3K\" data-generated-css=\"brz-css-lKu3u\"> \u2713&nbsp;Geen installatie nodig<\/p>\n<p class=\"brz-text-sm-center brz-text-xs-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-bW7Fc\" data-uniq-id=\"zExbJ\" data-generated-css=\"brz-css-cfgMN\"> \u2713&nbsp;Persoonlijke demo<\/p>\n<p class=\"brz-text-sm-center brz-text-xs-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-bFb5i\" data-uniq-id=\"hCxBc\" data-generated-css=\"brz-css-f0wsD\"><\/p>\n<p class=\"brz-text-sm-center brz-text-xs-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-kcTL1\" data-uniq-id=\"d0HR0\" data-generated-css=\"brz-css-snn80\"><em>Geen salesdruk. Gewoon een eerlijk gesprek.<\/em><\/p>\n<p data-uniq-id=\"d0HR0\" data-generated-css=\"brz-css-snn80\" class=\"brz-text-sm-center brz-text-xs-center brz-tp-lg-empty brz-ff-inter brz-ft-google brz-fs-lg-17 brz-fss-lg-px brz-fw-lg-400 brz-ls-lg-0 brz-lh-lg-1_5 brz-vfw-lg-400 brz-fwdth-lg-100 brz-fsft-lg-0 brz-css-t_L90\"><em> <\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"\" data-brz-iteration-count=\"1\" class=\"brz-css-d-wrapper brz-css-fw5z1b brz-wrapper brz-animated brz-css-d-wrapper-animation-fadein-1000-1000-false brz-css-1dyyt9n\" data-animationid=\"zwsQMrVsquIb\">\n<div class=\"brz-starrating brz-css-d-starrating brz-css-1dd22jm\" data-brz-custom-id=\"q7XKR6DyU3aF\">\n<div class=\"brz-starrating-container\" title=\"4.5\">\n<div class=\"brz-starrating-icon-wrap\"><svg class=\"brz-icon-svg align-[initial] brz-starrating-color-empty\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><span class=\"brz-starrating-color\" style=\"width:calc((4.5 - 0) * 100%)\"><svg class=\"brz-icon-svg align-[initial]\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><\/span><\/div>\n<div class=\"brz-starrating-icon-wrap\"><svg class=\"brz-icon-svg align-[initial] brz-starrating-color-empty\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><span class=\"brz-starrating-color\" style=\"width:calc((4.5 - 1) * 100%)\"><svg class=\"brz-icon-svg align-[initial]\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><\/span><\/div>\n<div class=\"brz-starrating-icon-wrap\"><svg class=\"brz-icon-svg align-[initial] brz-starrating-color-empty\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><span class=\"brz-starrating-color\" style=\"width:calc((4.5 - 2) * 100%)\"><svg class=\"brz-icon-svg align-[initial]\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><\/span><\/div>\n<div class=\"brz-starrating-icon-wrap\"><svg class=\"brz-icon-svg align-[initial] brz-starrating-color-empty\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><span class=\"brz-starrating-color\" style=\"width:calc((4.5 - 3) * 100%)\"><svg class=\"brz-icon-svg align-[initial]\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><\/span><\/div>\n<div class=\"brz-starrating-icon-wrap\"><svg class=\"brz-icon-svg align-[initial] brz-starrating-color-empty\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><span class=\"brz-starrating-color\" style=\"width:calc((4.5 - 4) * 100%)\"><svg class=\"brz-icon-svg align-[initial]\"><use href=\"\/wp-content\/plugins\/brizy\/public\/editor-build\/prod\/editor\/icons\/glyph\/shape-star.svg#nc_icon\"><\/use><\/svg><\/span><\/div>\n<\/div>\n<p><span data-brz-translate-text=\"1\" class=\"brz-starrating-text brz-span brz-text__editor\">Beoordeeld met 4,5 \/ 5 sterren door MKB-bedrijven.<\/span><\/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-1dghwct\" data-brz-custom-id=\"f5V93gAVUN5D\">\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-1xktkxs\">\n<div class=\"brz-row__container brz-css-d-row-row brz-css-jg13bs\" data-brz-custom-id=\"dYw43ksrN9ir\">\n<div class=\"brz-row brz-row--inner brz-css-d-row-container brz-css-r-row-container brz-css-18t6mm2\">\n<div class=\"brz-columns brz-css-d-column-column brz-css-1diguxf\" data-brz-custom-id=\"jNVqpa3ckkT8\">\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-1tgktpt\">\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-10xwq4y brz-wrapper\">\n<div class=\"brz-embed-code brz-css-d-embedcode brz-css-41snba\" data-brz-custom-id=\"rdJmJ6wK9d2h\">\n<div class=\"brz-embed-content\">\n<div>\n<style>@import url(https:\/\/fonts.bunny.net\/css?family=inter:400,700);<\/style>\n<style>\n#_form_25_{font-size:14px;line-height:1.6;font-family:arial, helvetica, sans-serif;margin:0}#_form_25_ *{outline:0}._form_hide{display:none;visibility:hidden}._form_show{display:block;visibility:visible}#_form_25_._form-top{top:0}#_form_25_._form-bottom{bottom:0}#_form_25_._form-left{left:0}#_form_25_._form-right{right:0}#_form_25_ input[type=\"text\"],#_form_25_ input[type=\"tel\"],#_form_25_ input[type=\"date\"],#_form_25_ 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_25_ textarea{resize:none}#_form_25_ ._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:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:12px !important}#_form_25_ ._submit:disabled{cursor:not-allowed;opacity:0.4}#_form_25_ ._submit.processing{position:relative}#_form_25_ ._submit.processing::before{content:\"\";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_25_ ._submit.processing::after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background:#528711 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:12px !important}@keyframes _spin{0%{transform:translate(-50%, -50%) rotate(90deg)}100%{transform:translate(-50%, -50%) rotate(450deg)}}#_form_25_ ._close-icon{cursor:pointer;background-image:url(\"https:\/\/d226aj4ao1t61q.cloudfront.net\/esfkyjh1u_forms-close-dark.png\");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_25_ ._close-icon:before{position:relative}#_form_25_ ._form-body{margin-bottom:30px}#_form_25_ ._form-image-left{width:150px;float:left}#_form_25_ ._form-content-right{margin-left:164px}#_form_25_ ._form-branding{color:#fff;font-size:10px;clear:both;text-align:left;margin-top:30px;font-weight:100}#_form_25_ ._form-branding ._logo{display:block;width:130px;height:14px;margin-top:6px;background-image:url(\"https:\/\/d226aj4ao1t61q.cloudfront.net\/hh9ujqgv5_aclogo_li.png\");background-size:130px auto;background-repeat:no-repeat}#_form_25_ .form-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#_form_25_ ._form-label,#_form_25_ ._form_element ._form-label{font-weight:bold;margin-bottom:5px;display:block}#_form_25_._dark ._form-branding{color:#333}#_form_25_._dark ._form-branding ._logo{background-image:url(\"https:\/\/d226aj4ao1t61q.cloudfront.net\/jftq2c8s_aclogo_dk.png\")}#_form_25_ ._form_element{position:relative;margin-bottom:10px;font-size:0;max-width:100%}#_form_25_ ._form_element *{font-size:14px}#_form_25_ ._form_element._clear{clear:both;width:100%;float:none}#_form_25_ ._form_element._clear:after{clear:left}#_form_25_ ._form_element input[type=\"text\"],#_form_25_ ._form_element input[type=\"date\"],#_form_25_ ._form_element select,#_form_25_ ._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_25_ ._field-wrapper{position:relative}#_form_25_ ._inline-style{float:left}#_form_25_ ._inline-style input[type=\"text\"]{width:150px}#_form_25_ ._inline-style:not(._clear)+._inline-style:not(._clear){margin-left:20px}#_form_25_ ._form_element img._form-image{max-width:100%}#_form_25_ ._form_element ._form-fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0}#_form_25_ ._clear-element{clear:left}#_form_25_ ._full_width{width:100%}#_form_25_ ._form_full_field{display:block;width:100%;margin-bottom:10px}#_form_25_ input[type=\"text\"]._has_error,#_form_25_ textarea._has_error{border:#F37C7B 1px solid}#_form_25_ input[type=\"checkbox\"]._has_error{outline:#F37C7B 1px solid}#_form_25_ ._show_be_error{float:left}#_form_25_ ._error{display:block;position:absolute;font-size:14px;z-index:10000001}#_form_25_ ._error._above{padding-bottom:4px;bottom:39px;right:0}#_form_25_ ._error._below{padding-top:8px;top:100%;right:0}#_form_25_ ._error._above ._error-arrow{bottom:-4px;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFDDDD}#_form_25_ ._error._below ._error-arrow{top:0;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FFDDDD}#_form_25_ ._error-inner{padding:12px 12px 12px 36px;background-color:#FFDDDD;background-image:url(\"data:image\/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='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' fill='%23CA0000'\/%3E%3C\/svg%3E\");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_25_ ._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_25_ ._error-inner._form_error{margin-bottom:5px;text-align:left}#_form_25_ ._button-wrapper ._error-inner._form_error{position:static}#_form_25_ ._error-inner._no_arrow{margin-bottom:10px}#_form_25_ ._error-arrow{position:absolute;width:0;height:0}#_form_25_ ._error-html{margin-bottom:10px}.pika-single{z-index:10000001 !important}#_form_25_ input[type=\"text\"].datetime_date{width:69%;display:inline}#_form_25_ select.datetime_time{width:29%;display:inline;height:32px}#_form_25_ input[type=\"date\"].datetime_date{width:69%;display:inline-flex}#_form_25_ input[type=\"time\"].datetime_time{width:29%;display:inline-flex}@media (min-width:320px) and (max-width:667px){::-webkit-scrollbar{display:none}#_form_25_{margin:0;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}#_form_25_ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em}#_form_25_ ._form-content{margin:0;width:100%}#_form_25_ ._form-inner{display:block;min-width:100%}#_form_25_ ._form-title,#_form_25_ ._inline-style{margin-top:0;margin-right:0;margin-left:0}#_form_25_ ._form-title{font-size:1.2em}#_form_25_ ._form_element{margin:0 0 20px;padding:0;width:100%}#_form_25_ ._form-element,#_form_25_ ._inline-style,#_form_25_ input[type=\"text\"],#_form_25_ label,#_form_25_ p,#_form_25_ textarea:not(.g-recaptcha-response){float:none;display:block;width:100%}#_form_25_ ._row._checkbox-radio label{display:inline}#_form_25_ ._row,#_form_25_ p,#_form_25_ label{margin-bottom:0.7em;width:100%}#_form_25_ ._row input[type=\"checkbox\"],#_form_25_ ._row input[type=\"radio\"]{margin:0 !important;vertical-align:middle !important}#_form_25_ ._row input[type=\"checkbox\"]+span label{display:inline}#_form_25_ ._row span label{margin:0 !important;width:initial !important;vertical-align:middle !important}#_form_25_ ._form-image{max-width:100%;height:auto !important}#_form_25_ input[type=\"text\"]{padding-left:10px;padding-right:10px;font-size:16px;line-height:1.3em;-webkit-appearance:none}#_form_25_ input[type=\"radio\"],#_form_25_ input[type=\"checkbox\"]{display:inline-block;width:1.3em;height:1.3em;font-size:1em;margin:0 0.3em 0 0;vertical-align:baseline}#_form_25_ button[type=\"submit\"]{padding:20px;font-size:1.5em}#_form_25_ ._inline-style{margin:20px 0 0 !important}#_form_25_ ._inline-style input[type=\"text\"]{width:100%}}#_form_25_ .sms_consent_checkbox{position:relative;width:100%;display:flex;align-items:flex-start;padding:20px 0}#_form_25_ .sms_consent_checkbox input[type=\"checkbox\"]{float:left;margin:5px 10px 10px 0}#_form_25_ .sms_consent_checkbox .sms_consent_message{display:inline;float:left;text-align:left;margin-bottom:10px;font-size:14px;color:#7D8799}#_form_25_ .sms_consent_checkbox .sms_consent_message.sms_consent_mini{width:90%}#_form_25_ .sms_consent_checkbox ._error._above{right:auto;bottom:0}#_form_25_ .sms_consent_checkbox ._error._above ._error-arrow{right:auto;left:5px}@media (min-width:320px) and (max-width:667px){#_form_25_ .sms_consent_checkbox ._error._above{top:-30px;left:0;bottom:auto}}#_form_25_ .field-required{color:#FF0000}#_form_25_{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:#FFFFFF !important;border:0;max-width:700px;-moz-border-radius:10px !important;-webkit-border-radius:10px !important;border-radius:10px !important;color:#000000}#_form_25_ ._show_be_error{min-width:100%}#_form_25_._inline-form,#_form_25_._inline-form ._form-content{font-family:Inter;font-size:20px;font-weight:400}#_form_25_._inline-form ._row span,#_form_25_._inline-form ._row label{font-family:Inter;font-size:14px;font-weight:400;line-height:1.6em;color:#444 !important}#_form_25__inlineform input[type=\"text\"],#_form_25__inlineform input[type=\"date\"],#_form_25__inlineform input[type=\"tel\"],#_form_25__inlineform select,#_form_25__inlineform textarea:not(.g-recaptcha-response){font-family:Inter;font-size:14px;font-weight:400;font-color:#000000;line-height:1.6em}#_form_25_._inline-form ._html-code *:not(h1, h2, h3, h4, h5, h6),#_form_25_._inline-form .sms_consent_message,#_form_25_._inline-form ._form-thank-you{font-family:Inter;font-size:20px;font-weight:400;color:#444 !important}#_form_25_._inline-form ._form-label,#_form_25_._inline-form ._form-emailidentifier,#_form_25_._inline-form ._form-checkbox-option-label{font-family:Inter;font-size:14px;font-weight:700;line-height:1.6em;color:#444 !important}#_form_25_._inline-form ._submit{margin-top:12px;font-family:Inter;font-size:14px;font-weight:400}#_form_25_._inline-form ._html-code h1,#_form_25_._inline-form ._html-code h2,#_form_25_._inline-form ._html-code h3,#_form_25_._inline-form ._html-code h4,#_form_25_._inline-form ._html-code h5,#_form_25_._inline-form ._html-code h6,#_form_25_._inline-form ._form-title{font-family:Inter;font-size:22px;line-height:normal;font-weight:700;color:black;margin-bottom:0;display:block}#_form_25_._inline-form ._form-branding{font-family:\"IBM Plex Sans\", Helvetica, sans-serif;font-size:13px;font-weight:100;font-style:normal;text-decoration:none}#_form_25_:before,#_form_25_:after{content:\" \";display:table}#_form_25_:after{clear:both}#_form_25_._inline-style{width:auto;display:inline-block}#_form_25_._inline-style input[type=\"text\"],#_form_25_._inline-style input[type=\"date\"]{padding:10px 12px}#_form_25_._inline-style button._inline-style{position:relative;top:27px}#_form_25_._inline-style p{margin:0}#_form_25_._inline-style ._button-wrapper{position:relative;margin:16px 12.5px 0 20px}#_form_25_ ._form-thank-you{position:relative;left:0;right:0;text-align:center;font-size:18px}#_form_25_ ._form-pc-confirmation ._submit{margin-top:16px}@media (min-width:320px) and (max-width:667px){#_form_25_._inline-form._inline-style ._inline-style._button-wrapper{margin-top:20px !important;margin-left:0 !important}}#_form_25_ .iti{width:100%}#_form_25_ .iti.iti--allow-dropdown.iti--separate-dial-code{width:100%}#_form_25_ .iti input{width:100%;border:#979797 1px solid;border-radius:4px}#_form_25_ .iti--separate-dial-code .iti__selected-flag{background-color:#FFFFFF;border-radius:4px}#_form_25_ .iti--separate-dial-code .iti__selected-flag:hover{background-color:rgba(0, 0, 0, 0.05)}#_form_25_ .iti__country-list{border-radius:4px;margin-top:4px;min-width:460px}#_form_25_ .iti__country-list--dropup{margin-bottom:4px}#_form_25_ .phone-error-hidden{display:none}#_form_25_ .phone-error{color:#E40E49}#_form_25_ .phone-input-error{border:1px solid #E40E49 !important}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field fieldset{margin:0;margin-bottom:1.1428571429em;border:none;padding:0}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field fieldset:last-child{margin-bottom:0}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field legend{margin-bottom:1.1428571429em}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field label{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:0.8571428571em}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field label:last-child{margin-bottom:0}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field input{margin:0;margin-right:8px}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label{display:block;font-weight:400;margin-top:-4px}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label-with-description{display:block;font-weight:700;margin-top:-4px}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-description{margin:0;font-size:0.8571428571em}#_form_25_._inline-form ._form-content ._form-list-subscriptions-field ._form-subscriptions-unsubscribe-all-description{line-height:normal;margin-top:-2px}<\/style>\n<form method=\"POST\" action=\"https:\/\/spinoffice80279.activehosted.com\/proc.php\" id=\"_form_25_\" class=\"_form _form_25 _inline-form  _dark\" novalidate=\"\" data-styles-version=\"5\">\n  <input type=\"hidden\" name=\"u\" value=\"25\"><br \/>\n  <input type=\"hidden\" name=\"f\" value=\"25\"><br \/>\n  <input type=\"hidden\" name=\"s\"><br \/>\n  <input type=\"hidden\" name=\"c\" value=\"0\"><br \/>\n  <input type=\"hidden\" name=\"m\" value=\"0\"><br \/>\n  <input type=\"hidden\" name=\"act\" value=\"sub\"><br \/>\n  <input type=\"hidden\" name=\"v\" value=\"2\"><br \/>\n  <input type=\"hidden\" name=\"or\" value=\"975f44ceab286444eab99c57e3a52d77\"><\/p>\n<div class=\"_form-content\">\n<div class=\"_form_element _x54902844 _full_width \">\n      <label for=\"firstname\" class=\"_form-label\"><br \/>\n      <\/label><\/p>\n<div class=\"_field-wrapper\">\n        <input type=\"text\" id=\"firstname\" name=\"firstname\" placeholder=\"Voornaam\" required=\"\">\n      <\/div>\n<\/p><\/div>\n<div class=\"_form_element _x29787663 _full_width \">\n      <label for=\"lastname\" class=\"_form-label\"><br \/>\n      <\/label><\/p>\n<div class=\"_field-wrapper\">\n        <input type=\"text\" id=\"lastname\" name=\"lastname\" placeholder=\"Achternaam\" required=\"\">\n      <\/div>\n<\/p><\/div>\n<div class=\"_form_element _x83883994 _full_width \">\n      <label for=\"email\" class=\"_form-label\"><br \/>\n      <\/label><\/p>\n<div class=\"_field-wrapper\">\n        <input type=\"text\" id=\"email\" name=\"email\" placeholder=\"Zakelijk e-mailadres\" required=\"\">\n      <\/div>\n<\/p><\/div>\n<div class=\"_form_element _x64657588 _full_width \">\n      <input type=\"hidden\" name=\"field[34]\" value=\"\">\n    <\/div>\n<div class=\"_form_element _x64462799 _full_width \">\n      <input type=\"hidden\" name=\"field[35]\" value=\"\">\n    <\/div>\n<div class=\"_form_element _x27911724 _full_width \">\n      <input type=\"hidden\" name=\"field[36]\" value=\"\">\n    <\/div>\n<div class=\"_form_element _x20177540 _full_width \">\n      <input type=\"hidden\" name=\"field[37]\" value=\"\">\n    <\/div>\n<div class=\"_form_element _x02267579 _full_width _clear\">\n<div class=\"_html-code\">\n<p style=\"font-size: 12px; line-height: 1.4em; margin-top: 20px; margin-bottom: 20px;\">\n          Bekijk het <a href=\"https:\/\/spinoffice-crm.com\/privacybeleid\/\" target=\"_blank\" style=\"font-size: 12px; text-decoration: underline;\">privacybeleid<\/a> om te ontdekken hoe wij jouw privacy beschermen en respecteren.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"_button-wrapper _full_width\">\n      <button id=\"_form_25_submit\" class=\"_submit\" type=\"submit\"><br \/>\n        Start mijn demo \u2192<br \/>\n      <\/button>\n    <\/div>\n<div class=\"_clear-element\">\n    <\/div>\n<\/p><\/div>\n<div class=\"_form-thank-you\" style=\"display:none;\">\n  <\/div>\n<\/form>\n<p><script>\nwindow.cfields = {\"34\":\"utm_source\",\"35\":\"utm_medium\",\"36\":\"utm_campaign\",\"37\":\"utm_content\"};\nwindow._show_thank_you = function(id, message, trackcmp_url, email) {\n    var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you');\n    form.querySelector('._form-content').style.display = 'none';\n    thank_you.innerHTML = message;\n    thank_you.style.display = 'block';\n    const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;\n    var visitorObject = window[vgoAlias];\n    if (email && typeof visitorObject !== 'undefined') {\n        visitorObject('setEmail', email);\n        visitorObject('update');\n    } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {\n        \/\/ Site tracking URL to use after inline form submission.\n        _load_script(trackcmp_url);\n    }\n    if (typeof window._form_callback !== 'undefined') window._form_callback(id);\n};\nwindow._show_unsubscribe = function(id, message, trackcmp_url, email) {\n    var form = document.getElementById('_form_' + id + '_'), unsub = form.querySelector('._form-thank-you');\n    var branding = form.querySelector('._form-branding');\n    if (branding) {\n        branding.style.display = 'none';\n    }\n    form.querySelector('._form-content').style.display = 'none';\n    unsub.style.display = 'block';\n    form.insertAdjacentHTML('afterend', message)\n    const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;\n    var visitorObject = window[vgoAlias];\n    if (email && typeof visitorObject !== 'undefined') {\n        visitorObject('setEmail', email);\n        visitorObject('update');\n    } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {\n        \/\/ Site tracking URL to use after inline form submission.\n        _load_script(trackcmp_url);\n    }\n    if (typeof window._form_callback !== 'undefined') window._form_callback(id);\n};\nwindow._show_error = function(id, message, html) {\n    var form = document.getElementById('_form_' + id + '_'),\n        err = document.createElement('div'),\n        button = form.querySelector('button[type=\"submit\"]'),\n        old_error = form.querySelector('._form_error');\n    if (old_error) old_error.parentNode.removeChild(old_error);\n    err.innerHTML = message;\n    err.className = '_error-inner _form_error _no_arrow';\n    var wrapper = document.createElement('div');\n    wrapper.className = '_form-inner _show_be_error';\n    wrapper.appendChild(err);\n    button.parentNode.insertBefore(wrapper, button);\n    var submitButton = form.querySelector('[id^=\"_form\"][id$=\"_submit\"]');\n    submitButton.disabled = false;\n    submitButton.classList.remove('processing');\n    if (html) {\n        var div = document.createElement('div');\n        div.className = '_error-html';\n        div.innerHTML = html;\n        err.appendChild(div);\n    }\n};\nwindow._show_pc_confirmation = function(id, header, detail, show, email) {\n    var form = document.getElementById('_form_' + id + '_'), pc_confirmation = form.querySelector('._form-pc-confirmation');\n    if (pc_confirmation.style.display === 'none') {\n        form.querySelector('._form-content').style.display = 'none';\n        pc_confirmation.innerHTML = \"<\/p>\n<div class='_form-title'>\" + header + \"<\/div>\n<p>\" + \"<\/p>\n<p>\" + detail + \"<\/p>\n<p>\" +\n        \"<button class='_submit' id='hideButton'>Manage preferences<\/button>\";\n        pc_confirmation.style.display = 'block';\n        var mp = document.querySelector('input[name=\"mp\"]');\n        mp.value = '0';\n    } else {\n        form.querySelector('._form-content').style.display = 'inline';\n        pc_confirmation.style.display = 'none';\n    }<\/p>\n<p>    var hideButton = document.getElementById('hideButton');\n    \/\/ Add event listener to the button\n    hideButton.addEventListener('click', function() {\n        var submitButton = document.querySelector('#_form_25_submit');\n        submitButton.disabled = false;\n        submitButton.classList.remove('processing');\n        var mp = document.querySelector('input[name=\"mp\"]');\n        mp.value = '1';\n        const cacheBuster = new URL(window.location.href);\n        cacheBuster.searchParams.set('v', new Date().getTime());\n        window.location.href = cacheBuster.toString();\n    });<\/p>\n<p>    const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;\n    var visitorObject = window[vgoAlias];\n    if (email && typeof visitorObject !== 'undefined') {\n        visitorObject('setEmail', email);\n        visitorObject('update');\n    } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {\n        \/\/ Site tracking URL to use after inline form submission.\n        _load_script(trackcmp_url);\n    }\n    if (typeof window._form_callback !== 'undefined') window._form_callback(id);\n};\nwindow._load_script = function(url, callback, isSubmit) {\n    var head = document.querySelector('head'), script = document.createElement('script'), r = false;\n    var submitButton = document.querySelector('#_form_25_submit');\n    script.charset = 'utf-8';\n    script.src = url;\n    if (callback) {\n        script.onload = script.onreadystatechange = function() {\n            if (!r && (!this.readyState || this.readyState == 'complete')) {\n                r = true;\n                callback();\n            }\n        };\n    }\n    script.onerror = function() {\n        if (isSubmit) {\n            if (script.src.length > 10000) {\n                _show_error(\"25\", \"Sorry, your submission failed. Please shorten your responses and try again.\");\n            } else {\n                _show_error(\"25\", \"Sorry, your submission failed. Please try again.\");\n            }\n            submitButton.disabled = false;\n            submitButton.classList.remove('processing');\n        }\n    }<\/p>\n<p>    head.appendChild(script);\n};\n(function() {\n    var iti;\n    if (window.location.search.search(\"excludeform\") !== -1) return false;\n    var getCookie = function(name) {\n        var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));\n        return match ? match[2] : null;\n    }\n    var setCookie = function(name, value) {\n        var now = new Date();\n        var time = now.getTime();\n        var expireTime = time + 1000 * 60 * 60 * 24 * 365;\n        now.setTime(expireTime);\n        document.cookie = name + '=' + value + '; expires=' + now + ';path=\/; Secure; SameSite=Lax;';\n    }\n    var addEvent = function(element, event, func) {\n        if (element.addEventListener) {\n            element.addEventListener(event, func);\n        } else {\n            var oldFunc = element['on' + event];\n            element['on' + event] = function() {\n                oldFunc.apply(this, arguments);\n                func.apply(this, arguments);\n            };\n        }\n    }\n    var _removed = false;\n        var form_to_submit = document.getElementById('_form_25_');\n    var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;<\/p>\n<p>    var getUrlParam = function(name) {\n        if (name.toLowerCase() !== 'email') {\n            var params = new URLSearchParams(window.location.search);\n            return params.get(name) || false;\n        }\n        \/\/ email is a special case because a plus is valid in the email address\n        var qString = window.location.search;\n        if (!qString) {\n            return false;\n        }\n        var parameters = qString.substr(1).split('&');\n        for (var i = 0; i < parameters.length; i++) {\n            var parameter = parameters[i].split('=');\n            if (parameter[0].toLowerCase() === 'email') {\n                return parameter[1] === undefined ? true : decodeURIComponent(parameter[1]);\n            }\n        }\n        return false;\n    };\n\n    var acctDateFormat = \"%d\/%m\/%Y\";\n    var getNormalizedDate = function(date, acctFormat) {\n        var decodedDate = decodeURIComponent(date);\n        if (acctFormat &#038;&#038; acctFormat.match(\/(%d|%e).*%m\/gi) !== null) {\n            return decodedDate.replace(\/(d{2}).*(d{2}).*(d{4})\/g, '$3-$2-$1');\n        } else if (Date.parse(decodedDate)) {\n            var dateObj = new Date(decodedDate);\n            var year = dateObj.getFullYear();\n            var month = dateObj.getMonth() + 1;\n            var day = dateObj.getDate();\n            return `${year}-${month < 10 ? `0${month}` : month}-${day < 10 ? `0${day}` : day}`;\n        }\n        return false;\n    };\n\n    var getNormalizedTime = function(time) {\n        var hour, minutes;\n        var decodedTime = decodeURIComponent(time);\n        var timeParts = Array.from(decodedTime.matchAll(\/(d{1,2}):(d{1,2})W*([AaPp][Mm])?\/gm))[0];\n        if (timeParts[3]) { \/\/ 12 hour format\n            var isPM = timeParts[3].toLowerCase() === 'pm';\n            if (isPM) {\n                hour = parseInt(timeParts[1]) === 12 ? '12' : `${parseInt(timeParts[1]) + 12}`;\n            } else {\n                hour = parseInt(timeParts[1]) === 12 ? '0' : timeParts[1];\n            }\n        } else { \/\/ 24 hour format\n            hour = timeParts[1];\n        }\n        var normalizedHour = parseInt(hour) < 10 ? `0${parseInt(hour)}` : hour;\n        var minutes = timeParts[2];\n        return `${normalizedHour}:${minutes}`;\n    };\n\n    for (var i = 0; i < allInputs.length; i++) {\n        var regexStr = \"field\\[(\\d+)\\]\";\n        var results = new RegExp(regexStr).exec(allInputs[i].name);\n        if (results != undefined) {\n            allInputs[i].dataset.name = allInputs[i].name.match(\/[time]$\/)\n                ? `${window.cfields[results[1]]}_time`\n                : window.cfields[results[1]];\n        } else {\n            allInputs[i].dataset.name = allInputs[i].name;\n        }\n        var fieldVal = getUrlParam(allInputs[i].dataset.name);\n\n        if (fieldVal) {\n            if (allInputs[i].dataset.autofill === \"false\") {\n                continue;\n            }\n            if (allInputs[i].type == \"radio\" || allInputs[i].type == \"checkbox\") {\n                if (allInputs[i].value == fieldVal) {\n                    allInputs[i].checked = true;\n                }\n            } else if (allInputs[i].type == \"date\") {\n                allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);\n            } else if (allInputs[i].type == \"time\") {\n                allInputs[i].value = getNormalizedTime(fieldVal);\n            } else {\n                allInputs[i].value = fieldVal;\n            }\n        }\n    }\n\n    var remove_tooltips = function() {\n        for (var i = 0; i < tooltips.length; i++) {\n            tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);\n        }\n        tooltips = [];\n    };\n    var remove_tooltip = function(elem) {\n        for (var i = 0; i < tooltips.length; i++) {\n            if (tooltips[i].elem === elem) {\n                tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);\n                tooltips.splice(i, 1);\n                return;\n            }\n        }\n    };\n    var create_tooltip = function(elem, text) {\n        var tooltip = document.createElement('div'),\n            arrow = document.createElement('div'),\n            inner = document.createElement('div'), new_tooltip = {};\n        if (elem.type != 'radio' &#038;&#038; (elem.type != 'checkbox' || elem.name === 'sms_consent')) {\n            tooltip.className = '_error';\n            arrow.className = '_error-arrow';\n            inner.className = '_error-inner';\n            inner.innerHTML = text;\n            tooltip.appendChild(arrow);\n            tooltip.appendChild(inner);\n            elem.parentNode.appendChild(tooltip);\n        } else {\n            tooltip.className = '_error-inner _no_arrow';\n            tooltip.innerHTML = text;\n            elem.parentNode.insertBefore(tooltip, elem);\n            new_tooltip.no_arrow = true;\n        }\n        new_tooltip.tip = tooltip;\n        new_tooltip.elem = elem;\n        tooltips.push(new_tooltip);\n        return new_tooltip;\n    };\n    var resize_tooltip = function(tooltip) {\n        var rect = tooltip.elem.getBoundingClientRect();\n        var doc = document.documentElement,\n            scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0));\n        if (scrollPosition < 40) {\n            tooltip.tip.className = tooltip.tip.className.replace(\/ ?(_above|_below) ?\/g, '') + ' _below';\n        } else {\n            tooltip.tip.className = tooltip.tip.className.replace(\/ ?(_above|_below) ?\/g, '') + ' _above';\n        }\n    };\n    var resize_tooltips = function() {\n        if (_removed) return;\n        for (var i = 0; i < tooltips.length; i++) {\n            if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);\n        }\n    };\n    var validate_field = function(elem, remove) {\n        var tooltip = null, value = elem.value, no_error = true;\n        remove ? remove_tooltip(elem) : false;\n        if (elem.type != 'checkbox') elem.className = elem.className.replace(\/ ?_has_error ?\/g, '');\n        if (elem.getAttribute('required') !== null) {\n            if (elem.type == 'radio' || (elem.type == 'checkbox' &#038;&#038; \/any\/.test(elem.className))) {\n                var elems = form_to_submit.elements[elem.name];\n                if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {\n                    no_error = elem.checked;\n                }\n                else {\n                    no_error = false;\n                    for (var i = 0; i < elems.length; i++) {\n                        if (elems[i].checked) no_error = true;\n                    }\n                }\n                if (!no_error) {\n                    tooltip = create_tooltip(elem, \"Please select an option.\");\n                }\n            } else if (elem.type =='checkbox') {\n                var elems = form_to_submit.elements[elem.name], found = false, err = [];\n                no_error = true;\n                for (var i = 0; i < elems.length; i++) {\n                    if (elems[i].getAttribute('required') === null) continue;\n                    if (!found &#038;&#038; elems[i] !== elem) return true;\n                    found = true;\n                    elems[i].className = elems[i].className.replace(\/ ?_has_error ?\/g, '');\n                    if (!elems[i].checked) {\n                        no_error = false;\n                        elems[i].className = elems[i].className + ' _has_error';\n                        err.push(\"Checking %s is required\".replace(\"%s\", elems[i].value));\n                    }\n                }\n                if (!no_error) {\n                    tooltip = create_tooltip(elem, err.join('<br \/>'));\n                }\n            } else if (elem.tagName == 'SELECT') {\n                var selected = true;\n                if (elem.multiple) {\n                    selected = false;\n                    for (var i = 0; i < elem.options.length; i++) {\n                        if (elem.options[i].selected) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                } else {\n                    for (var i = 0; i < elem.options.length; i++) {\n                        if (elem.options[i].selected\n                            &#038;&#038; (!elem.options[i].value\n                            || (elem.options[i].value.match(\/n\/g)))\n                        ) {\n                            selected = false;\n                        }\n                    }\n                }\n                if (!selected) {\n                    elem.className = elem.className + ' _has_error';\n                    no_error = false;\n                    tooltip = create_tooltip(elem, \"Please select an option.\");\n                }\n            } else if (value === undefined || value === null || value === '') {\n                elem.className = elem.className + ' _has_error';\n                no_error = false;\n                tooltip = create_tooltip(elem, \"This field is required.\");\n            }\n        }\n        if (no_error &#038;&#038; elem.name == 'email') {\n            if (!value.match(\/^[+_a-z0-9-'&#038;=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$\/i)) {\n                elem.className = elem.className + ' _has_error';\n                no_error = false;\n                tooltip = create_tooltip(elem, \"Enter a valid email address.\");\n            }\n        }\n        if (no_error &#038;&#038; (elem.id == 'phone')) {\n            if (elem.value.trim() &#038;&#038; typeof iti != 'undefined' &#038;&#038; !iti.isValidNumber()) {\n                elem.className = elem.className + ' _has_error';\n                no_error = false;\n                tooltip = create_tooltip(elem, \"Enter a valid phone number.\");\n            }\n        }\n        if (no_error &#038;&#038; \/date_field\/.test(elem.className)) {\n            if (!value.match(\/^dddd-dd-dd$\/)) {\n                elem.className = elem.className + ' _has_error';\n                no_error = false;\n                tooltip = create_tooltip(elem, \"Enter a valid date.\");\n            }\n        }\n\n        if (no_error &#038;&#038; elem.name === 'sms_consent') {\n            const elemShouldBeChecked = (!!elem.attributes.required &#038;&#038; !elem.checked);\n            if (elemShouldBeChecked) {\n                elem.className = elem.className + ' _has_error';\n                no_error = false;\n                tooltip = create_tooltip(elem, \"Please check this box to continue\");\n            } else {\n                elem.className = elem.className.replace(\/ ?_has_error ?\/g, '');\n            }\n        }\n        tooltip ? resize_tooltip(tooltip) : false;\n        return no_error;\n    };\n    var needs_validate = function(el) {\n        if(el.getAttribute('required') !== null){\n            return true;\n        }\n        if((el.name === 'email' || el.id === 'phone') &#038;&#038; el.value !== \"\"){\n            return true;\n        }\n\n        return false;\n    };\n    var validate_form = function(e) {\n        var err = form_to_submit.querySelector('._form_error'), no_error = true;\n        if (!submitted) {\n            submitted = true;\n            for (var i = 0, len = allInputs.length; i < len; i++) {\n                var input = allInputs[i];\n                if (needs_validate(input)) {\n                    if (input.type == 'text' || input.type == 'number' || input.type == 'time' || input.type == 'tel') {\n                        addEvent(input, 'blur', function() {\n                            this.value = this.value.trim();\n                            validate_field(this, true);\n                        });\n                        addEvent(input, 'input', function() {\n                            validate_field(this, true);\n                        });\n                    } else if (input.type == 'radio' || input.type == 'checkbox') {\n                        (function(el) {\n                            function getElementsArray(name){\n                                const value =  form_to_submit.elements[name];\n                                if (Array.isArray(value)){\n                                    return value;\n                                }\n                                return [value];\n                            }\n                            var radios = getElementsArray(el.name);\n                            for (var i = 0; i < radios.length; i++) {\n                                addEvent(radios[i], 'change', function() {\n                                    validate_field(el, true);\n                                });\n                            }\n                        })(input);\n                    } else if (input.tagName == 'SELECT') {\n                        addEvent(input, 'change', function() {\n                            validate_field(this, true);\n                        });\n                    } else if (input.type == 'textarea'){\n                        addEvent(input, 'input', function() {\n                            validate_field(this, true);\n                        });\n                    }\n                }\n            }\n        }\n        remove_tooltips();\n        for (var i = 0, len = allInputs.length; i < len; i++) {\n            var elem = allInputs[i];\n            if (needs_validate(elem)) {\n                if (elem.tagName.toLowerCase() !== \"select\") {\n                    elem.value = elem.value.trim();\n                }\n                validate_field(elem) ? true : no_error = false;\n            }\n        }\n        if (!no_error &#038;&#038; e) {\n            e.preventDefault();\n        }\n        resize_tooltips();\n        return no_error;\n    };\n    addEvent(window, 'resize', resize_tooltips);\n    addEvent(window, 'scroll', resize_tooltips);\n\n    var _form_serialize = function(form){if(!form||form.nodeName!==\"FORM\"){return }var i,j,q=[];for(i=0;i<form.elements.length;i++){if(form.elements[i].name===\"\"){continue}switch(form.elements[i].nodeName){case\"INPUT\":switch(form.elements[i].type){case\"tel\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].previousSibling.querySelector('div.iti__selected-dial-code').innerText)+encodeURIComponent(\" \")+encodeURIComponent(form.elements[i].value));break;case\"text\":case\"number\":case\"date\":case\"time\":case\"hidden\":case\"password\":case\"button\":case\"reset\":case\"submit\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break;case\"checkbox\":case\"radio\":if(form.elements[i].checked){q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value))}break;case\"file\":break}break;case\"TEXTAREA\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break;case\"SELECT\":switch(form.elements[i].type){case\"select-one\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break;case\"select-multiple\":for(j=0;j<form.elements[i].options.length;j++){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case\"BUTTON\":switch(form.elements[i].type){case\"reset\":case\"submit\":case\"button\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break}break}}return q.join(\"&#038;\")};\n\n    const formSupportsPost = false;\n    var form_submit = function(e) {\n\n        e.preventDefault();\n        if (validate_form()) {\n            if(form_to_submit.querySelector('input[name=\"phone\"]') &#038;&#038; typeof iti != 'undefined') {\n                form_to_submit.querySelector('input[name=\"phone\"]').value = iti.getNumber();\n            }\n            \/\/ use this trick to get the submit button &#038; disable it using plain javascript\n            var submitButton = e.target.querySelector('#_form_25_submit');\n            submitButton.disabled = true;\n            submitButton.classList.add('processing');\n                    var serialized = _form_serialize(document.getElementById('_form_25_')).replace(\/%0A\/g, '\\n');\n            var err = form_to_submit.querySelector('._form_error');\n            err ? err.parentNode.removeChild(err) : false;\n            async function submitForm() {\n                var formData = new FormData();\n                const searchParams = new URLSearchParams(serialized);\n                searchParams.forEach((value, key) => {\n                    if (key !== 'hideButton') {\n                        formData.append(key, value);\n                    }\n                });\n                let request = {\n                    headers: {\n                        \"Accept\": \"application\/json\"\n                    },\n                    body: formData,\n                    method: \"POST\"\n                };<\/p>\n<p>                let pageUrlParams = new URLSearchParams(window.location.search);\n                if (pageUrlParams.has('t')) {\n                    request.headers.Authorization = 'Bearer ' + pageUrlParams.get('t');\n                }\n                const response = await fetch('https:\/\/spinoffice80279.activehosted.com\/proc.php?jsonp=true', request);<\/p>\n<p>                return response.json();\n            }\n            if (formSupportsPost) {\n                submitForm().then((data) => {\n                    eval(data.js);\n                }).catch(() => {\n                    _show_error(\"25\", \"Sorry, your submission failed. Please try again.\");\n                });\n            } else {\n                _load_script('https:\/\/spinoffice80279.activehosted.com\/proc.php?' + serialized + '&jsonp=true', null, true);\n            }\n        }\n        return false;\n    };\n    addEvent(form_to_submit, 'submit', form_submit);\n})();<\/p>\n<p><\/script><\/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-qlg8rl brz-wrapper\">\n<div class=\"brz-embed-code brz-css-d-embedcode brz-css-lbymqp\" data-brz-custom-id=\"cRw9I4Q4lhVB\">\n<div class=\"brz-embed-content\">\n<div><script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \/\/ --- Step 1: Capture from URL and store in localStorage ---\n  const params = new URLSearchParams(window.location.search);\n  const mappings = {\n    firstname: 'firstname',\n    lastname: 'lastname',\n    email: 'email',\n    utm_source: 'utm_source',\n    utm_medium: 'utm_medium',\n    utm_campaign: 'utm_campaign',\n    utm_content: 'utm_content\u2019,\n    utm_term: 'utm_term'\n  };<\/p>\n<p>  Object.keys(mappings).forEach(param => {\n    const value = params.get(param);\n    if (value) localStorage.setItem(param, value);\n  });<\/p>\n<p>  \/\/ --- Optional: Clean URL (remove query params but keep page path) ---\n  if (window.history.replaceState) {\n    const cleanUrl = window.location.protocol + '\/\/' + window.location.host + window.location.pathname;\n    window.history.replaceState({}, document.title, cleanUrl);\n  }<\/p>\n<p>  \/\/ --- Step 2: Prefill form if found ---\n  const form = document.getElementById('_form_25_');\n  if (!form) return;<\/p>\n<p>  const fieldMap = {\n    utm_source: 'field[34]',\n    utm_medium: 'field[35]',\n    utm_campaign: 'field[36]',\n    utm_content: 'field[37]\u2019,\n    utm_term: 'field[38]\u2019\n  };<\/p>\n<p>  ['firstname', 'lastname', 'email'].forEach(key => {\n    const value = localStorage.getItem(key);\n    if (value) {\n      const input = form.querySelector(`input[name=\"${key}\"]`);\n      if (input) input.value = value;\n    }\n  });<\/p>\n<p>  Object.entries(fieldMap).forEach(([key, fieldName]) => {\n    const value = localStorage.getItem(key);\n    if (value) {\n      const hiddenInput = form.querySelector(`input[name=\"${fieldName}\"]`);\n      if (hiddenInput) hiddenInput.value = value;\n    }\n  });\n});\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section><\/div>\n<p><!-- version:1773755668 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Start je gratis demo Ontdek in 30 minuten hoe SpinOffice jouw klantcontact, sales en opvolging overzichtelijker en effici\u00ebnter maakt. In deze demo \u2713&nbsp;Vrijblijvend \u2713&nbsp;Geen installatie nodig \u2713&nbsp;Persoonlijke demo Geen salesdruk. Gewoon een eerlijk gesprek. Beoordeeld met 4,5 \/ 5 sterren door MKB-bedrijven. Bekijk het privacybeleid om te ontdekken hoe wij jouw privacy beschermen en respecteren. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_yoast_wpseo_focuskw":"","_yoast_wpseo_metadesc":"","rank_math_focus_keyword":"","rank_math_description":"","footnotes":""},"class_list":["post-138079","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":false,"jetpack_shortlink":"https:\/\/wp.me\/Pf6Qra-zV5","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":153816,"url":"https:\/\/spinoffice-crm.com\/wp-content\/uploads\/2025\/01\/processC-01-01.png","name":"processC-01-01.png","meta":{"brizy_attachment_uid":"wp-1c939f4cc5a4bddf002af6224dc362ca.png","brizy_post_uid":["6a52aad5ae52b1ca841c9f515ce25da4"]}},{"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\/138079","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=138079"}],"version-history":[{"count":24,"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/pages\/138079\/revisions"}],"predecessor-version":[{"id":166873,"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/pages\/138079\/revisions\/166873"}],"wp:attachment":[{"href":"https:\/\/spinoffice-crm.com\/en\/wp-json\/wp\/v2\/media?parent=138079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}