[Integrations](https://www.bookingmood.com/en-NZ/integrations) [Website builder](https://www.bookingmood.com/en-NZ/integrations?category=Website%20builder)Designmodo

![Designmodo](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/9ac5cd5c-4e4b-48e2-95a7-dfa68dfaa3f1.png?quality=75&resize=contain&width=640)

# Designmodo

Add Bookingmood booking calendars to your Designmodo website

[Docs](https://www.bookingmood.com/en-NZ/docs/channels/widgets) [designmodo.com](https://designmodo.com/) ✓ Available

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

- Open the page where you want to show the widget.
- Select a layer and click _Assets_.
- Drag the _Custom Code_ asset onto the page.

![Custom code insertion in Designmodo](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-4f98f9b0-7f5e-4aaf-9e62-e566d6b39e4c.png?quality=75&resize=contain&width=3840)

- Click the _Custom Code_ element.

![Embed code input in Designmodo](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-03879884-e44f-4e84-9412-771777ad4466.png?quality=75&resize=contain&width=3840)

- Paste the embed code you copied and click _Done_.

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)

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