Salon booking systemを図解で完全攻略 new

各種設定の前に

各種設定の前に

サロンブッキングシステム は、無料で使えるネット予約プラグインです。
無料で利用できるネット予約プラグインの中でも、最高峰のプラグインです。
予約システム見本(予約テスト可能)

「りらくる」のようなリラクゼーションサロンを想定した設定内容になっています。

旧 Salon booking systemの設定は、以下のページをご覧ください。
Salon booking systemを図解で完全攻略

飲食店の予約に特化した、Salon booking、Easy Appointments もありますので以下のページをご覧ください。
Salon booking systemを飲食店予約専用にカスタマイズ
Easy Appointments

施設レンタル、ルームレンタルや物品のレンタルに特化したシステムは以下をご覧ください。
Appointment Hour Bookingを利用して施設レンタル予約を設置する

予約システムでできることできないこと

予約システムのモデルとしては、全国チェーンのりらくるの予約システムを基準に、できるできないを挙げていきたいと思います。

予約システムでできること

  • 指名なしor個人指名予約
  • お店の営業日シフト/稼働日・定休日・営業時間などの設定
  • スタッフのシフト/稼働日・休日・個々の稼働時間設定
  • 予約カレンダー表示/日・週・月・年
  • 予約カレンダー上での、予約変更・予約設定
  • 会員登録/マイページ(施術内容が確認できる)
  • 予約時間が近づくと、予約時間お知らせメールを送信(お客様宛に)
  • 最後の来店日から一定期間来店がないお客様に対し、ご機嫌伺いメールを送信
  • 予約キャンセル(お客様から)
  • 割引クーポン設定
  • インターバル設定 予約見本では、インターバル設定ができないので、代替案を提案

予約システムでできないこと

  • 男女(性別)指名
  • 複数人一括予約不可(1回1回予約が必要)
  • 個人指名料金の個々への設定

サロンブッキングシステム はもともと外国のプラグインなので、英語表示ですが、主要な機能の設定は、日本語になっております。
さらに私がGoogle翻訳でコツコツと日本語化して、99%くらい日本語化しました。(意味は大体わかると思います。)最後の方に日本語化ファイルを用意しておりますので、ご利用ください。

インストール設定

プラグイン導入・インストール設定

プラグイン導入・インストール設定
  1. 検索窓に”Salon booking system”と入力
  2. “今すぐインストール”をクリック
  3. “有効化”をクリック
検索窓に
  1. Skipボタンをクリック!
Skipボタンをクリック
  1. “始めましょう!”をクリック!

お店の設定 全般の設定

全般の設定

お店の設定 全般の設定
  1. 特記事項なし

お店の設定 予約のルール設定

予約のルール設定

お店の設定 予約のルール設定
  • ※1:ここで選択した数値の倍数が施術時間の基本分数になります。「5」に設定すれば、全ての施術時間に対応できます。理想は「15」
  • ※2:小さな文字で書いてある通り、予約の順番が変わります。チェックをしなかった場合の予約の流れを説明します。
    ①お店の最短の空き時間が表示される
    ②指名の有無を選択するページで「個人指名」or「指名なし」を選択
    ③「個人指名」を選択した場合は次のページでスタッフを選択しますが、希望のスタッフが空いていない場合は、ひとつ戻って、予約時間を変更する必要があります。
    しかし、希望のスタッフが何時に空いているか分からないので、何度も時間を変更しながら空いている時間を探さないといけません。
    ④「指名なし」を選択した場合は次のページで、「指名なし」が選択されているのを確認して、そのまま「次のステップ」ボタンを押します。
    ほかにも使いにくい箇所があるので、チェックを入れて、予約の順番を変える必要があります。
  • ※3:施術と施術の間のインターバル(準備時間)を設定しますが、※2で、チェックを入れて、順番を変更した場合、ここでの設定は無効になります。

他の設定は、大体、画像の中の説明で足りると思います

お店の設定 お会計

お会計

お店の設定 お会計
  • ※1:ここでは予約フォームの各項目の追加、必須項目の設定など、フォームに関する設定を行います。
    あまりにも入力項目が多いと、ネット予約の段階でお客様が敬遠する恐れがありますので、少ない入力項目で予約ができるようにしましょう。
    ここでしていただきたい作業は、「名」「姓」の項目を入れ替える作業です。外国仕様ということで苗字と名前が逆になっています。
    もう一つは、予約フォームの最終ページで、予約者の名前に敬称が含まれていませんのでこれを追加します。この説明枠の外(下)に、CSSを書き出しているので、コピペしてください。
  • ※2:ここでは、同時に選択できるサービス項目の「数」を決めます。
    例えば、「もみほぐし60分」にオプションの「プレミアムマットレス」を選択できる場合は、数値の設定を「2」に設定する必要があります。
    そして「主要サービスのみ」にチェックを入れましょう。
    ここにチェックが入ってないと、「同時に予約できるサービス」が「2」の場合で、予約する人がすでに2つのサービスを選択している場合には、「2次項目」が選択できなくなります。当予約見本での2次項目は「指名なし」と「個人指名」ですから、どちらも選択できない結果になります。それを回避するために「主要サービスのみ」にチェックを入れます。

お店の設定 支払い方法

支払い方法の設定

お店の設定 支払い方法
  1. 特記事項なし

お店の設定 スタイル

スタイルの設定

お店の設定 スタイル

実践編 サービスカテゴリー追加

サービスカテゴリー追加

実践編 サービスカテゴリー追加
  1. 特記事項なし

実践編 サービス追加

サービス追加

実践編 サービス追加
サービス追加
  1. 特記事項無し

実践編 スタッフ追加

スタッフ追加

実践編 スタッフ追加
実践編 スタッフ追加
実践編 スタッフ追加
  1. 特記事項無し

インターバル設定について

インターバル設定

インターバルとは、施術と次の施術の間の準備時間のことをインターバルと呼んでいます。
見本の予約ページの設定では、インターバルが無効になってしまいます。それを補うために、インターバルを確保する代替案を提案します。

インターバル設定

実際には、”指名なし”や”個人指名”には「ご利用時間」というものは無いのですが、ここで確保した15分間をインターバル時間にあてています。
インターバルを30分とる場合は、30分を選択すればよいということになります。

インターバル設定
インターバル設定
  • 「指名なし」と「個人指名」は二次項目として登録するので、二次項目にチェックを入れます。
    指名料金はご自由に設定してください。

日本語設定ファイル ダウンロード

ここでは、サロンブッキングシステムの日本語設定ファイルをダウンロードしていただけます。
もともと主要設定項目は、日本語表示になっておりますが、私がさらに、Google翻訳でコツコツと日本語変換作業をして、アップロードしました。

ダウンロードしたファイルは、レンタルサーバの、以下の場所へ入れて下さい。
wp-content/plugins/salon-booking-system/languages/salon-booking-system-ja.mo
wp-content/plugins/salon-booking-system/languages/salon-booking-system-ja.po
下のリンクに対して、”名前を付けてリンク先を保存”を選択してください。
※直接クリックしないでください!

日本語修正PHPファイルダウンロード

ここでは、予約確定時に送られてくるメールの内容を修正するphpファイルをダウンロードしていただけます。 海外のプラグインということもあり、名前に敬称がなかったり、変な日本語がありますのでそれを修正したphpファイルです。
ダウンロードしたファイルは、レンタルサーバの、以下の場所へ入れて下さい。
wp-content/plugins/salon-booking-system/views/mail/_admin_message_text.php
wp-content/plugins/salon-booking-system/views/mail/_customer_message_text.php
下のリンクに対して、”名前を付けてリンク先を保存”を選択してください。
ダウンロード後、拡張子を「.txt」から「.php」に書き換えてください。
※直接クリックしないでください!

各種設定CSS コピペ用

ここではコピペ用のCSSを書いておきます。
レイアウトが崩れる場合には、パソコン・タブレット・スマホ用の3種のCSSをコピペして利用してください。
予約システムのレイアウト周りに二重線をつけるCSS。
予約者の名前に「様」(敬称)をつけるCSS。

/* パソコン用のCSS レイアウトを整える */
@media (max-width: 5000px){
h3[class="sln-steps-name sln-service-name"] {
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 1.0em !important;
}
h3[class="sln-steps-price sln-service-price"]{
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 1.0em !important;
}
}

/* タブレットサイズ用のCSS レイアウト崩れを防ぐ */
@media (max-width: 768px){
h3[class="sln-steps-name sln-service-name"] {
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 2em !important;
	font-size: 1.0em !important;
}
h3[class="sln-steps-price sln-service-price"]{
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em -1em !important;
	font-size: 1.0em !important;
}
}

/* スマホ用のCSS レイアウト崩れを防ぐ */
@media (max-width: 574px){
h3[class="sln-steps-name sln-service-name"] {
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 0.84em !important;
}
h3[class="sln-steps-price sln-service-price"]{
	width: 100% !important;
	padding: 0em 0em 0em 0em !important;
	margin: 0em 0em 0em 0em !important;
	font-size: 0.84em !important;
}
}


/* 予約システムの周りの2重線(囲み線) */
#sln-salon {
	border: 7px double #900;	
}

/* 予約者の名前に「様」をつける */
p[class="sln-text--dark"] ::after  {
	content: " 様";
}