Loading
この記事では、カレンダーをファネルページに直接追加して、顧客が無料のイベントや無料相談を予約できるようにする方法について説明します。
必要なもの：
- systeme.ioアカウント
- ファネルページ（オプトインページを作成する方法）
- カレンダーイベント（カレンダーイベントを設定する方法）
1. ページエディターを開く
ファネルに移動し、予約カレンダーを追加するページの「ページを編集する」（1）をクリックして、エディターを開きます。
2. カレンダー要素を追加する
エディターの左側パネルで、「カレンダー」（2）要素まで下にスクロールします。その要素をページ上に直接ドラッグ＆ドロップします。
3. カレンダーの設定を行う
ページ上に配置したカレンダー要素をクリックします。画面左側に設定メニューが表示されます。
「イベント」ドロップダウン（3）には、作成済みのすべてのイベントが一覧表示されます。イベントの作成方法については、こちらをクリックしてください。
予約用に表示するイベントを選択します。
注：アカウントで作成したイベントが1つのみの場合は、そのイベントがデフォルトで自動的に選択されます。
4. 3つのステップの予約プロセス
カレンダー要素を追加すると、訪問者向けのスムーズな3ステップの予約プロセスが自動的に作成されます。
a. カレンダー（1）
訪問者は、予約可能な日付を確認し、都合のよい時間枠を選択できます。
左側のパネルから、各ステップについて以下の設定をカスタマイズできます：
- 見出し（2）：予約ステップのメインタイトル
- 小見出し（3）：補足となる案内テキスト
- 次へ進むボタンのテキスト（4）：「次のステップ」ボタンに表示されるテキスト
- 時刻表示形式（5）：時刻の表示形式（12時間形式／24時間形式）
b. フォーム（1）
予約者が時間を選択すると、予約を確定するために、名前やメールアドレスなどの連絡先情報を入力するよう求められます。
左側のパネルから、以下の設定をカスタマイズできます：
- 見出し（2）：予約ステップのメインタイトル
- 小見出し（3）：補足となる案内テキスト
- フォーム送信ボタンのテキスト（4）：「送信」ボタンに表示されるテキスト
さらに、訪問者が回答するカスタム質問を追加できます：
青いボックス（5）をクリックし、回答を必須にする場合は「必須」（6）にチェックを入れます。
注：
- すでに表示されている項目以外のフォーム項目も追加できます。
- カレンダー内のフォント設定（種類、サイズ）は、ページのデフォルトのタイポグラフィ設定に連動します。
c. サンキュー（1）
フォームを送信すると、ミーティングの詳細が表示された確認画面が自動的に表示されます。
左側のパネルから、以下の設定をカスタマイズできます：
- 小見出し（2）：補足となる案内テキスト。
- リダイレクトアクション（3）：予約後の訪問者を以下のいずれかにリダイレクトするよう設定できます：
- ファネルの次のステップへ
- 任意のカスタムURLへ
- リダイレクトなし（確認画面にそのまま留まります）
カレンダーの設定が完了したら、ページを閉じる前に、エディターの右上にある「保存」ボタンを忘れずにクリックしてください。
5. 通知メール：
主催者と招待者の両方に、各予約について3通の通知メールが送信されます：
- 予約確認：予約が正常に完了したことを知らせるため、両者にすぐに送信されます。
- リマインダーメール：イベントに設定したリマインダースケジュールに基づいて自動的に送信されます。（デフォルトでは、リマインダーはイベント開始の24時間前と1時間前に送信されますが、イベント設定で自由にカスタマイズまたは削除できます）。
予約の管理と確認方法について詳しくは、こちらのヘルプページをご覧ください： カレンダー予約の管理方法