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

![Webflow](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/f6567721-543b-466c-9124-997d57a8b308.png?quality=75&resize=contain&width=640)

# Webflow

Voeg boekingskalenders van Bookingmood toe aan je Webflow-website

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

Voeg Bookingmood toe aan je [Webflow](https://webflow.com/)-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 Webflow](#voeg-de-widget-toe-aan-webflow)

- Open de pagina waarop je de widget wilt tonen.
- Klik op het _+_-pictogram om een element toe te voegen.

![Element toevoegen](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-2c4c5069-fc84-490f-bc35-ec00c30831a5.png?quality=75&resize=contain&width=3840)

- Sleep het element _Embed_ naar de pagina.

![Embed element](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-15124cdc-657c-4f98-97a0-9a695a02ed42.png?quality=75&resize=contain&width=3840)

- Plak de insluitcode die je hebt gekopieerd en klik op _Save & Close_.

![HTML Embed Code Editor](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-c86576db-7645-4dc8-89cb-1248ca8a56e2.png?quality=75&resize=contain&width=3840)

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