Wix

Embed Bookingmood widgets in the website builder Wix in a few easy steps.

Create a widget

  • You will need to create a widget in Bookingmood first. Learn how to create it here: Creating a widget

Embed in Wix

  • Open the page where you want the widget to be embedded.

  • Click on the + icon to add an Element.

Add element in Wix

  • Click on Embed Code > Populair Embeds > Embed HTML.

Select Embed code > Popular embeds > Embed HTML

  • Copy and paste the oEmbed URL from the widget that you created, and click on Apply.

Paste your Bookingmood oEmbed URL in the website address field

  • Resize the element so it fits your website well

Resizable Bookingmood widget in Wix editor

  • Finally, turn on "dev mode" and paste the following code snippet in the code editor:

import wixLocationFrontend from "wix-location-frontend";

$w.onReady(() => {
  const s = new Set();
  const search = wixLocationFrontend.url.split("?")[1] ?? "";
  for (const iframe of $w("HtmlComponent"))
    iframe.onMessage(() => {
      if (!s.has(iframe)) {
        s.add(iframe);
        iframe.postMessage({ search });
      }
    });
});
Wix Velo editor with code snippet

🎉 You're done and everything is set! Changes you make to your calendar will automatically reflect on your website.

Need more in-depth help with Wix? Ask Wix Rocket.
Wix does not support resizing iframes dynamically. If you want them to implement this, please write a feature request with them.

Video