1 min lezen

# Wix

**Sluit Bookingmood widgets in in de websitebouwer** **[Wix](https://www.wix.com/)** **in een paar makkelijke stappen.**

## Een widget maken

- Je moet eerst een widget maken in Bookingmood. Lees hier hoe je dat doet: [Widget maken](https://www.bookingmood.com/nl-NL/docs/widgets/widget-maken).

## Toevoegen aan Wix

- Open de pagina waar je de widget wilt insluiten.
- Klik op _+ Elementen toevoegen_.

![Elementen toevoegen](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-53a1857d-d666-4e37-b8ce-18ff604b7244.png?quality=75&resize=contain&width=3840)

- Klik op _Code embedden_ > _Embeds_ > _HTML insluiten_.

![HTML insluiten](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-3c21cca4-9ee0-4d19-aa43-e66fc7682945.png?quality=75&resize=contain&width=3840)

- Plak de oEmbed code van de [widget](https://www.bookingmood.com/nl-NL/docs/widgets/widget-maken) die je hebt gemaakt en klik op _Toepassen_.

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

- Pas het formaat van het frame aan zodat het goed op je website past

![Formaat wijzigen](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-df20f468-326a-4556-bf87-ca326c57512d.png?quality=75&resize=contain&width=3840)

- Als laatste: zet "Dev Mode" aan en voeg het volgende code snippet toe in de 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 met ingevulde code](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images/1f490fd3-0aff-415a-8542-efe571b2f0bb.png?quality=75&resize=contain&width=3840)

🎉 Je bent klaar en alles is ingesteld! Wijzigingen die je aanbrengt in de kalender worden automatisch doorgevoerd op je website.

> Heb je meer hulp nodig met Wix? Vraag het [Wix Rocket](https://www.wixrocket.com/bookings-page)

> Wix biedt geen ondersteuning voor het dynamisch aanpassen van de grootte van iframes. [Schrijf hen dan een verzoek](https://forum.wixstudio.com/search?q=resize+HtmlComponent).

## Video

Laatst gewijzigd 31 augustus 2026