[Intégrations](https://www.bookingmood.com/fr-FR/integrations) [Website builder](https://www.bookingmood.com/fr-FR/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

Add Bookingmood booking calendars to your Webflow website

[Documentation](https://www.bookingmood.com/fr-FR/docs/channels/widgets) [webflow.com](https://webflow.com/) ✓ Disponible

![Bookingmood + webflow](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-e040de54-e67d-4e1d-a6e2-db7067c3f797.png?quality=75&resize=contain&width=3840)

Add Bookingmood to your [Webflow](https://webflow.com/) 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)

- Create a widget in Bookingmood. [Widgets](https://www.bookingmood.com/en-US/docs/channels/widgets) explains how.
- Click _Embed_ and copy the _Inline_ embed code. You need it in the next step.

## [Add the widget to Webflow](#add-the-widget-to-webflow)

- Open the page where you want to show the widget.
- Click the _+_ icon to add an element.

![Selecting Add elements in Webflow](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-fe333ae4-3b43-4dbe-8f46-aae5c2251b5a.png?quality=75&resize=contain&width=3840)

- Drag the _Embed_ element onto the page.

![Embed code selection](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/webflow-2_1onq6eg.png)

- Paste the embed code you copied and click _Save & Close_.

![Webflow embed code input field](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/wcode_18h9v3i.png)

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