[連携](https://www.bookingmood.com/ja-JP/integrations) [Website builder](https://www.bookingmood.com/ja-JP/integrations?category=Website%20builder)Hostnet

![Hostnet](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/658fc90e-9f0f-4be4-bf1a-42773e52b2da.png?quality=75&resize=contain&width=640)

# Hostnet

Add Bookingmood booking calendars to your Hostnet website

[ドキュメント](https://www.bookingmood.com/ja-JP/docs/channels/widgets) [hostnet.nl](https://hostnet.nl/) ✓ 予約可能

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

- Open the page where you want to show the widget.
- From the editor menu, drag the _Code_ element onto your page.

![Embed insertion in Hostnet](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/screenshot-2023-05-10-at-16180_13r6ewl.png)

- Paste the embed code you copied and save.
- Drag the edges of the element to resize the widget.

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

Prefer to watch? This video walks through the same steps.