BookingsXP

Websites & CMS

Microsoft Bookings on Wix

Wix can show a BookingsXP widget in a few minutes, but how you add it decides whether your analytics see the booking. Wix's Embed HTML element runs your code inside its own iframe, so this page explains both routes and when to use each.

Start freeQuickstart
Plan
Plan: FreeWorks on every plan, including Free ($0, no card).
In short
Embed HTML for the widget, or site Custom code for a floating button that keeps events on your page.
Microsoft Bookings
Stays your system of record. Bookings land in Outlook and Teams and Microsoft sends the invites and reminders.

How it works

What happens with Wix

  • Wix's Embed code → Embed HTML element places your code inside a sandboxed iframe served from a different domain, not in your page.
  • The loader and widget work normally inside that frame, and bookings land in Microsoft Bookings as usual. But the dataLayer pushes and gtag calls happen in Wix's frame, not on your site, so your site's GTM or GA4 does not see them.
  • The loader also cannot see your page's URL from inside that frame, so UTM parameters on the Wix page are not captured.
  • Wix's site-level Custom code, by contrast, runs on the page itself, so a popup or floating button added there keeps events and attribution intact.

Setup

Set up Wix

4 steps. Names of menus and buttons are as they appear today; vendors rename things, so look for the closest match.

  1. Step 1: Quickest: Embed HTML

    In the Wix Editor, Add Elements → Embed code → Embed HTML. Choose Code, paste the snippet, then resize the element to a comfortable height; the widget scrolls within that box.

    HTML
    <script src="https://bookingsxp.com/embed/v1.js" async></script>
<bookingsxp-widget widget="w_8fk2m1qz"></bookingsxp-widget>

  2. Step 2: Tracked: a floating or popup button via Custom code

    Settings → Custom code → Add Custom Code. Paste the script and a floating element, choose All pages or specific pages, and place the code in Body - end.

    HTML
    <script src="https://bookingsxp.com/embed/v1.js" async></script>
<bookingsxp-widget widget="w_8fk2m1qz" mode="floating" button-text="Book now" accent="#111827"></bookingsxp-widget>

  3. Step 3: Alternative: link a Wix button to the hosted page

    Every saved widget has a hosted booking page at bookingsxp.com/book/<widget id>. It loads your configured GA4, Google Ads, Meta and LinkedIn tags itself. Point a Wix button at it; it is a separate domain, so configure cross-domain measurement if you want one GA4 session.

  4. Step 4: Publish and test

    Publish the site and make a test booking on the live URL. With Custom code, GTM Preview should show bookingsxp.* events. Cancel the test appointment in Bookings.

Outcomes and caveats

What you get

The result

  • Microsoft Bookings availability on Wix in any of three shapes: inline, floating button or hosted page.
  • Bookings in Outlook and Teams as usual, with the BXP reference in the notes.
  • Full event tracking when you use the Custom code route.

Good to know

Limits and caveats

  • With Embed HTML, host-page events (dataLayer, GA4, pixels) stay inside Wix's iframe and do not reach your site's tags, and landing-page UTMs are not captured.
  • With Embed HTML, the element does not grow with the widget; set its height yourself.
  • Wix's Custom code needs a Premium plan with a connected domain.
  • We have not tested every Wix template and editor version. If something behaves differently, tell us at hello@bookingsxp.com.

FAQ

Wix questions

Something not covered? Email hello@bookingsxp.com.

Start free, no card

One widget, three templates, GTM and GA4 events and attribution in every booking. No card, no time limit.

Start freeTry it with your link