面談予約画面設定の詳細

面談予約画面の見た目や挙動を制御する設定です。表示モード、位置、タイトル文言、電話リクエスト設定など、様々な要素をカスタマイズできます。

面談予約画面設定とは

面談予約画面設定とは、ウェブサイトに表示される面談予約画面(モーダル)の見た目や挙動を制御する機能です。表示モード、位置、タイトル文言、電話リクエスト設定など、様々な要素をカスタマイズして、訪問者に最適な予約体験を提供できます。 設定は面談タイプごとに紐づけることができ、用途に応じて異なる表示設定を適用できます。複数設定を面談タイプに紐づけることで、A/Bテストが可能です。

面談予約画面設定でできること

機能
説明

基本設定

面談予約画面設定名の設定(最大100文字)

面談詳細設定

アイコン、カバー画像、説明文の表示設定

表示設定

PC・スマホでの表示モード(モーダル、ポップアップ、最小化)、表示位置、描画タイミングを設定

表示パターン設定

初期表示画面(4日程、全日程、電話リクエスト)を選択

タイトル設定

4日程表示、全日程表示、電話リクエスト画面のタイトル文言を設定(テンプレートタグ対応)

電話リクエスト設定

電話リクエストボタンの文言と完了画面の文言を設定

予約確認画面設定

予約確認ダイアログの表示/非表示を設定

予約完了画面設定

予約完了時に表示される文言を設定

面談前アンケート設定

外部アンケートサイトへのリンクと文言を設定

プレビュー機能

面談タイプを選択して設定内容をリアルタイムで確認

複数設定の管理

複数の設定を作成し、面談タイプに紐づけてランダム選択

面談予約画面設定の作成・編集

基本的な流れ

  1. 管理画面から「面談予約画面設定」メニューを選択

  2. 新規作成または既存設定を選択・編集

  3. 各種設定を行い保存

  4. 「予約画面プレビュー」で確認

  5. 面談タイプ設定で該当設定を選択

デモ動画を見る:https://app.storylane.io/share/2j8qyhw02mkmarrow-up-right

spinner

設定項目詳細

基本設定

面談予約画面設定名

  • この設定の識別名

  • 最大100文字まで入力可能

  • 必須項目

面談詳細を表示

  • チェックボックスで面談詳細(アイコン・カバー画像・説明文)の表示/非表示を設定

アイコン画像を表示

  • チェックボックスでアイコン画像の表示/非表示を設定

アイコン

  • 面談のアイコン画像

  • 推奨サイズ:400px×400px(正方形)

  • 推奨フォーマット:PNG、JPEG

  • ファイルサイズ:1MB以下推奨

カバー画像を表示

  • チェックボックスでカバー画像の表示/非表示を設定

カバー画像

  • 面談のカバー画像

  • 推奨サイズ:828px×240px(横長)

  • 推奨フォーマット:PNG、JPEG

  • ファイルサイズ:1MB以下推奨

  • 表示される際は下部の80pxが隠れる領域になります

カバー画像の仕様

説明文

  • 面談の説明文

  • 最大250文字まで入力可能

タイトル設定

4日程

  • 4日程表示画面のタイトル文言を設定

  • デフォルト値:「都合の良い日程をご指定ください」

  • 最大255文字まで入力可能

  • テンプレートタグを使用して動的な内容を挿入可能

全日程

  • 全日程表示画面のタイトル文言を設定

  • デフォルト値:「都合の良い日程をご指定ください」

  • 最大255文字まで入力可能

  • テンプレートタグを使用して動的な内容を挿入可能

全日程表示画面の例

電話リクエスト

  • 電話リクエスト画面のタイトル文言を設定

  • デフォルト値:「ミーティングが1分で予約できます」

  • 最大255文字まで入力可能

  • テンプレートタグを使用して動的な内容を挿入可能

電話リクエスト画面の例

表示設定

表示モード(PC)

  • モーダル: 画面中央にポップアップ表示される標準的なモーダル形式。背景が暗くなり、モーダルが前面に表示されます

  • ポップアップ: 画面端に表示される小さなポップアップ形式。ページ内容を遮らずに表示されます

  • 最小化: 最小化された状態で表示される形式。クリックで展開できるコンパクトな表示です

ポップアップ表示モード
最小化表示モード

「ポップアップ」「最小化」の表示位置(PC)

  • : 画面右端に表示

  • : 画面左端に表示

  • ※モーダル表示モードの場合は位置設定は適用されません

表示モード(スマホ)

  • 全画面: スマートフォンで全画面表示

  • 最小化: スマートフォンで最小化表示

描画リードタイム

  • 画面表示までの遅延時間をミリ秒で設定

  • デフォルト値:0ミリ秒(即座に表示)

  • 1000ミリ秒 = 1秒

  • 例:3秒後に表示する場合は「3000」と入力

  • 0を設定すると即座に表示

表示パターン

  • 4日程: 4日程表示画面を初期表示

  • 全日程: 全日程表示画面を初期表示

  • 電話リクエスト: 電話リクエスト画面を初期表示

  • 選択した表示モードに応じてプレビュー画像が変更される

電話リクエスト設定

※「表示パターン」が「電話リクエスト」の場合のみ反映されます。

ボタン文言

  • 電話リクエストボタンに表示される文言

  • デフォルト値:「いま電話して欲しい」

  • 最大255文字まで入力可能

  • テンプレートタグを使用して動的な内容を挿入可能

完了画面文言

  • 電話リクエスト完了時に表示される文言

  • デフォルト値:「担当よりお電話します!」

  • 最大255文字まで入力可能

  • テンプレートタグを使用して動的な内容を挿入可能

予約確認画面設定

予約確認画面(ダイアログ)を表示

  • チェックボックスで予約確認ダイアログの表示/非表示を設定

  • 有効にすると、予約前に確認画面が表示される

確認ダイアログ

予約完了画面設定

予約完了文言

  • 面談予約完了時に表示される文言

  • デフォルト値:「メールで詳細をお送りしました!」

  • 最大255文字まで入力可能

  • テンプレートタグを使用して動的な内容を挿入可能

面談前アンケート(外部設定)

URL

  • 外部アンケートサイトのURL

  • 有効なURL形式で入力する必要があります

文言

  • アンケートリンクに表示される文言

  • 最大255文字まで入力可能

  • テンプレートタグを使用して動的な内容を挿入可能

外部アンケート設定画面

※URLと文言が未入力の場合、面談前アンケート(外部設定)は表示されません。 ※URLと文言は片方だけ設定することはできません。両方設定するか、両方とも未設定にする必要があります。

テンプレートタグ機能

各文言設定では、テンプレートタグを使用して動的な内容を挿入できます。以下のタグが利用可能です:

タグ
説明

{自社企業名}

自社の企業名が挿入されます

{お客様氏名}

お客様の氏名が挿入されます

{お客様企業名}

お客様の企業名が挿入されます

{お客様電話番号}

お客様の電話番号が挿入されます

{お客様メールアドレス}

お客様のメールアドレスが挿入されます

{会議手段}

設定された会議手段(Zoom、Google Meet等)が挿入されます

{プロパティ_(プロパティ名)}

カスタムプロパティの値が挿入されます

使用例

  • 「{お客様氏名}様、{自社企業名}との面談日程をお選びください」

  • 「{お客様企業名}様向けの{会議手段}面談を予約いたします」

プレビュー機能

設定内容は「予約画面プレビュー」ボタンで確認できます。プレビューを表示する前に、面談タイプを選択することで、その面談タイプの設定が反映されたプレビューを確認できます。

プレビューの使い方

  1. 面談タイプ選択ドロップダウンから、プレビューで確認したい面談タイプを選択します

  2. 「予約画面プレビュー」ボタンをクリックします

  3. 新しいタブでプレビュー画面が開きます

重要な注意事項

  • 「予約画面プレビュー」は「保存する」ボタンで更新後でないと、反映されません

  • プレビューを確認する前に、必ず設定を保存してください

  • プレビューは新しいタブで開かれます

  • 選択した面談タイプの設定(会議手段、時間設定、営業日など)がプレビューに反映されます

  • 面談タイプを選択しない場合、プレビューボタンは無効化されます

デフォルト表示について

面談予約画面設定を作成・設定しない場合、以下のデフォルト表示となります:

  • 表示画面: 4日程表示画面

  • タイトル: 「都合の良い日程をご指定ください」

  • 表示モード: モーダル(PC)、全画面(スマホ)

  • 描画リードタイム: 1000ミリ秒(1秒)

面談タイプとの紐づけ

面談予約画面設定は面談タイプ設定の「予約設定」画面で選択できます。面談タイプごとに異なる面談予約画面設定を適用することで、用途に応じた最適な予約体験を提供できます。

面談タイプとの紐づけ設定
面談タイプ一覧での表示

複数設定の扱い(A/Bテスト機能)

  • 複数の設定を面談タイプに紐付けると、ランダムで選択されます

  • 顧客がアクセスするたびに異なる表示パターンを提供可能

  • 効果測定やA/Bテストに活用できます

A/Bテスト設定例

設定のコピー機能

既存の設定をコピーして新しい設定を作成できます。類似した設定を効率的に作成する際に便利です。

よくある質問

Q: プレビューで面談タイプを選択する必要がありますか? A: はい。プレビューを正確に確認するために、面談タイプの選択が必要です。選択した面談タイプの設定(会議手段、時間設定、営業日など)がプレビューに反映されます。面談タイプを選択しない場合、プレビューボタンは無効化されます。

Q: 設定を変更したのにプレビューに反映されません A: プレビューには保存済みの設定のみ反映されます。「保存」ボタンを押してから「予約画面プレビュー」をご確認ください。

Q: 表示位置の設定が反映されません A: 表示位置の設定は「ポップアップ」または「最小化」表示モードの場合のみ適用されます。「モーダル」表示モードでは画面中央に表示されるため、位置設定は無効です。

Q: スマホとPCで異なる設定はできますか? A: はい。PC用とスマホ用で別々の表示モード設定が可能です。PCでは「モーダル」「ポップアップ」「最小化」から、スマホでは「全画面」「最小化」から選択できます。

Q: 複数の面談予約画面設定を同じ面談タイプに設定するとどうなりますか? A: 複数の設定を面談タイプに紐付けると、顧客がアクセスするたびにランダムで選択されます。これにより、異なる表示パターンでのA/Bテストが可能です。

Q: 電話リクエスト設定はいつ反映されますか? A: 電話リクエスト設定は「表示パターン」が「電話リクエスト」の場合のみ反映されます。他の表示パターンでは電話リクエスト設定は使用されません。

Q: 設定を何も作成しない場合はどうなりますか? A: デフォルトの4日程表示画面が表示され、タイトルは「ご都合の良い日程を選択して下さい」となります。基本的な予約機能は問題なく動作します。

最終更新

役に立ちましたか?