[Integracije](https://www.bookingmood.com/sl-SI/integrations) [Website builder](https://www.bookingmood.com/sl-SI/integrations?category=Website%20builder)Fullfront

![Fullfront](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/bf683ec5-9f6e-460c-80ad-6d0487f44e00.png?quality=75&resize=contain&width=640)

# Fullfront

Add Bookingmood booking calendars to your Fullfront website

[Dokumentacija](https://www.bookingmood.com/sl-SI/docs/channels/widgets) [fullfront.com](https://fullfront.com/) ✓ Na voljo

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

- Open the page where you want to show the widget.
- Click _Add Widget_.

![Widget addition in Fullfront](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/fullfront-add-widget-button-bo_5tprdh.png)

- Drag the _Code_ widget onto your page.

![Code widget selection in Fullfront](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/fullfront-add-code-widget-book_18g0a0d.png)

- Paste the embed code you copied.

![Embed code input in Fullfront](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/fullfront-paste-embed-code_76pd36.png)

- Preview your website to see the calendar in action.

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