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

![WordPress](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/covers/ee17f397-8424-4f27-a5f2-9d5275b85094.png?quality=75&resize=contain&width=640)

# WordPress

Add Bookingmood booking calendars to your WordPress website

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

![Integrate Bookingmood with Wordpress](https://ksxynoprjyugtwuaqdho.supabase.co/storage/v1/render/image/public/website/images-98f08814-dce9-47fb-883a-cfc2a37437b7.png?quality=75&resize=contain&width=3840)

Add Bookingmood to your [WordPress](https://wordpress.org/) 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. The [Bookingmood plugin](https://wordpress.org/plugins/bookingmood/) makes embedding a matter of pasting a link.

## [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 _oEmbed_ link. You need it in the next step.

## [Add the widget to WordPress](#add-the-widget-to-wordpress)

Install the [Bookingmood plugin](https://wordpress.org/plugins/bookingmood/) on your WordPress site first. Then add the widget with a block, or with _Add Media_ if you use the classic editor.

### [With a block](#with-a-block)

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

![Add a block in Wordpress](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/wp1_dv8cz4.png)

- Choose _Embed_.

![Select embed for block type](https://storage.crisp.chat/users/helpdesk/website/ea3d0ac3ea881800/wp2_119nf29.png)

- Paste the oEmbed link you copied and save.

### [With Add Media](#with-add-media)

- Open the page where you want to show the widget.
- Click _Add Media_, then _Insert from URL_.
- Paste the oEmbed link you copied and click _Insert into page_.

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