Bookingをアップロードします1.予約フォームページを作成するお客様情報を入力する固定ページを作成します。記事の中身は空欄のまま公開します。検索エンジンに見つからないようにしないといけません。SEO設定の「インデックスしない(noindex)」にチェックを入れましょう。SEO設定のインデックスしない(noindex)にチェックを入れます2.予約システムの設定をする次に、予約システムの設定をします。各種設定と進んでください。各種設定をしますまず、予約パラメータの一番上にある「予約の受付」です。このチェックが外れていると予約機能がストップしまいます。予約の受付にチェックを入れます次の施設情報です。赤で囲んだ部分が必須項目となります。予約時のお客様への確認メールに表示されるものなので必ず記入してください。施設情報は赤枠が必須項目です次にお客様に予約時に入力してもらいたい情報を選択します。ここでは上の3つを必須としています。お客様入力情報の項目を設定します最後に予約時にお客様に送られる自動返信メールの中身を変更します。%で囲まれた部分に施設情報とお客様が記入した情報が自動で入る仕組みです。予約ができたことが伝わればいいので簡単に書き替えましょう。以下のような形で結構です。コピペして使っていただいても構いません。様ご予約ID:%RESERVE_ID%%NAME%をご利用いただき誠にありがとうございます。以下の内容でご予約を承りました。ここに予約内容が自動で入ります。以下へご連絡下さるようお願いいたします。%WEB%これで十分伝わるかと思います。3.予約品目で時間割を設定する次に、営業の時間割を設定します。新規予約品目と進んでください。予約品目を設定しますタイトルは自由です。ここでは「WEB予約」、スラッグは「reservation」としました。予約品目ページを作成します少し下にスクロールすると予約時間割があります。予約可能にしたい時間帯を1つずつ設定してください。最短で10分単位で設定が可能です。予約時間割を設定しますさらに下にスクロールすると予約条件設定があります。予約一件あたりの担当可能人数を設定してください。一人サロンなら全て一人でOKです。対応可能人数を設定します最後に、上のURLのpost=のあとの数字をメモしておいてください。idの確認しておきます(あとで使います)4.カスタムショートコード用ウィジェットを作成するそろそろラストスパートです。ウィジェットと進んでください。右端にカスタムショートコード用ウィジェットというのがあります。ここにMTSSB予約カレンダーを入れてください。IDの部分に先ほど作成した予約品目ページの数字を入力します。カスタムショートコードウィジェットにMTSSB予約カレンダーを移動させますカスタムショートコード用ウィジェットの使い方は、こちらで詳しく解説しています。記事内の好きなところにWEB予約カレンダーを表示することができます。2017年10月23日5.スケジュールの設定をする次に、営業日を設定します。スケジュールと進んでください。スケジュールの設定をしますスケジュールは、チェックを付けた日が営業日になります。上の曜日をクリックすると、週ごとに一括選択も可能です。Booking」の設定は終了です。実際のWeb予約の流れそれでは、実際のWeb予約の流れを確認してみます。1.希望の日付を選択カレンダーから希望の日付を選択します。予約希望日を選択します仮に20日を選択しました。日付を選択すると時間へと変わります。予約希望時間を選択します15時を選択しました。初めに作成した固定ページに移動し、お客様情報を入力するフォームが表示されます。入力に間違いがないかの確認画面が表示されます。予約システム管理画面でお客様の情報を確認できます。予約情報の確認をする予約された日付と時間はすぐに×マークが付いて予約ができなくなります。電話で予約が入った場合は、ブッキングを避けるために手入力で予約を埋めます。追加・編集と進んでください。予約の追加・編集をしますここから予約を店舗側で入れることができます。時間選択画面で希望の時間が埋まっていた場合、カレンダー画面に戻るにはブラウザを更新しなければなりません。この辺りが少し不便に感じましたので、カレンダー画面に戻るための更新ボタンの設置方法を記事にしました。Lognote注意:フェイタルエラーが出た場合の直し方PHPバージョンなどによって、フェイタルエラー(致命的なエラー)が発生してしまうことがあるようです。直し方をメインブログでシェアしておりますので、もしエラーが出た際は参考にしてください。コメントをキャンセル入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。【Healer】サイド:施術者紹介ウィジェットを使えば、このようなプロフィールが簡単に設置可能です。SNSは管理ページの設定と連携しており、好きなものだけ表示できます。