![パソ君](https://jito-site.com/wp-content/uploads/2022/02/computer09_question.png)
・MTS Simple Booking Cの使い方は?
こんな疑問にお答えします。
MTS Simple Booking Cは予約システムを作れるWordPressプラグインの一つ。
美容院などを予約するときに使うようなあれですね。
実はMTS Simple Booking Cを使えば、簡単に実装できちゃいます。
![ジト](https://jito-site.com/wp-content/uploads/2022/02/image.jpg)
使ってみよう!
ということで、この記事では「MTS Simple Booking Cの使い方」について解説していきます!
・MTS Simple Booking Cとは?
・MTS Simple Booking Cの使い方
・MTS Simple Booking Cの設定方法
目次
【WordPress】MTS Simple Booking Cとは?【予約システム】
MTS Simple Booking Cとは、予約システムを簡単に作成できるプラグイン。
簡単に下記を作成することができます。
- 予約フォーム
- 予約カレンダーから選択
- 予約メールを送信できる
あの予約システムが、簡単に実装できてしまう。。かなり便利。
【WordPress】MTS Simple Booking Cの使い方【予約システム】
MTS Simple Bookingの使い方はこちらの手順。
- ダウロード
- アップロードして有効化
- 管理画面の「予約品目」と「予約システム」項目をクリック
順に見ていきましょう。
「MTS Simple Booking」のプラグインは、管理画面からの検索では出てきません。
そのため公式サイトよりダウンロードします。
下記画面より「シンプル予約システム」をクリック。
![](https://jito-site.com/wp-content/uploads/2023/05/ecfea04b2fe19fe73ef71f15f2efb7ed.jpg)
「ダウンロード開始」ボタンをクリックしましょう↓
![](https://jito-site.com/wp-content/uploads/2023/05/1316cd06a2d2e3186583429e8f651afe.png)
あとはダウンロードしたファイルをアップロードします。
![](https://jito-site.com/wp-content/uploads/2023/05/d473a55cb357a9aa5d4784041026567c.png)
プラグインを有効化すると「予約品目」と「予約システム」という項目がでます。
![](https://jito-site.com/wp-content/uploads/2023/05/584fff4b0dc67192286efe401be03566.png)
![](https://jito-site.com/wp-content/uploads/2023/05/6915968b521f400399e82f74f23a1978.png)
予約品目 | 予約項目の追加や修正 |
予約システム | 予約カレンダーやメールの設定 |
こちらの項目より設定していきます。
【WordPress】MTS Simple Booking Cの設定方法【予約システム】
設定方法を紹介していきます。
- 「予約システム」⇒「各種設定」の設定
- 「予約品目」⇒「新規予約品目」を作成
- 「予約システム」⇒「予約カレンダー」の設定
- 表示用と予約フォームと予約完了ページを作成
- 予約カレンダーを表示
- 予約フォームの動作確認
順に見ていきましょう。
まず各種設定です。といってもやることは主に3つ。
- 「予約パラメーター」⇒「予約の受付」にチェック
- 「施設情報」に入力
- 「予約メール」の設定
![](https://jito-site.com/wp-content/uploads/2023/05/f9194c312cf75c471966aad4010a15d3.png)
ここにチェックをいれます。
他部分に関しては案件ごとにカスタマイズを。(通常そのままで良いかと)
![](https://jito-site.com/wp-content/uploads/2023/05/2827d2e9a4f82e74eb04e1b976d0e232.png)
予約サービスを使う施設の情報を入力していきましょう。
「E-Mail」には予約を受信したいメールアドレスを記述します。
![](https://jito-site.com/wp-content/uploads/2023/05/301acfccfc0dbcd2766753552fbbd88a.png)
ここで予約フォームにて使う「項目」の設定や、メール送信文章を設定できます。
続いて「予約品目」を作成していきましょう。
「新規予約品目」をクリックすれば作成できます。
タイトルとパーマリンクを記述します。
![](https://jito-site.com/wp-content/uploads/2023/05/634192d35d83faf9f5afd1faa338e34c-1.png)
本文エリアと抜粋には何も記述しなくてOKです。
その下の下記画像部分にて、予約の詳細を設定します。
![](https://jito-site.com/wp-content/uploads/2023/05/ab13536a201359ecb6e7a247e0c5df83.png)
予約時間割 | 予約の時間割を利用したい場合活用。 「時間割追加」をクリックで複数設定。 終日の場合はデフォルトからある「10:00」を削除 |
予約条件設定 | 「人数」か「件数」で管理するか設定。 上限や定員数を指定。 |
定員や予約上限や最大人数に関しては、1以上にしておきましょう。
続いて「予約システム」の予約カレンダーを設定していきます。
まず選択ボックスから先ほど作成した「予約品目」を設定します。今回でいうと「テスト予約」ですね。
![](https://jito-site.com/wp-content/uploads/2023/05/a2311edd7267d296a8e1285c95654c26.png)
そしてチェックなどを入れていきます。詳細は下記。
チェック部分 | チェックがあると予約受付する |
入力枠 (デフォルトだと0) | 予約人数・件数を設定 |
入力枠 (デフォルトだと空白) | クラスを付与する (予約できる日付に対してデザインをカスタマイズするときに活用) |
つまり今回の画像例でいうと「10日が予約受付可能。上限は5人・件。class-nameというクラスを付与)」という意味。
そしたら表示用と予約フォームと予約完了ページを作成していきましょう。
作成方法は簡単で「固定ページ」から新規追加するだけです。
![](https://jito-site.com/wp-content/uploads/2023/05/4a6044aff564a5485bdf871efd774c7a.png)
「予約カレンダーを表示する用のページ」と「予約フォーム用のページ」と「予約完了ページ」の3つを作成。
パーマリンクは下記↓
- 予約カレンダー表示用ページ⇒「任意」
- 予約フォーム⇒「booking-form」
- 予約完了 ⇒「booking-thanks」
「booking-form」と「booking-thanks」のパーマリンク名を使いましょう。
あとは作成した予約カレンダーを表示させるのみ。
表示方法はショートコードを記述すること。
<?php echo do_shortcode('[monthly_calendar id="〇〇"]'); ?>
(予約カレンダー用ページに張り付けます)
この〇〇に入る部分が、予約品目を作成したときのアドレスバーに表示される数字をいれます。
今回でいうと「22」ですね。
![](https://jito-site.com/wp-content/uploads/2023/05/6783d2586576e95b2dea3db4866b0018.png)
そのためこうなります↓
<?php echo do_shortcode('[monthly_calendar id="22"]'); ?>
これをテンプレートファイルに記述して反映。
もしくはエディターにて下記のように貼り付けしましょう↓
![](https://jito-site.com/wp-content/uploads/2023/05/da2621faea9178b6868d5e7446b2768b.png)
これで実装は完了です。
あとは動作確認するのみ。
予約カレンダー用ページを見てみると、下記のようにカレンダーが表示されているはず。
![](https://jito-site.com/wp-content/uploads/2023/05/6b8703501bf08350fcb79f3e0837bbf3.png)
〇ボタンがあるところをクリックすると、、、下記のように時間の選択ができる画面になります↓
![](https://jito-site.com/wp-content/uploads/2023/05/d25e838607ee4becdafc08812d468108.png)
時間の〇を選択すると、下記予約フォーム「booking-form」のページに遷移します↓
![](https://jito-site.com/wp-content/uploads/2023/05/35bb52af5c52050fa9b3e40c69fcf174.png)
あとは「予約確認」ボタンをクリックするのみ。
そしたらメールを確認しましょう。
【相手に届くメール】↓
![](https://jito-site.com/wp-content/uploads/2023/05/2c6d87d227b44d91fdec776481893ccc.png)
【自分側に届くメール】↓
![](https://jito-site.com/wp-content/uploads/2023/05/ac364f0946ba33d2639c076359abc329.png)
メールが届いていたら送受信の確認完了です。
また「予約システム」⇒「予約リスト」を見てみると、下記のように予約した方々のリストが確認できますよ。
![](https://jito-site.com/wp-content/uploads/2023/05/a9935d8d8092c67c3156c95be1fc63f3.png)
【WordPress】MTS Simple Booking Cが動かない【予約システム】
MTS Simple Booking Cを初めて使うかたは、上手く動かないという謎原因が発生するかもしれません。。
僕自身もありました。
設定などにより、動かない場合があります。
特に気を付けるべきことがこちら↓
- 「予約システム」⇒「予約パラメータ」⇒「予約の受付」にチェック入ってるか
- 「予約システム」⇒「施設情報」⇒「E-Mail」にメールアドレスは設定しているか
- 「予約品目」⇒「定員数」「予約上限」「最大人数」を0にしてないか
- 固定ページに「予約カレンダーを表示する用のページ」と「予約フォーム用のページ」と「予約完了ページ」の3つを作成したか
- 「予約カレンダーを表示する用のページ」にショートコードを記述したか
- ショートコードの数字部分はあってるか。半角にしているか
- 「予約フォーム用のページ」⇒「booking-form」のパーマリンク名にしたか
- 「予約完了ページ」⇒「booking-thanks」のパーマリンク名にしたか
参考になれば幸いです。
【WordPress】MTS Simple Booking Cの使い方【予約システム】:まとめ
- 予約フォーム
- 予約カレンダーから選択
- 予約メールを送信できる
![ジト](https://jito-site.com/wp-content/uploads/2022/02/image.jpg)
予約システムを実装するときは試してみてね!