1 min lezen

# 10Web

**You can embed calendars from Bookingmood in** **[10Web](https://10web.io/)****.**

## 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).
- Click on _Embed_ and copy the _Inline_ embed code. You will need this in the next step.

## Add the widget to your 10Web project

- Click on _Edit_.
- Click on the element where you want to add the widget.
- Click on the code icon.

![Edit in 10Web](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images/c80b9f04-e8ed-4665-9cfa-8acaec3f1e8b.png?quality=75&resize=contain&width=3840)

- Go to the place where you want to embed the widget.
- Paste the following embed code. Make sure that you replace _YOUR-URL_ with your own.

```
<script src="https://www.bookingmood.com/js/resize.js"></script>
<iframe
    src="YOUR-URL"
    style={{
      width: "100%",
      border: "none",
      minHeight: "700px",
    }}
    title="Bookingmood calendar widget"
  />
```

- Save it.

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

Laatst gewijzigd 31 augustus 2026