{"id":2476,"date":"2025-09-15T12:13:26","date_gmt":"2025-09-15T12:13:26","guid":{"rendered":"https:\/\/webontwerpers.be\/contact\/"},"modified":"2026-02-17T15:16:14","modified_gmt":"2026-02-17T15:16:14","slug":"contact","status":"publish","type":"page","link":"https:\/\/webontwerpers.be\/fr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2476\" class=\"elementor elementor-2476 elementor-967\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2470e8e e-con-full e-flex e-con e-parent\" data-id=\"2470e8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9951859 elementor-widget elementor-widget-html\" data-id=\"9951859\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WEBONTWERPERS \u2013 CONTACT PAGE (Elementor HTML Widget) | MAIL SENDING (REST)\n     \u2705 Real send (wp_mail via \/wp-json\/woc\/v1\/contact)\n     \u2705 Resets form + shows success\n     \u2705 Basic anti-spam: honeypot + rate limit (server)\n-->\n<section class=\"woc-contact\" id=\"woc-contact\">\n  <style>\n    \/* (CSS INTACT \u2013 your original) *\/\n    :root{\n      --woc-blue:#015af2;\n      --woc-purple:#a154d0;\n\n      --woc-ink:#0b1020;\n      --woc-ink2:rgba(11,16,32,.72);\n      --woc-line:rgba(11,16,32,.12);\n\n      --woc-bg1:#ffffff;\n      --woc-bg2:#fbfbff;\n\n      --woc-radius:26px;\n      --woc-shadow: 0 18px 55px rgba(11,16,32,.10);\n      --woc-shadow2: 0 24px 80px rgba(11,16,32,.16);\n\n      --woc-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n      --woc-max: 1200px;\n    }\n\n    .woc-contact{\n      width:100vw;\n      position:relative;\n      left:50%;\n      margin-left:-50vw;\n      padding: 92px 0;\n      font-family: var(--woc-font);\n      color: var(--woc-ink);\n      overflow:hidden;\n      background:\n        radial-gradient(980px 420px at 14% 20%, rgba(1,90,242,.14), transparent 62%),\n        radial-gradient(980px 420px at 86% 26%, rgba(161,84,208,.14), transparent 62%),\n        radial-gradient(1100px 540px at 50% 105%, rgba(1,90,242,.10), transparent 62%),\n        linear-gradient(180deg, var(--woc-bg1), var(--woc-bg2));\n      isolation:isolate;\n    }\n    .woc-contact::before{\n      content:\"\";\n      position:absolute; inset:-35%;\n      background: conic-gradient(from 0deg, rgba(1,90,242,.18), rgba(161,84,208,.18), rgba(1,90,242,.18));\n      opacity:.10;\n      filter: blur(18px);\n      animation: wocSpin 20s linear infinite;\n      pointer-events:none;\n      z-index:0;\n    }\n    @keyframes wocSpin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }\n\n    .woc-wrap{\n      max-width: var(--woc-max);\n      margin: 0 auto;\n      padding: 0 18px;\n      position:relative;\n      z-index:1;\n    }\n\n    .woc-head{\n      display:grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: 18px;\n      align-items:end;\n      margin-bottom: 22px;\n    }\n    .woc-kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      font-weight: 950;\n      font-size: 12px;\n      letter-spacing:.4px;\n      text-transform:uppercase;\n      color: rgba(1,90,242,.95);\n      margin-bottom: 10px;\n    }\n    .woc-dot{\n      width:10px;height:10px;border-radius:999px;\n      background: linear-gradient(135deg, var(--woc-blue), var(--woc-purple));\n      box-shadow: 0 0 0 6px rgba(1,90,242,.10);\n    }\n    .woc-title{\n      margin:0;\n      font-size: clamp(28px, 3.2vw, 44px);\n      line-height:1.05;\n      letter-spacing:-0.9px;\n      color: var(--woc-ink);\n    }\n    .woc-title span{\n      background: linear-gradient(90deg, var(--woc-blue), var(--woc-purple));\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n    }\n    .woc-sub{\n      margin:0;\n      color: var(--woc-ink2);\n      font-size: 15.5px;\n      line-height: 1.75;\n      max-width: 64ch;\n      justify-self:end;\n    }\n\n    .woc-grid{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      align-items:stretch;\n      margin-top: 18px;\n    }\n\n    \/* LEFT INFO *\/\n    .woc-info{\n      border-radius: calc(var(--woc-radius) + 4px);\n      background: rgba(255,255,255,.82);\n      border: 1px solid var(--woc-line);\n      box-shadow: var(--woc-shadow);\n      overflow:hidden;\n      position:relative;\n    }\n    .woc-info::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius: calc(var(--woc-radius) + 6px);\n      padding: 2px;\n      background: linear-gradient(135deg, rgba(1,90,242,.35), rgba(161,84,208,.35), rgba(1,90,242,.20));\n      -webkit-mask:\n        linear-gradient(#000 0 0) content-box,\n        linear-gradient(#000 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n      opacity:.35;\n      pointer-events:none;\n    }\n    .woc-infoInner{\n      padding: 20px;\n      display:flex;\n      flex-direction:column;\n      gap: 12px;\n      position:relative;\n      z-index:1;\n    }\n    .woc-infoTop{\n      display:flex;\n      align-items:flex-start;\n      justify-content:space-between;\n      gap: 12px;\n    }\n    .woc-infoTitle{\n      margin:0;\n      font-weight: 1000;\n      letter-spacing:-0.35px;\n      font-size: 18px;\n      color: rgba(11,16,32,.95);\n    }\n    .woc-badge{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: rgba(11,16,32,.04);\n      border: 1px solid rgba(11,16,32,.10);\n      color: rgba(11,16,32,.78);\n      font-weight: 950;\n      font-size: 12px;\n      white-space:nowrap;\n    }\n    .woc-badge i{\n      width:8px;height:8px;border-radius:999px;\n      background: linear-gradient(135deg, var(--woc-blue), var(--woc-purple));\n      display:inline-block;\n      box-shadow: 0 0 0 6px rgba(1,90,242,.08);\n    }\n\n    .woc-cards{\n      display:grid;\n      grid-template-columns: 1fr;\n      gap: 12px;\n      margin-top: 6px;\n    }\n    .woc-card{\n      display:flex;\n      gap: 12px;\n      align-items:flex-start;\n      padding: 14px;\n      border-radius: 18px;\n      background: rgba(255,255,255,.84);\n      border: 1px solid rgba(11,16,32,.10);\n      box-shadow: 0 14px 36px rgba(11,16,32,.08);\n      text-decoration:none !important;\n      color: inherit;\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n    }\n    .woc-card:hover{\n      transform: translateY(-2px);\n      box-shadow: 0 18px 52px rgba(11,16,32,.12);\n      border-color: rgba(11,16,32,.16);\n    }\n    .woc-ico{\n      width: 48px; height:48px;\n      border-radius: 16px;\n      display:grid; place-items:center;\n      background: linear-gradient(135deg, rgba(1,90,242,.10), rgba(161,84,208,.10));\n      border: 1px solid rgba(1,90,242,.14);\n      box-shadow: 0 16px 40px rgba(1,90,242,.10);\n      flex: 0 0 auto;\n      color: rgba(11,16,32,.92);\n    }\n    .woc-ico .fa-solid,\n    .woc-ico .fa-brands{ font-size: 20px; line-height: 1; }\n\n    .woc-card h4{\n      margin:0 0 3px;\n      font-size: 14.4px;\n      font-weight: 1000;\n      letter-spacing:-0.2px;\n      color: rgba(11,16,32,.95);\n    }\n    .woc-card p{\n      margin:0;\n      font-size: 13.6px;\n      color: rgba(11,16,32,.70);\n      line-height:1.6;\n    }\n\n    .woc-miniGrid{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n      margin-top: 4px;\n    }\n    .woc-mini{\n      padding: 12px;\n      border-radius: 18px;\n      background: rgba(11,16,32,.04);\n      border: 1px solid rgba(11,16,32,.10);\n      color: rgba(11,16,32,.78);\n      font-size: 13.2px;\n      line-height:1.55;\n    }\n    .woc-mini strong{ color: rgba(11,16,32,.95); }\n\n    \/* FORM *\/\n    .woc-form{\n      border-radius: calc(var(--woc-radius) + 4px);\n      background: rgba(255,255,255,.86);\n      border: 1px solid var(--woc-line);\n      box-shadow: var(--woc-shadow2);\n      overflow:hidden;\n      position:relative;\n    }\n    .woc-form::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius: calc(var(--woc-radius) + 6px);\n      padding:2px;\n      background: linear-gradient(135deg, rgba(1,90,242,.45), rgba(161,84,208,.45));\n      -webkit-mask:\n        linear-gradient(#000 0 0) content-box,\n        linear-gradient(#000 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n      opacity:.28;\n      pointer-events:none;\n    }\n    .woc-formInner{ padding: 20px; position:relative; z-index:1; }\n\n    .woc-formTitle{\n      margin:0 0 6px;\n      font-size: 18px;\n      font-weight: 1000;\n      letter-spacing:-0.35px;\n      color: rgba(11,16,32,.95);\n    }\n    .woc-formSub{\n      margin:0 0 14px;\n      color: rgba(11,16,32,.70);\n      font-size: 13.8px;\n      line-height:1.65;\n    }\n\n    .woc-fields{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n    .woc-field{ display:flex; flex-direction:column; gap: 6px; }\n    .woc-field.woc-full{ grid-column: 1 \/ -1; }\n\n    .woc-label{\n      font-weight: 950;\n      font-size: 12.8px;\n      color: rgba(11,16,32,.82);\n      letter-spacing:.15px;\n    }\n\n    .woc-input, .woc-select, .woc-textarea{\n      width:100%;\n      border-radius: 16px;\n      border: 1px solid rgba(11,16,32,.14);\n      background: rgba(255,255,255,.94);\n      padding: 12px 12px;\n      font-size: 14.4px;\n      color: rgba(11,16,32,.92);\n      outline:none;\n      transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease, background .18s ease;\n      box-shadow: 0 10px 22px rgba(11,16,32,.05);\n    }\n    .woc-textarea{ min-height: 130px; resize: vertical; line-height:1.6; }\n    .woc-input::placeholder, .woc-textarea::placeholder{ color: rgba(11,16,32,.46); }\n    .woc-input:hover, .woc-select:hover, .woc-textarea:hover{\n      border-color: rgba(11,16,32,.18);\n      background: rgba(255,255,255,1);\n    }\n    .woc-input:focus, .woc-select:focus, .woc-textarea:focus{\n      border-color: rgba(1,90,242,.40);\n      box-shadow: 0 0 0 6px rgba(1,90,242,.12), 0 16px 34px rgba(1,90,242,.10);\n      transform: translateY(-1px);\n      background: rgba(255,255,255,1);\n    }\n\n    .woc-note{\n      margin-top: 12px;\n      padding: 12px;\n      border-radius: 18px;\n      background: rgba(1,90,242,.06);\n      border: 1px solid rgba(1,90,242,.14);\n      color: rgba(11,16,32,.72);\n      font-size: 12.9px;\n      line-height:1.55;\n    }\n\n    .woc-actions{\n      margin-top: 14px;\n      display:flex;\n      gap: 10px;\n      align-items:center;\n      flex-wrap:wrap;\n    }\n    .woc-btn{\n      position: relative;\n      border-radius: 15px;\n      font-weight: 900;\n      letter-spacing:.2px;\n      cursor:pointer;\n      border: 1px solid rgba(11,16,32,.14);\n      background: rgba(255,255,255,.90);\n      color: rgba(11,16,32,.92);\n      padding: 12px 14px;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      text-decoration:none !important;\n      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;\n      box-shadow: 0 14px 36px rgba(11,16,32,.10);\n      overflow:hidden;\n      user-select:none;\n      white-space:nowrap;\n    }\n    .woc-btn:hover{\n      transform: translateY(-1px);\n      box-shadow: 0 18px 52px rgba(11,16,32,.14);\n      border-color: rgba(11,16,32,.20);\n      background: rgba(255,255,255,1);\n    }\n    .woc-btnPrimary{\n      border: 1px solid rgba(1,90,242,.22);\n      background: linear-gradient(135deg, rgba(1,90,242,1), rgba(161,84,208,1));\n      color:#fff;\n      box-shadow: 0 18px 55px rgba(1,90,242,.22);\n    }\n    .woc-btnPrimary:hover{\n      background: linear-gradient(135deg, rgba(1,90,242,.85), rgba(161,84,208,.85));\n      color:#0b1020;\n      box-shadow: 0 24px 70px rgba(1,90,242,.28);\n    }\n    .woc-btn i{ font-size: 16px; }\n\n    \/* loading state *\/\n    .woc-btn[disabled]{ opacity:.7; cursor:not-allowed; transform:none !important; }\n\n    .woc-success, .woc-error{\n      display:none;\n      margin-top: 12px;\n      padding: 12px;\n      border-radius: 18px;\n      font-size: 13.2px;\n      line-height:1.55;\n      border: 1px solid rgba(11,16,32,.10);\n      background: rgba(255,255,255,.86);\n      box-shadow: 0 14px 36px rgba(11,16,32,.08);\n    }\n    .woc-success{ border-color: rgba(34,197,94,.28); }\n    .woc-error{ border-color: rgba(239,68,68,.28); }\n\n    \/* honeypot hidden *\/\n    .woc-hp{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }\n\n    @media(max-width: 980px){\n      .woc-head{ grid-template-columns: 1fr; }\n      .woc-sub{ justify-self:start; }\n      .woc-grid{ grid-template-columns: 1fr; }\n      .woc-fields{ grid-template-columns: 1fr; }\n      .woc-miniGrid{ grid-template-columns: 1fr; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .woc-contact::before{ animation:none !important; }\n      .woc-card, .woc-btn, .woc-input, .woc-select, .woc-textarea{ transition:none !important; }\n    }\n  <\/style>\n\n  <div class=\"woc-wrap\">\n    <div class=\"woc-head\">\n      <div>\n        <div class=\"woc-kicker\"><span class=\"woc-dot\"><\/span> Contact<\/div>\n        <h1 class=\"woc-title\">Neem contact op voor een <span>offerte<\/span> of advies<\/h1>\n      <\/div>\n      \n    <\/div>\n\n    <div class=\"woc-grid\">\n      <!-- LEFT: INFO -->\n      <div class=\"woc-info\">\n        <div class=\"woc-infoInner\">\n          <div class=\"woc-infoTop\">\n            <h3 class=\"woc-infoTitle\">Contact<\/h3>\n           \n          <\/div>\n\n          <div class=\"woc-cards\">\n            <a class=\"woc-card\" href=\"mailto:info@webontwerpers.be\" aria-label=\"Email Webontwerpers\">\n              <span class=\"woc-ico\" aria-hidden=\"true\"><i class=\"fa-solid fa-envelope\"><\/i><\/span>\n              <span><h4>E-mail<\/h4><p>info@webontwerpers.be<\/p><\/span>\n            <\/a>\n\n            <a class=\"woc-card\" href=\"tel:+32471848302\" aria-label=\"Bel Webontwerpers\">\n              <span class=\"woc-ico\" aria-hidden=\"true\"><i class=\"fa-solid fa-phone\"><\/i><\/span>\n              <span><h4>Telefoon<\/h4><p>+32 471 84 83 02<\/p><\/span>\n            <\/a>\n\n            <a class=\"woc-card\" href=\"https:\/\/wa.me\/32471848302\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp Webontwerpers\">\n              <span class=\"woc-ico\" aria-hidden=\"true\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/span>\n              <span><h4>WhatsApp<\/h4><p>Stuur ons direct een bericht<\/p><\/span>\n            <\/a>\n\n            \n          <\/div>\n\n         \n\n          \n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: FORM -->\n      <div class=\"woc-form\">\n        <div class=\"woc-formInner\">\n          <h3 class=\"woc-formTitle\">Stuur ons uw bericht<\/h3>\n          \n\n          <form class=\"woc-formEl\" id=\"wocForm\" novalidate>\n            <!-- honeypot -->\n            <div class=\"woc-hp\" aria-hidden=\"true\">\n              <label>Website<\/label>\n              <input type=\"text\" name=\"website\" autocomplete=\"off\" tabindex=\"-1\" \/>\n            <\/div>\n\n            <div class=\"woc-fields\">\n              <div class=\"woc-field\">\n                <label class=\"woc-label\" for=\"wocName\">Naam*<\/label>\n                <input class=\"woc-input\" id=\"wocName\" name=\"name\" type=\"text\" placeholder=\"Uw naam\" required>\n              <\/div>\n\n              <div class=\"woc-field\">\n                <label class=\"woc-label\" for=\"wocCompany\">Bedrijf<\/label>\n                <input class=\"woc-input\" id=\"wocCompany\" name=\"company\" type=\"text\" placeholder=\"Bedrijfsnaam (optioneel)\">\n              <\/div>\n\n              <div class=\"woc-field\">\n                <label class=\"woc-label\" for=\"wocEmail\">E-mail*<\/label>\n                <input class=\"woc-input\" id=\"wocEmail\" name=\"email\" type=\"email\" placeholder=\"naam@bedrijf.be\" required>\n              <\/div>\n\n              <div class=\"woc-field\">\n                <label class=\"woc-label\" for=\"wocPhone\">Telefoon<\/label>\n                <input class=\"woc-input\" id=\"wocPhone\" name=\"phone\" type=\"tel\" placeholder=\"+32 ...\">\n              <\/div>\n\n              <div class=\"woc-field woc-full\">\n                <label class=\"woc-label\" for=\"wocService\">Onderwerp*<\/label>\n                <select class=\"woc-select\" id=\"wocService\" name=\"subject\" required>\n                  <option value=\"\" selected disabled>Kies een onderwerp<\/option>\n                  <option>Algemene vraag<\/option>\n                  <option>Webdesign<\/option>\n                  <option>SEO<\/option>\n                  <option>Google Ads<\/option>\n                  <option>Facturatie\/administratie<\/option>\n                  <option>Andere<\/option>\n                \n                <\/select>\n              <\/div>\n\n              <div class=\"woc-field woc-full\">\n                <label class=\"woc-label\" for=\"wocMessage\">Bericht*<\/label>\n                <textarea class=\"woc-textarea\" id=\"wocMessage\" name=\"message\" placeholder=\"Schrijf uw bericht\u2026\" required><\/textarea>\n              <\/div>\n            <\/div>\n\n            \n\n            <div class=\"woc-actions\">\n              <button class=\"woc-btn woc-btnPrimary\" id=\"wocSendBtn\" type=\"submit\">\n                <i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>\n                Verzenden\n              <\/button>\n\n              \n            <\/div>\n\n            <div class=\"woc-success\" id=\"wocSuccess\">\n              \u2705 Bedankt! Uw mail is verzonden. We nemen zo snel mogelijk contact met u op.\n            <\/div>\n            <div class=\"woc-error\" id=\"wocError\">\n              \u26a0\ufe0f Er ging iets mis. Controleer de velden en probeer opnieuw.\n            <\/div>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      \/\/ Load Font Awesome once\n      const FA_ID = 'woc-fa6';\n      if(!document.getElementById(FA_ID)){\n        const l = document.createElement('link');\n        l.id = FA_ID;\n        l.rel = 'stylesheet';\n        l.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css';\n        l.referrerPolicy = 'no-referrer';\n        document.head.appendChild(l);\n      }\n\n      const form = document.getElementById('wocForm');\n      if(!form) return;\n\n      const success = document.getElementById('wocSuccess');\n      const errorBox = document.getElementById('wocError');\n      const sendBtn = document.getElementById('wocSendBtn');\n\n      function isValidEmail(v){\n        return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(String(v||'').trim());\n      }\n\n      function showError(msg){\n        if(success) success.style.display = 'none';\n        if(errorBox){\n          errorBox.textContent = msg || '\u26a0\ufe0f Er ging iets mis. Controleer de velden en probeer opnieuw.';\n          errorBox.style.display = 'block';\n        }\n      }\n\n      function showSuccess(){\n        if(errorBox) errorBox.style.display = 'none';\n        if(success) success.style.display = 'block';\n      }\n\n      form.addEventListener('submit', async function(e){\n        e.preventDefault();\n\n        const name = form.querySelector('#wocName');\n        const email = form.querySelector('#wocEmail');\n        const subject = form.querySelector('#wocService');\n        const message = form.querySelector('#wocMessage');\n        const company = form.querySelector('#wocCompany');\n        const phone = form.querySelector('#wocPhone');\n        const honeypot = form.querySelector('input[name=\"website\"]');\n\n        \/\/ Reset borders\n        [name,email,subject,message].forEach(el => el.style.borderColor = 'rgba(11,16,32,.14)');\n\n        let ok = true;\n        if(!name.value.trim()){ ok=false; name.style.borderColor='rgba(239,68,68,.35)'; }\n        if(!isValidEmail(email.value)){ ok=false; email.style.borderColor='rgba(239,68,68,.35)'; }\n        if(!subject.value){ ok=false; subject.style.borderColor='rgba(239,68,68,.35)'; }\n        if(!message.value.trim()){ ok=false; message.style.borderColor='rgba(239,68,68,.35)'; }\n\n        if(!ok){\n          showError('\u26a0\ufe0f Controleer de verplichte velden en probeer opnieuw.');\n          return;\n        }\n\n        \/\/ Loading\n        const oldBtnHTML = sendBtn ? sendBtn.innerHTML : '';\n        if(sendBtn){\n          sendBtn.disabled = true;\n          sendBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Verzenden...';\n        }\n\n        try{\n          const payload = {\n            name: name.value.trim(),\n            company: company ? company.value.trim() : '',\n            email: email.value.trim(),\n            phone: phone ? phone.value.trim() : '',\n            subject: subject.value,\n            message: message.value.trim(),\n            website: honeypot ? honeypot.value : '' \/\/ honeypot\n          };\n\n          const res = await fetch('\/wp-json\/woc\/v1\/contact', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\/json' },\n            body: JSON.stringify(payload),\n            credentials: 'same-origin'\n          });\n\n          const data = await res.json().catch(()=>({}));\n\n          if(!res.ok || !data || data.ok !== true){\n            showError((data && data.message) ? ('\u26a0\ufe0f ' + data.message) : '\u26a0\ufe0f Verzenden mislukt. Probeer opnieuw.');\n            return;\n          }\n\n          \/\/ Success: reset + message\n          form.reset();\n          showSuccess();\n\n        }catch(err){\n          showError('\u26a0\ufe0f Netwerkfout. Probeer opnieuw.');\n        }finally{\n          if(sendBtn){\n            sendBtn.disabled = false;\n            sendBtn.innerHTML = oldBtnHTML;\n          }\n        }\n      });\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Neem contact op voor een offerte of advies Contact E-mail info@webontwerpers.be Telefoon +32 471 84 83 02 WhatsApp Stuur ons direct een bericht Stuur ons uw bericht Website Naam* Bedrijf E-mail* Telefoon Onderwerp* Kies een onderwerpAlgemene vraagWebdesignSEOGoogle AdsFacturatie\/administratieAndere Bericht* Verzenden \u2705 Bedankt! Uw mail is verzonden. We nemen zo snel mogelijk contact met u [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2476","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/comments?post=2476"}],"version-history":[{"count":48,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2476\/revisions"}],"predecessor-version":[{"id":2843,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2476\/revisions\/2843"}],"wp:attachment":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/media?parent=2476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}