[Integrazioak](https://www.bookingmood.com/eu-ES/integrations) [Website builder](https://www.bookingmood.com/eu-ES/integrations?category=Website%20builder)Site123

![Site123](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/d3c46f81-e373-4288-8600-c98a68115dbb.png?quality=75&resize=contain&width=640)

# Site123

Add Bookingmood booking calendars to your Site123 website

[Dokumentazioa](https://www.bookingmood.com/eu-ES/docs/channels/widgets) [site123.com](https://site123.com/) ✓ Erabilgarri

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

- Open the page where you want to show the widget.
- Click _+ Add New Section_.

![Block addition in SITE123](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-6d9dcd64-147a-486e-8f6a-8ec364ed4e4e.png?quality=75&resize=contain&width=3840)

- Choose one of the elements under the _Text_ tab, for example _Content Page_, and click _Edit_.

![Content editing in SITE123](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-710e1be5-d878-4b1f-8ea9-b6454c181007.png?quality=75&resize=contain&width=3840)

- Remove the placeholder content and click the _Custom Code_ icon.

![Custom code selection in SITE123](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-6897cbef-170b-45ef-bec0-c2a437e81aff.png?quality=75&resize=contain&width=3840)

- Click _Change_.

![Embed code input in SITE123](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-314fa97f-7d39-413c-a621-81adbea56ba0.png?quality=75&resize=contain&width=3840)

- Paste the embed code you copied, then click _Update_ and _Save_.

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