1 min zum Lesen

# SITE123

**You can embed calendars from Bookingmood in the website builder** **[SITE123](https://www.site123.com/)****.**

## Create a widget

- You will need to create a widget in Bookingmood first. Learn how to create it here: [Creating a widget](https://www.bookingmood.com/en-US/docs/widgets/create-a-widget)

## Embed in SITE123

- Open the page where you want the widget to be embedded.
- Click on the + _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_.
- Click on _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 content and click on 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 on _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)

- Copy and paste the embed code from the [widget](https://www.bookingmood.com/en-US/docs/widgets/create-a-widget) that you created and click _Update_ and _Save_

**🎉 You're done and everything is set! Changes you make to your calendar will automatically reflect on your website.**

Zuletzt geändert 31. August 2026