[Integrationer](https://www.bookingmood.com/sv-SE/integrations) [Website builder](https://www.bookingmood.com/sv-SE/integrations?category=Website%20builder)Softr

![Softr](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/a8ceafba-2bd3-47dd-bc7c-3570afbb1d24.png?quality=75&resize=contain&width=640)

# Softr

Add Bookingmood booking calendars to your Softr website

[Dokumentation](https://www.bookingmood.com/sv-SE/docs/channels/widgets) [softr.io](https://softr.io/) ✓ Ledig

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

- Open the page where you want to show the widget.
- Click the _+_ icon to add a block.

![Block addition in Softr](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-ba241804-4029-4f09-9275-5015ac10b80e.png?quality=75&resize=contain&width=3840)

- Open the _Static_ tab and click the _Custom code_ block.

![Custom code block selection in Softr](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-9ec4f398-f01c-443e-adcc-57067b288cff.png?quality=75&resize=contain&width=3840)

- Paste the embed code you copied.
- Publish your site.

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

## [FAQ](#faq)

### [Why don't I see the widget in the editor?](#why-don-t-i-see-the-widget-in-the-editor)

Softr doesn't run embedded code in the editor. The widget appears in the preview and on your live website.