[אינטגרציות](https://www.bookingmood.com/he-IL/integrations) [Website builder](https://www.bookingmood.com/he-IL/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

[תיעוד](https://www.bookingmood.com/he-IL/docs/channels/widgets) [webstudio.is](https://webstudio.is/) ✓ זמין

Add Bookingmood to your [Webstudio](https://webstudio.is/) 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 Webstudio](#add-the-widget-to-webstudio)

- Open the page where you want to show the widget.
- Click the _+_ to add a component and drag the _HTML Embed_ component onto the page.

![HTML Embed](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-9800064a-8592-4c2c-844b-3e51e8b584fb.png?quality=75&resize=contain&width=3840)

- Click the component and paste the embed code you copied.

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