[Integraties](https://www.bookingmood.com/nl-NL/integrations) [Website builder](https://www.bookingmood.com/nl-NL/integrations?category=Website%20builder)Webstudio

![Webstudio](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/09a91224-517b-407d-8af5-49f83e1ef76f.png?quality=75&resize=contain&width=640)

# Webstudio

Add Bookingmood booking calendars to your Webstudio website

[Documentatie](https://www.bookingmood.com/nl-NL/docs/channels/widgets) [webstudio.is](https://webstudio.is/) ✓ Beschikbaar

Voeg Bookingmood toe aan je [Webstudio](https://webstudio.is/)-website, zodat gasten de beschikbaarheid kunnen bekijken en je accommodatie direct kunnen boeken zonder je site te verlaten. Je stelt het één keer in; daarna verschijnt elke wijziging in Bookingmood automatisch op je website.

## [Maak een widget](#maak-een-widget)

- Maak een widget in Bookingmood. In [Widgets](https://www.bookingmood.com/nl-NL/docs/kanalen/widgets) lees je hoe.
- Klik op _Insluiten_ en kopieer de _Ingesloten_ insluitcode. Die heb je in de volgende stap nodig.

## [Voeg de widget toe aan Webstudio](#voeg-de-widget-toe-aan-webstudio)

- Open de pagina waarop je de widget wilt tonen.
- Klik op de _+_ om een component toe te voegen en sleep het component _HTML Embed_ naar de pagina.

![HTML Embed](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-662ad15d-5255-4c9e-be0d-1d742e9f110b.png?quality=75&resize=contain&width=3840)

- Klik op het component en plak de insluitcode die je hebt gekopieerd.

Klaar. Wijzigingen die je in Bookingmood maakt, verschijnen nu automatisch op je website.