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

![Webador](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/77bbcfaa-f394-4687-8661-46167d8caccd.png?quality=75&resize=contain&width=640)

# Webador

Add Bookingmood booking calendars to your Webador website

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

Add Bookingmood to your [Webador](https://www.webador.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 _oEmbed_ link. You need it in the next step.

## [Add the widget to Webador](#add-the-widget-to-webador)

- Open the page where you want to show the widget.
- Drag the _Embed code_ element onto the page.

![Embed code selection in Webador](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-b5c9185f-d169-4c0b-90de-afff92b707cd.png?quality=75&resize=contain&width=3840)

- Click _Edit embed_.

![Edit embed selection in Webador](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-b73a09f2-b24c-46d9-ab1b-48661b33a04b.png?quality=75&resize=contain&width=3840)

- Paste the oEmbed link you copied.

![OEmbed input field in Webador](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-3e6fa66c-16c1-4931-a453-a0d9408905ab.png?quality=75&resize=contain&width=3840)

- Save your changes.

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

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