		<div data-elementor-type="wp-page" data-elementor-id="28143" class="elementor elementor-28143">
				<div class="elementor-element elementor-element-cbaebb0 e-con-full e-flex e-con e-parent" data-id="cbaebb0" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-4d2ebba elementor-widget elementor-widget-heading" data-id="4d2ebba" data-element_type="widget" data-settings="{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Pick a time for our <br>online meeting</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-9b2f0ac elementor-widget elementor-widget-html" data-id="9b2f0ac" data-element_type="widget" data-settings="{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="cal-embed"></div>

<script>
  // Standard Cal.com embed bootstrap
  (function (C, A, L) {
    let p = function (a, ar) { a.q.push(ar); };
    let d = C.document;
    C.Cal = C.Cal || function () {
      let cal = C.Cal;
      let ar = arguments;
      if (!cal.loaded) {
        cal.ns = {};
        cal.q = cal.q || [];
        d.head.appendChild(d.createElement("script")).src = A;
        cal.loaded = true;
      }
      if (ar[0] === L) {
        const api = function () { p(api, arguments); };
        const namespace = ar[1];
        api.q = api.q || [];
        if (typeof namespace === "string") {
          cal.ns[namespace] = cal.ns[namespace] || api;
          p(cal.ns[namespace], ar);
          p(cal, ["initNamespace", namespace]);
        } else {
          p(cal, ar);
        }
        return;
      }
      p(cal, ar);
    };
  })(window, "https://app.cal.com/embed/embed.js", "init");
</script>

<script>
  // Helper to read query params from the page URL
  function getParam(name) {
    const params = new URLSearchParams(window.location.search);
    return params.get(name) || "";
  }

  const email   = getParam("email");
  const name    = getParam("name");     // e.g. contact person
  const company = getParam("company");
  const phone   = getParam("phone");
  const q1      = getParam("q1");
  const q2      = getParam("q2");

  // Init Cal (origin is usually fine as-is)
  Cal("init", {
    origin: "https://app.cal.com"
  });

  // Inline embed with PREFILL using `config`
  Cal("inline", {
    elementOrSelector: "#cal-embed",
    calLink: "ondigital-io-vnx09n",  // <-- your event link here
    config: {
      // Standard fields visible on the form
      name: name || email?.split('@')[0] || "",
      email: email,

      // Extra data, goes into metadata (you'll see it in webhooks / booking data)
      "metadata[company]": company,
      "metadata[phone]": phone,
      "metadata[q1]": q1,
      "metadata[q2]": q2
    }
  });

  // Optional: listen for booking success → send to your backend → Customer.io
  Cal("on", {
    event: "bookingSuccessful",
    callback: function(payload) {
      fetch("/cio-booking-webhook", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          event: "book_meeting_completed",
          booking: payload,
          email,
          company,
          phone,
          q1,
          q2
        })
      });
    }
  });
</script>
				</div>
				</div>
				</div>
				</div>
		

Book Meeting Calendar

Pick a time for our
online meeting

Book Meeting Calendar

Pick a time for our online meeting

Pick a time for our
online meeting