Wix

Add Bookingmood to your Wix website so guests can check availability and book your rental without leaving your site. You set it up once, and every change you make in Bookingmood shows on your website automatically.

Create a widget#

• Create a widget in Bookingmood. Widgets explains how.

• Click Embed and copy the oEmbed link. You need it in the next step.

Add the widget to Wix#

• Open the page where you want to show the widget.

• Click the + icon to add an element.

• Click Embed Code > Popular Embeds > Embed HTML.

• Paste the oEmbed link into the website address field and click Apply.

• Resize the element so it fits your page.

• Turn on Dev Mode and paste the following code into the code editor. It passes the page's search parameters, such as dates and guests, on to the widget.

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 });
      }
    });
});

That's it. Changes you make in Bookingmood now show on your website automatically.

Prefer to watch? This video walks through the same steps.

FAQ#

Why doesn't the widget resize automatically?#

Wix doesn't support resizing embedded frames dynamically, so you set the size by hand in the editor. If you'd like Wix to support this, you can submit a feature request in the Wix forum.

Where can I get more help with Wix?#

For in-depth help with your Wix site, you can reach out to Wix Rocket.