# 共有可能な予約ページ すべてのイベントタイプに独自の公開予約ページを作成できます。誰でもリンクを開いて時間を予約でき、アカウントを作成したり、事前にメッセージを送ったりする必要はありません。 Webサイトの「**今すぐ予約**」ボタン、Instagramのプロフィール、メールの署名、チラシのQRコード、あるいはチャットに貼り付けて使用できます。リンクを開いた人は、あなたのリアルタイムの空き状況を確認し、そのままカレンダーに予約を入れることができます。 **対象となるケース：** - サイトに「予約する」ボタンを設置した**ヘアサロン**。 - すべてのメールに予約リンクを記載する**コーチやコンサルタント**。 - 受付にQRコードを置いている**クリニック**。 - 誘導先ページを必要とする広告を運用しているすべての方。 **このページの特徴:** 訪問者はカレンダーを見る**前**に、名前とメールアドレスまたは電話番号を入力します。つまり、ページを開いて詳細を入力した後に予約を完了せずに離脱した人でも、連絡先として保存されるため、後からフォローアップが可能です。通常の予約ページでは、そのような人はそのまま失われてしまいます。以下の「[すべての訪問者が連絡先になる](#every-visitor-becomes-a-contact)」を参照してください。 --- ## ページの有効化 予約ページはスイッチをオンにするまでオフの状態であるため、誤ってイベントタイプが公開されることはありません。 1. サイドバーの **Appointments**（予約）をクリックし、**Event Types**（イベントタイプ）タブを開きます。 2. イベントタイプの行の右端にある鉛筆アイコンをクリックします（または **Create event type**（イベントタイプを作成）をクリックして新規作成します）。 3. フォームの一番下までスクロールし、**Booking page**（予約ページ）セクションを表示します。 4. **Shareable booking page**（共有可能な予約ページ）をオンにします。**Link name**（リンク名）フィールドと完成したリンクが表示されます。 5. **Save event**（イベントを保存）または **Create event**（イベントを作成）をクリックします。イベントタイプが保存された時点で、リンクが有効になります。 ::: tip **ヒント:** まず、顧客にとって分かりやすいイベント名を設定してください。設定した名前がページ上の見出しとして表示されるため、「Consult v2」よりも「30分間の無料戦略コンサルティング」のような名前の方が効果的です。 ::: ### リンク名（リンクの末尾） リンクは、アプリの通常のWebアドレスの後に、選択した**リンク名**が続く形式になります（例: `.../book/salon-cut-30`）。ページを初めてオンにすると、短いランダムな末尾が自動的に入力されます。声に出して読み上げても問題ない名前に変更してください。 いくつかのルール: - 小文字の英字、数字、ハイフンのみを使用し、3文字から60文字の間で設定してください。入力中に大文字やスペースは削除されるため、機能しない末尾を保存することはできません。 - 一意である必要があります。選択した末尾がすでに他の誰かに使用されている場合、保存時に「そのリンク名は既に使用されています。別の名前を選択してください。」と表示されます。別の名前を選択して再度保存してください。 - **後から変更すると古いリンクは無効になります。** 古い末尾を指定していたリンクはすべて機能しなくなるため、印刷物などに記載する前に確定させてください。 --- ## リンクの共有 **予約ページ**セクションでは、ページを共有するための3つの方法を提供しています。 - **リンクをコピー**: クリップボードにリンクをコピーします。「今すぐ予約」ボタンの背後や、メール、プロフィール、広告、メッセージなどに貼り付けて使用できます。 - **QRコードを表示**: 同じリンクをQRコードに変換します。チラシや名刺、店舗の窓、テーブルサインなどに印刷できます。 - **ウェブサイトに埋め込む**: カレンダー自体を自身のウェブサイトのページに表示するための短いコードを提供します。これにより、訪問者はサイトを離れることなく予約できます。以下の[ウェブサイトへのカレンダーの埋め込み](#embedding-the-calendar-on-your-website)を参照してください。 リンクはアプリに使用しているWebアドレスに基づいて作成されるため、独自のブランドドメインで作業している場合、リンクにもそのドメインが反映されます。追加の設定は不要です。（[ホワイトラベル](../agency/white-labeling.md)でブランド化された `api.` アドレスも確認済みであれば、ページはそのアドレス経由で読み込まれます。確認済みでない場合は、自動的に当社の中立的な共有アドレスにフォールバックされます。） --- ## ウェブサイトへのカレンダーの埋め込み ユーザーを別のリンクへ誘導するのではなく、**自身のページ上で**カレンダーを表示したい場合は、埋め込み機能を使用します。 1. イベントタイプを開き、上記と同様に**予約ページ**セクションまでスクロールします。 2. **ウェブサイトに埋め込む**をクリックします。埋め込みコードが表示されます。 3. **コードをコピー**をクリックし、ウェブサイトのHTML内のカレンダーを表示したい場所に貼り付けます。ほとんどのウェブサイトビルダー（WordPress、Wix、Squarespace、Webflowなど）には、これを行うための「HTML」または「カスタムコード」ブロックが用意されています。 以上です。埋め込まれたカレンダーは、予約ページをフレーム内に表示するものです。手順やリアルタイムの空き状況は同じであり、予約を完了したかどうかにかかわらず、詳細を入力したすべてのユーザーが連絡先として登録されます。 **知っておくべきこと:** - **自動サイズ調整機能**: コピーしたコードには、カレンダーの内容（時間グリッドは確認画面よりも縦長です）に合わせて自動的に拡大・縮小する機能が含まれているため、高さを調整する必要はありません。 - **チャットウィジェットとの併用**: 同じページで[チャットウィジェット](../get-started/chat-widget.md)も使用している場合、カレンダーはページ内に、チャットの吹き出しは隅に、それぞれ問題なく共存します。 - **複数回の埋め込みが可能**: 同じコードを複数のページに配置しても問題ありません。また、異なるイベントタイプのカレンダーを1つのページに配置することも可能で、各フレームは個別にリサイズされます。 - **リンク名の変更は埋め込みにも影響します**: コードはリンク先を参照しているため、同じ警告が適用されます。コードを貼り付ける前にリンク名を確定させてください。 - **ページをオフにすると埋め込みもオフになります**: その場合、フレームにはリンク先と同様の「現在予約を受け付けていません」という通知が表示されます。 --- ## 訪問者への表示内容 このページは、予約リンクをスマートフォンでタップする人が多いため、モバイルファーストで構築されています。以下の3つの短いステップで構成されています。 **ステップ1：本人確認。** 名前と、メールアドレスまたは電話番号を入力します。どちらか一方で十分ですが、両方あるとより確実です。このステップこそがこのページを利用する価値であり、詳細は以下で説明します。 **ステップ2：日時の選択。** 日付を選択し、次に時間を選択します。時間は**訪問者のタイムゾーンに合わせて**表示され、「時間は...で表示されています」という注釈が付くため混乱が生じません。また、表示される空き状況は、AIが予約を受け付ける条件（週の営業時間、予約受付期間、予約可能期間、部屋の空き状況、同期されたGoogleカレンダーの予定など）と完全に一致しています。これらの設定方法については、「[予約システム](booking-system.md)」を参照してください。 **特定の担当者を指名して予約する。** イベントタイプ内のルームに人名（理容師、医師、スタイリストなど）が付けられている場合、ページの時間選択の上に「**予約担当者**」の行が表示されます。ここには「**誰でも**」という選択肢と、担当者ごとのチップが表示されます。「**誰でも**」を選択すると、空いているすべての時間が表示され、予約は空いている担当者に割り当てられます（従来の動作と同じです）。特定の担当者をタップすると、その担当者の空き時間のみが表示され、その担当者で予約が確定します。ルーム名が一般的な名称であるイベントタイプには、このような行は表示されません。AIがチャットでこれらの名前をどのように使用するかについては、「[特定の担当者を指名して予約する](booking-system.md#booking-with-a-specific-person)」を参照してください。 **ステップ3：確認。** 予約内容の短い概要が表示されます。そのイベントタイプで「**連絡先に予約メールを送信**」がオンになっている場合（デフォルトでオン）、通常の確認メールも送信されます。 同じ時間を2人が同時に予約することはできません。表示されてから確定されるまでの数秒の間に他の誰かがその枠を予約した場合、ページにはその旨が表示され、二重予約を未然に防ぎつつ、現在空いている時間が提示されます。 あなた側から見ると、ここで作成された予約は通常の予約と同じ扱いになります。「**今後の予定**」タブに表示され、Googleカレンダーを連携していれば同期され、他の予約と同様に通知が届きます。 --- ## すべての訪問者が連絡先として保存される 詳細情報の入力が最初に行われるため、このページでは、通常であれば接点を持てなかった人々の情報を保存できます。 - ステップ1を完了した瞬間に、入力された名前と詳細情報が**連絡先として保存**され、**booking-page-lead**というタグが付けられます。 - すでに同じメールアドレスや電話番号の連絡先が存在する場合は、新しい連絡先を作成せず、既存の連絡先が更新されます。空欄のみが埋められるため、既存の情報が上書きされることはありません。 - 予約が完了すると、**booking-page-booked**というタグも追加されます。 この2つのタグの組み合わせが、活用の鍵となります。 | 連絡先の状態 | 意味 | |---|---| | **booking-page-lead** と **booking-page-booked** | 予約済み。対応不要です。 | | **booking-page-lead** のみ（**booking-page-booked**なし） | 予約を開始したが、日時を選択しなかった人。これが予約放棄リストになります。 | どちらのタグも通常のタグリストに表示されるため、他のタグと同様に連絡先をフィルタリングできます（「[タグを使用して連絡先にラベルを付ける](../get-started/creating-tags.md)」を参照）。 --- ## レシピ：予約放棄者へのフォローアップ 名前とメールアドレスを入力した後にタブを閉じてしまったユーザーは、何らかの理由で中断してしまった見込み客です。1時間後にメールを送信するシンプルな自動化設定をご紹介します。ビルダーそのものについては[自動化](../automations/automations.md)をご覧ください。 1. **自動化**を開き、新しい自動化を作成します。プロンプトボックスに平易な英語で内容を入力して作成するのが最も早い方法ですが、最終的な構成は以下のようになります。 2. トリガーを**連絡先が更新された**に設定し、フィールドを**タグ**に設定します。これにより、連絡先のタグが変更されるたびに実行されます。 3. **条件**ステップを追加します：連絡先が**booking-page-lead**タグを持ち、かつ**booking-page-booked**タグを持って**いない**場合のみ続行するように設定します。 4. 1時間程度の**遅延**ステップを追加します。これにより、予約時間の選択に時間がかかっているだけのユーザーが、先に予約を完了させる猶予を与えられます。 5. 遅延の後に再度**条件**ステップを追加し、同じ内容を確認します。その1時間の間に予約を完了していれば、そのユーザーは**booking-page-booked**タグを持っているはずなので、自動化はそこで停止し、すでに予約済みの顧客に催促メールを送ることを防げます。 6. メール送信ステップ（Gmail、または独自のメールサーバーを使用する場合は**メール（メールサーバー）**）を追加し、短く親しみやすいメッセージを入力します。「予約の途中だったようですね。まだ予約をご希望でしたら、こちらのリンクからどうぞ。」といった内容で、予約リンクを貼り付けます。 7. 保存し、**有効**スイッチをオンにします。 **作成前に知っておくべきこと：** - **メールはすぐに機能します。** 相手がメールアドレスを残していれば、スイッチをオンにしたその日から実行されます。 - **WhatsAppやSMSは異なります。** 予約ページから来たユーザーとはまだ会話が始まっていないため、メッセージングチャネルの仕様上、現時点ではこの自動化でチャットによるフォローアップを行うことはできません。まずはメールを利用してください。 - **全員がメールアドレスを残すわけではありません。** 予約ページでは電話番号のみでも受け付け可能なため、条件を追加するか、電話番号のみのリードは手動で連絡する必要があることをあらかじめ理解しておいてください。 --- ## ページのオフと削除 - **イベントタイプでページをオフにする**と、そのリンクでの予約受付が停止します。ページを開いたユーザーには、現在予約を受け付けていない旨が表示されます。リンク名は保持されるため、後で再度オンにすれば**全く同じリンク**が復活し、そのリンク先を指定していたすべての「今すぐ予約」ボタンが再び機能するようになります。 - **イベントタイプを削除する**と、そのページも完全に削除されます。リンク名は解放され、他の誰かがそのリンク名を使用できるようになるため、そのリンクを完全に不要になった場合のみ削除してください。 --- ## 知っておくべきこと - 各イベントタイプにつき**1つ**のページが作成されます。3つのサービスを提供している場合は、3つのイベントタイプを作成し、3つのリンクを共有してください。 - ページにはイベント名、所要時間、場所、およびブランド情報が表示されます。アカウントに関するその他の情報は訪問者には表示されません。 - ページはリンクを知っている誰でも開くことができます。公開リストには載りませんが、秘密のページというわけでもないため、他の共有リンクと同様に扱ってください。 - **現時点での制限事項：** 確認メールには再スケジュールやキャンセルのリンク、カレンダー追加用のファイルは含まれません。また、ページ自体で独自の質問を追加することもできません。詳細情報を収集したい場合は、AIが質問を行えるチャット経由での予約をご利用ください（[予約中に詳細情報を収集する](booking-system.md#collecting-extra-information-during-booking)を参照）。 --- ## ヘルプが必要ですか？ If you have questions about the booking page, reach out via our [email support](mailto:hi@youraiconnector.com).