【WP】空き状況を表示するカレンダーを作成することができるBookingプラグイン5選

wordpress-booking-plugin-selection

レストランやホテル、イベント会場などWEBサイトで、席の空き状況をカレンダーに表示して予約をスムーズに行う仕組みを見かけることがあると思います。

この空き状況を案内するカレンダーをWordPress上で作成することができるプラグインがありますのでご紹介します。

今回取り上げる5つ以外にも、「booking」のキーワードで検索をすると見つけることが出来ます。

MTS Simple Booking

MT Systems さんよりGPLライセンスで配布されているプラグインです。無償版と有償版があり、無償版でもシンプルな予約カレンダーとして充分な機能が備わっています。

国産プラグインでもあり、カレンダーの表示が○、△、×となっているのが特徴的です。

mts-simple-booking

Booking Calendar

空き状況をカレンダーの色で案内するタイプのカレンダーです。固定ページにカレンダーを挿入したり、専用のウィジェットがあるのでサイドバーへの挿入も簡単にできます。カレンダーのデザインもシンプルです。

booking-calendar

Bookitme Time Slot

こちらも空き状況をカレンダーの色で案内するタイプのカレンダーで、時間軸の表示なども行える高性能なカレンダーです。利用するためにはBookitmeのアカウント(有料)が必要です。

bookitme-booking-calendar-4

Booking System (Booking Calendar)

カレンダーに空き情報を掲載することができるカレンダーです。チェックイン、チェックアウト時間による管理などホテルなどの予約向けに利用できそうです。

booking-system

Booking Calendar Contact Form

Contact Form のメールフォームと組み合わせて利用することができるプラグインです。カレンダーは空き状況を色で表示するシンプルなものです。paypalとの連携もできるので申込と支払いを同時に行う構築も可能のようです。

booking-calendar-contact-form-1

以上、5つをご紹介いたしました。国産プラグインで、日本語の解説がある「MTS Simple Booking」が導入し易さ、使い易さが良いのかなと思いました。

関連記事

【フォト】吉田町川尻海岸『幸福呼ぶ鳥居~初日の出~』

静岡県吉田町にある川尻海岸では年始の期間限定で『幸福呼ぶ鳥居』がお目見えします。鳥居に朝日が昇る様子は幻想的です。初日の出の日は、多くの方々でにぎわっていました。 フォトギャラリー ※写真をクリックすると拡大表示します。 [gallery link="file" col...続きを読む

2017.01.01フォトギャラリー

【CSS】CSS3による枠線の新しい表現方法

CSS3より定義された「Border Radius」「Border Image」を使うことで角丸のボックスや、罫線の装飾によってこれまで画像で作成していた要素をCSSのみでデザインすることができるようになりました。 角丸(border-radius) 「b...続きを読む

2015.02.08HTMLコーディング

【JavaScript】フォームの入力チェックができるライブラリ『Validatr』

お問い合わせフォームなどの入力フォームで入力された値をチェックや未入力をチェックする事ができるJavaScriptライブラリ『Validatr』をご紹介します。 『Validatr』はjQueryをベースに開発され、MIT License にて公開さております。電子メー...続きを読む

2015.02.14HTMLコーディング

【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法

前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。そして、Sass・SCSSを変換(コンパイル)してCSSとして書き出してWEBサイトに組み込むことを...続きを読む

2019.05.16HTMLコーディング

【CSS】Googleマップの埋め込み用HTMLコードをレスポンシブに対応させる

Googleマップで、埋め込み用HTMLコードを発行して、ブログやサイトに貼り付けて使うことがよくあると思います。 サイトがレスポンシブ対応の場合、本文中のGoogleマップが、要素からはみ出して見栄えが崩れたり、案内したい所在地のポインタが表示されないということがあります...続きを読む

2015.02.08HTMLコーディング