1 min lues

# Wix

**Embed Bookingmood widgets in the website builder** **[Wix](https://nl.wix.com/)** **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](https://www.bookingmood.com/en-US/docs/widgets/create-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](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-55de77a0-ea24-4bf3-9bd0-32155c25c2e3.png?quality=75&resize=contain&width=3840)

- Click on _Embed Code_ > _Populair Embeds_ > _Embed HTML_.

![Select Embed code > Popular embeds > Embed HTML](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-c50dcfe8-5580-4f31-b304-16fa5135ad7b.png?quality=75&resize=contain&width=3840)

- Copy and paste the oEmbed URL from the [widget](https://www.bookingmood.com/en-US/docs/widgets/create-a-widget) that you created, and click on _Apply_.

![Paste your Bookingmood oEmbed URL in the website address field](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/public/ec1f0739-aba3-48f9-ba4f-d05f6b4ee20d.png?quality=75&resize=contain&width=3840)

- Resize the element so it fits your website well

![Resizable Bookingmood widget in Wix editor](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/wix-4_1nydo9j.png)

- 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](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images/1f490fd3-0aff-415a-8542-efe571b2f0bb.png?quality=75&resize=contain&width=3840)

**🎉 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](https://www.wixrocket.com/bookings-page).

> Wix does not support resizing iframes dynamically. If you want them to implement this, please [write a feature request with them](https://forum.wixstudio.com/search?q=resize+HtmlComponent).

## Video

Dernière modification 31 août 2026