1 min lezen

# Framer

**You can embed calendars from Bookingmood in the website builder** **[Framer](https://www.framer.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 Framer

Framer has their own "Embed" block, but that comes with a few drawbacks. Therefore, we've created our own embed component. To use it, perform the following steps:

- Copy the URL of our component: https://framer.com/m/BookingmoodWidget-2LUx.js
- Go to your Framer website editor, right click on the page where you want to place the widget and click "Paste"
- Now, in the sidebar, under "BookingmoodWidget", fill in the "url" field with the oEmbed link from the [widget](https://www.bookingmood.com/en-US/docs/widgets/create-a-widget) that you created in Bookingmood.

![The Bookingmood widget embedded in a Framer site](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/public/-971fff2b-241f-47cc-b8e1-6df11bed47bd.png?quality=75&resize=contain&width=3840)

One more tip: To make sure your page handles our resizing widget nicely, give the surrounding section in Framer the layout type "Stack".

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

Laatst gewijzigd 31 augustus 2026