wordpress予約システムプラグインamelia有料版のカレンダー表示方法を動画解説!

HanamiWEBオンラインスクールでは

●バーチャル自習室でのリアルタイム質問!

●チャットで質問し放題!

●24時間学び放題のEラーニング教材!

全部ついて 2,500円/月!

wordpress予約システムプラグインamelia有料版のカレンダー表示方法を動画解説しています。



wordpress予約システムプラグインamelia有料版のカレンダー表示方法を動画解説!

予約サービスカレンダー表示設定方法(図解)

それでは、wordpress予約システムプラグインamelia有料版での予約カレンダー表示方法を図解していきます!

ブロックエディタにブロックが追加されています

ブロックエディタのブロックにameliaが追加されています。基本的にはショートコード等を入力する事無く、簡単にカレンダー設定を行う事が出来ます。

今回は【Amelia-Booking View】を選択します。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法

クラシックエディタの場合

アイコンが追加されています。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法

アイコンをクリックした後に【booking】を選択します。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法

ショートコード自動挿入

ショートコードが自動挿入されます。

[ameliabooking]

ブロックエディタから見つけられない方、クラッシックエディタから見つけられない方は上記のショートコードを貼り付けるとカレンダーを表示させる事が出来ます。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法ショートコード自動挿入

カレンダー表示

プレビューをするとサービスカレンダーが表示されている事が確認できると思います。

サービスの選択

まずはサービスを選択します。サービス設定でオプション設定をしている場合、画像のように【追加オプションを追加】という項目があります。

また、従業員登録をしている場合はこちらの画面で従業員を選択してから進みます。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法オプション設定

追加オプションを選択すると

【続行】をクリックして次のステップへ進みます。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法オプション設定

カレンダーから日付選択

営業日設定、従業員設定、googleカレンダーとの連携で予約可能な日時のみ表示されます。

先にサービスやオプション、従業員を選んでいますが、こちらの画面ではサービス変更、従業員変更、オプション変更可能です。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法日付選択

時間選択

選んだ日付で予約可能な時間帯が表示されます。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法時間選択

この時、15分刻みで予約開始時間が表示されているのですが、こちらは【設定】>【基本設定】で行った設定が反映されています。

【デフォルトの時間ステップ】に15分を設定しているので、開始時間は15分刻みで予約を受けられるようになっています。

【予約の時間枠にサービス期間を使用する】をオンにしている場合は、2時間のサービスの場合、10時~、12時~、14時~、16時~とサービスの時間時間はサービスに必要な時間分間隔があきます。

その他にも、予約の前後は15分空けるなど細かな設定も可能です。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法時間選択

必要事項を入力して予約完了

基本設定では

  • 名前
  • メールアドレス
  • 電話番号

の入力項目を設定する事が可能です。お客様は必要事項を入力して予約へ進みます。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法カスタムフィールド

有料版ではこの最後の画面で入力してもらう内容を追加できる、カスタムフィールドの追加設定も可能です。

予約システムのカスタムフィールドを自由に設定可能

決済機能に関しては、【設定】>【支払い】で設定をします。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法決済はオンサイト、paypal、stripeが設定可能

サービスを登録する時の【設定】でサービスごとに、決済機能のオンオフを選ぶ事も可能です。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法決済はオンサイト、paypal、stripeが設定可能

予約完了

素敵な予約完了画面が備わっています。予約完了と同時に、自動返信メール等が送られます。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法決済はオンサイト、paypal、stripeが設定可能

また、前日のリマインドメール、予約後のフォローアップメールまであります。

予約リマインドメール、フォローアップメールもあります

お客様のカレンダーへ予定を追加

  • Google Calendar
  • Yahoo!Calendar
  • iCal Calendar
  • Outllook Calendar

この4種類の中からお客様のカレンダーに予定を追加する事が出来ます。

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法カレンダへ予約を自動追加

設定はとても簡単で【設定】>【基本設定】の【顧客にカレンダー追加オプションを表示する】をオンにするだけです!

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法カレンダへ予約を自動追加

【オプション】特定のサービスやカテゴリーだけを表示

有料版では、特定のサービスやカテゴリーだけのカレンダーを表示させる事が出来ます。

ブロックエディタでは

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法特定のサービス、カテゴリーだけを表示させる

クラシックエディタでは

予約パラメータを事前選択にチェックを入れます

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法特定のサービス、カテゴリーだけを表示させる

ショートコードで指定をする場合は

  • [ameliabooking] 通常の予約カレンダー表示
  • [ameliabooking category=1] 表示させたいカテゴリーIDが1の場合、category=1とします
  • [ameliabooking service=1] 表示させたいサービスIDが1の場合、service=1とします
  • [ameliabooking employee=1] 表示させたい従業員IDが1の場合、employy=1とします
  • [ameliabooking location=1]表示させたい場所IDが1の場合、location=1とします

ホームページのリスキリングはお任せください!

2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!

↑クリックするとLINE公式が開きます

新着記事

SPF と DKIM と共に有効な DMARC ポリシーを併用してメールの認証設定方法
WordPressにログインできない?
【Hbook】When using Stripe you need to add a Required Country Field in the Details form. エラーの対処法
検索結果にサイト名(会社名)が表示されない
WP Rocket - WordPress Caching Plugin