WP Hotel Booking:宿泊施設向けのオンライン予約ができる
宿泊施設向けのオンライン予約ができる WordPress 用プラグインの紹介です。
それは「WP Hotel Booking」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
WP Hotel Booking
WP Hotel Booking は、宿泊施設向けのオンライン予約ができます。
部屋タイプ毎にルーム料金を曜日ごとに指定可能です。
また、繁忙期や閑散期を指定し、その期間だけの特別料金を指定することもできます。
部屋タイプ毎に備品やオプションサービスなどを設定可。
部屋タイプ毎にアイキャッチ画像とは別にギャラリー(Lightbox機能付き)も設定可。
部屋タイプ毎に指定した日の予約をできないようにすることもできます。
訪問者に到着日と出発日、宿泊人数を指定できる空き部屋検索機能があり、
検索後、表示された部屋を予約することができます。
各ルームタイプの詳細ページから予約することもできます。
独自の予約料金支払い機能もありますが、
WooCommerce との連携も可能で、WooCommerce の支払い機能を利用可。
連携させてもネットショップ機能を妨げないので、
宿泊施設のオンライン予約機能とネットショップ機能を併せ持つ Web サイトを構築可能。
一定金額やパーセントで宿泊料金を割り引けるクーポン機能も備えています。
利用者によるレビュー投稿機能もあります。
予約処理の完了とキャンセル時に管理者などにメールで通知できます。
簡易的レポート機能も備えており、指定日の売上と空室状況を確認できます。
ウィジェット機能もあり、5 種類のウィジェットが用意されています。
- 部屋タイプ毎のアイキャッチ画像スライダー
- 空き部屋検索
- ベストレビュー表示
- 最新のレビュー表示
- ミニカート機能
以下の拡張機能アドオンもインストールした状態で記事にしています。
・WP Hotel Booking WooCommerce
WooCommerce と連携し WooCommerce で選択できる支払い方法で予約の支払いができます。
WP Hotel Booking WooCommerce – WordPress.org
・WP Hotel Booking Block Room
指定した日の予約をできないようにできます。
WP Hotel Booking Block Room – WordPress.org
・WP Hotel Booking Room
各ルームタイプの詳細ページでの予約ができます。
WP Hotel Booking Room – WordPress.org
・WP Hotel Booking Report
売り上げなどをレポートとして表示できる機能を追加できます。
WP Hotel Booking Report – WordPress.org
・WP Hotel Booking Coupon
クーポン機能を追加できます。
WP Hotel Booking Coupon – WordPress.org
記事を作成もしくは更新時点でのバージョン:v 1.9.8.4
マルチサイトでの利用:可
補足情報
この記事は、以下の WordPress 用プラグインもインストールした状態で書いています。
WooCommerce の使い方 – WordPress活用術
WooCommerce For Japan の使い方 – WordPress活用術
WooCommerce Email Validation の使い方 – WordPress活用術
Gutenberg エディターでの動作
Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
WP Hotel Booking – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「WP Hotel Booking」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
WP Hotel Booking を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用テーブル
下記のテーブルを WP Hotel Booking 専用のテーブルとして作成し利用します。
テーブル作成時に $wpdb->prefix も使用しているので、マルチサイトにも対応。
includes/class-wphb-install.php から CREATE TABLE 文を抜粋(記事用に一部修正)。
CREATE TABLE IF NOT EXISTS wp_hotel_booking_order_items (
order_item_id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
order_item_name longtext NOT NULL,
order_item_type varchar(255) NOT NULL,
order_item_parent bigint(20) NULL,
order_id bigint(20) unsigned NOT NULL,
UNIQUE KEY order_item_id (order_item_id),
PRIMARY KEY (order_item_id)
);
CREATE TABLE IF NOT EXISTS wp_hotel_booking_order_itemmeta (
meta_id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
hotel_booking_order_item_id bigint(20) unsigned NOT NULL,
meta_key varchar(255) NULL,
meta_value longtext NULL,
UNIQUE KEY meta_id (meta_id),
PRIMARY KEY (meta_id),
KEY hotel_booking_order_item_id(hotel_booking_order_item_id)
);
CREATE TABLE IF NOT EXISTS wp_hotel_booking_plans (
plan_id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
room_id bigint(20) unsigned NOT NULL,
start_time timestamp NULL,
end_time timestamp NULL,
pricing longtext NULL,
UNIQUE KEY plan_id (plan_id),
PRIMARY KEY (plan_id)
);
専用メニュー
ダッシュボードの「ダッシュボード」メニューの下に追加されています。
管理画面
部屋の管理画面です。
ダッシュボード
使い方(客室作成)
「Add New Room」メニューから客室の作成を行います。
まずは、タイトルと客室の詳細説明を入力します。
- Quantity
この部屋タイプの室数を入力します。
初期値:100 部屋 - Number of adults
大人が何人泊まれるかを選択します。 - Max children per room
1 部屋に泊まれる子供の最大人数を入力します。
初期値:0 - Additional Information
この部屋タイプに関する追加情報を記述します。 - Addition Package
この部屋タイプに追加するオプションなどを選択します。
Number of adults で選択できる項目は「Room Capacities」で作成します。
Addition Package で選択できる項目は、
「WP Hotel Booking」メニューのサブメニュー「Extra Options」で作成します。
簡単なギャラリーを作成できます。
この部屋タイプの各曜日の標準料金を入力します。
灰色状態の時は入力できないので、
右上の「鉛筆」マークをクリックすると入力可能になります。
部屋のタイプを選択します。
公開をクリックすると、この部屋タイプの部屋が予約可能になります。
Room Types
部屋のタイプの作成と管理ができます。
Room Capacities
上述の Number of adults で選択できる項目を作成できます。
宿泊管理と各種設定
Bookings
予約状況の確認ができます。
予約確定や予約キャンセルなどのステータス管理ができます。
また、手動での予約操作と予約内容の編集も行えます。
手動での予約画面。
予約内容の確認とステータス管理などが行なえます。
予約内容の編集も併せて行えます。
宿泊期間の変更と追加オプションの選択ができます。
Extra Options
部屋への追加オプションを管理できます。
タイトルと追加するオプションの内容を入力します。
- Price
このオプションの料金を入力します。 - Unit
このオプションの最大数量を入力します。 - Type
このオプションのタイプを選択します。 - Required
全ての予約で必須オプションにするかどうか。
Coupons
作成したクーポンの一覧画面です。
タイトルを入力し、各種設定を行います。
- Description
クーポンの説明を入力します。 - Discount type
割引タイプを一定金額もしくはパーセントのどちらにするかを選択します。 - Discount value
割引する数値を入力します。 - Validate from
有効期間の開始日を選択します。 - Validate until
有効期間の終了日を選択します。 - Minimum spend
このクーポンを使用できる最小金額を入力します。 - Maximum spend
このクーポンで割引できる最大金額を入力します。 - Usage limit per coupon
このクーポンを何回まで使用できるかを入力します。 - Used
(編集不可項目)使われたクーポンの枚数が表示されます。
Pricing Plans
部屋タイプ毎の標準料金の編集ができます。
また、繁忙期や閑散期での特別料金を設定することもできます。
「鉛筆」マークで料金の編集ができます。
「紙が重なっている」マークで特別料金の設定フォームが表示されます。
Settings
General
- Rooms Page
このメニューで表示する固定ページを選択します。 - Search Page
このメニューで表示する固定ページを選択します。 - Checkout Page
このメニューで表示する固定ページを選択します。 - Cart Page
このメニューで表示する固定ページを選択します。 - Account Page
このメニューで表示する固定ページを選択します。 - Terms And Conditions
このメニューで表示する固定ページを選択します。 - Thank You page
このメニューで表示する固定ページを選択します。
- Single Purchase
部屋予約時に確保する部屋数を選択できないようにするかどうか。 - Custom Process
部屋予約時に追加オプションを選択できるようにするかどうか。
- Currency
通貨を選択します。 - Currency Position
通貨記号の表示位置を選択します。 - Thousands Separator
3 桁区切りの区切り文字を入力します。
初期値:, - Decimals Separator
小数点の区切り文字を入力します。
初期値:. - Number of decimal
小数点以下の桁数を入力します。 - Minimum booking nights
予約できる最小の予約日数を入力します。
初期値:1 泊
- Tax
徴収したい税額を % で指定します。
初期値:8 % - Price including tax
宿泊料金を税込で表示するかどうか。 - Price display
宿泊料金の表示スタイルを選択します。 - Advance Payment
前払い料金を徴収する場合の割合を指定します。
初期値: - Enable Coupon
クーポンを使用可能にするかどうか。
Hotel Info
ホテルの情報を入力します。
Emails
メール通知に関する設定を行えます。
Email Options
- From name
メールの送信者名を入力します。 - From Email
メールの送信者アドレスを入力します。 - Email subject
メールの件名を入力します。
Complete Booking
予約処理完了時にメール通知するかどうかと設定ができます。
- Enable
メール通知を有効にするかどうか。 - Recipient(s)
メール通知の受信者のメールアドレスを入力します。カンマで区切ると複数指定可。 - Subject
メールの件名を入力します。 - Email Heading
メールの見出しを入力します。 - Email Heading Description
メールの説明を入力します。 - Email Format
メールを HTML 形式で送るか、プレーンテキストで送るかを選択します。
Cancel Booking
予約がキャンセルされるとメール通知するかどうかと設定ができます。
- Enable
メール通知を有効にするかどうか。 - Recipient(s)
メール通知の受信者のメールアドレスを入力します。カンマで区切ると複数指定可。 - Subject
メールの件名を入力します。 - Email Heading
メールの見出しを入力します。 - Email Heading Description
メールの説明を入力します。 - Email Format
メールを HTML 形式で送るか、プレーンテキストで送るかを選択します。
Checkout
WooCommerce と連携させているのを前提として記事を書いているので、
この項目は省略します。
一般
Offline Payment
Paypal
Room
- Number of column display catalog page
カタログページで表示する列数を入力します。
初期値:4 - Number of post display in page
1 ページで表示する部屋タイプの数を入力します。
初期値:8 - Catalog images size
カタログの画像サイズを入力します。
初期値:270 × 270 px - Display rating
レビューの平均評価を表示するかどうか。
- Room images size gallery
ルームギャラリーでの画像サイズを指定します。
初期値:1,000 × 1,000 px - Room images thumbnail
ルームのサムネイル画像のサイズを指定します。
初期値:150 × 150 px - Display pricing plans
料金プランを表示するかどうか。 - Enable ratings on reviews
レビューの評価を有効にするかどうか。 - Ratings are required to leave a review
評価を必須にするかどうか。 - Enable gallery lightbox
ギャラリーにライトボックスを有効にするかどうか。 - Enable book in single room
各部屋タイプの詳細ページから予約できるようにするかどうか。
WooCommerce
Enable
チェック付けると、予約の支払いを WooCommerce を利用して支払い可能になります。
Block Special Date
部屋タイプ毎に予約を受け付けない日を指定できます。
Reports
指定した期間の売上をグラフで確認できます。
指定した期間での予約不可な部屋をグラフで確認できます。
Tools
何をする項目なのか不明なので省略します。
予約の流れ(検索メニューから)
到着日と出発日をカレンダーで選択し、宿泊人数を指定したら、
「Check Availability」ボタンをクリックします。
宿泊可能な部屋があると検索結果に表示されます。
「Select this room」ボタンをクリックします。
「View price breakdown」リンクをクリックすると料金の内訳を確認できます。
「Select this room」ボタンをクリックすると、
オプション選択画面が設定によっては表示されます。
「Next step」ボタンをクリックします。
カート画面です。
「お支払いへ進む」ボタンをクリックします。
WooCommerce の支払い確定画面です。
支払い方法を選択できます。
ここで「注文する」ボタンをクリックすると予約完了となります。
予約の流れ(部屋タイプから)
部屋タイプ画面を表示して、予約したい部屋を選択します。
選択した部屋タイプの詳細ページが表示されます。
「Check Availability This Room」ボタンをクリックします。
到着日と出発日を指定し「Check Availability」ボタンをクリックします。
ここでもオプション選択画面が設定によっては表示されます。
「Add To Cart」ボタンをクリックするとカート画面が表示されます。
ここから後は、検索結果からの予約と同じ手順です。
部屋タイプの詳細ページ(表示例)
レビュー投稿ができます。
通常の宿泊料金が表示されます。
ショートコード
下記のショートコードを使用することができます。
プラグインインストール時に自動的に固定ページが作成されて、
各ページに下記のショートコードが記載されています。
[hotel_booking_account]
ユーザーが自分の予約注文履歴を一覧で確認できます。
[hotel_booking_account]
[hotel_booking]
空室確認ができる検索フォームを表示できます。
[hotel_booking]
[hotel_booking_cart]
カートの内容を確認できます。
WooCommerce のカートと統合されるので場合によっては不要かも。
[hotel_booking_cart]
[hotel_booking_checkout]
支払いページを表示できます。
WooCommerce の支払いページと統合されるので場合によっては不要かも。
[hotel_booking_checkout]
[hotel_booking_rooms]
タイプごとの宿泊ルームを一覧で表示できます。
[hotel_booking_rooms][hotel_booking_rooms]
[hotel_booking_thankyou]
ありがとうページを表示できます。
[hotel_booking_thankyou]
Gutenberg エディターでの挿入手順
Gutenberg エディターでのショートコードの挿入手順については、
下記の記事にて詳しく解説していますので、御覧ください。
https://www.hiskip.com/wp/notes/9402.html
専用ウィジェット
ベストレビューを表示できるウィジェット。
最新のレビューを表示できるウィジェット。
ミニカートを表示できるウィジェット。
空室状況確認と予約できるウィジェット
部屋をスライダーで表示できるウィジェット