[Integrations](https://www.bookingmood.com/en-GB/integrations) [Website builder](https://www.bookingmood.com/en-GB/integrations?category=Website%20builder)Jouwweb

![Jouwweb](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/4654d957-643f-48f3-b615-5d6ce10deca9.png?quality=75&resize=contain&width=640)

# Jouwweb

Add Bookingmood booking calendars to your Jouwweb website

[Docs](https://www.bookingmood.com/en-GB/docs/channels/widgets) [jouwweb.nl](https://jouwweb.nl/) ✓ Available

Add Bookingmood to your [JouwWeb](https://www.jouwweb.nl/) 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 JouwWeb](#add-the-widget-to-jouwweb)

- Open the page where you want to show the widget.
- From the editor menu, drag the _Embed Code_ element onto your page.

![Embed code block selection in JouwWeb](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-df606729-3af2-4856-a8be-3547573d95ec.png?quality=75&resize=contain&width=3840)

- Click _Embed aanpassen_.

![Edit embed in JouwWeb](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-748af36d-808f-459a-b6c9-6ed89b59e1b4.png?quality=75&resize=contain&width=3840)

- Open the _Eigen HTML_ tab and paste the embed code you copied.

![Embed code input in JouwWeb](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-495bf553-91e3-486a-a9f5-c87f175087fc.png?quality=75&resize=contain&width=3840)

- Click _Opslaan_.

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

Prefer to watch? This video walks through the same steps.