【予約受付型】予約ページ設定例:サイトやメールに予約ページを埋め込みアポ獲得

サービスサイト、資料請求後のページ、メルマガ、チャットボットなどに予約ページを埋め込み、アポ獲得をする場合の予約ページの設定例をご紹介します。

 
 

もくじ

予約ページで日程調整するメリット
予約ページの作成方法と設定例
予約ページをWEBサイトに埋め込む方法

 
 

予約ページで日程調整するメリット

・お客様が予約ページからすぐに日程を確定できる
 →自動でアポを獲得!
 →お客様の温度感が高いうちに商談設定ができる!

 
 

予約ページの作成方法と設定例

商談の種類ごとや営業組織ごとに、チーム用の予約ページを作成します。
 
例)サービスごとに予約ページを作成する場合
・サービス1(担当者:Aさん、Bさん、Cさん)用のチーム用予約ページを1ページ作成
・サービス2(担当者:Dさん、Eさん、Fさん)用のチーム用予約ページを1ページ作成
 
 
 
1.調整アポ画面にログインし、「新規予約ページ作成」をクリックします。

 
 
2.「一般」メニューを設定します。

 

項目 説明と設定例
①予約ページタイトル
(必須)
予約ページ上部に表示される「アイコン」と「タイトル」になります。
「タイトル」に企業名、サービス名などを入れ、
「アイコン」に企業やサービスのアイコン画像などを設定し、
何の予約ページなのか分かりやすくしましょう。

 
▼例
[〇〇]オンライン相談のご予約フォーム
※〇〇はサービス名

②予約ページURL URLに、企業名、サービス名、用途などを入れましょう。
URLは以下構成になっており、{予約ページURL}を指定できます。
https://booking.receptionist.jp/{予約ページURL}/{時間枠}min
※英数字・ハイフン・アンダースコアのみ。255文字以内。
※他の「予約ページURL」と重複不可。
 
▼例
servicename_meeting
③説明文 予約ページのタイトル下に表示される説明文になります。
予約ページ上で、お客様にお伝えしたい内容を設定しましょう。
 
▼例
こちらは〇〇のオンライン相談予約フォームになります。 ご希望の日時をご選択くださいませ。
ご予約日時になりましたら、日程確定メール(自動返信)のZoom URLよりご参加ください。
※〇〇はサービス名
④ご案内文テンプレート ダッシュボードから予約ページURLをコピーする際に、
設定したご案内文も一緒にコピーすることができます。
 
▼例
以下の日程調整用URLより、ご都合の良い日時をご予約いただけないでしょうか。
{予約ページURL}
 
Tips予約ページURLとご案内文を一緒にコピーする方法

 
「変更を保存」をクリックします。
 
 
 

3.「会議」メニューを設定します。


 

項目 説明と設定例

①会議形態
Web会議プラットフォーム
(必須)

お客様が来訪、Web会議など、状況に合わせて会議形態を選択しましょう。
 

■会議形態
来訪:RECEPTIONIST受付システムの「受付コード」を自動発行
 (RECEPTIONIST受付システムご利用の場合のみ選択が可能)
Web会議:「Web会議URL」を自動発行
その他:「受付コード」と「Web会議URL」の自動発行なし
 
■Web会議プラットフォーム(会議形態「Web会議」を選択時のみ)
・Google Workspace連携は、Google Meet、Zoom、Webexのうち一つ
・Microsoft365連携は、Microsoft Teams、Zoom、Webexのうち一つ
・Garoon連携は、Zoom、Webexのうち一つ
※Zoom、Webexが表示されない場合は、Zoom連携Webex連携を行ってください。
 
▼例
・会議形態:Web会議
・Web会議プラットフォーム:Zoom

②時間枠
(必須)
お打ち合わせの時間を選択します。
 
▼例
30分、60分
③時間枠区切り この後設定する「営業時間」の開始時間を起点として、
「時間枠区切り」の間隔で時間枠が表示されます。
予約可能な時間枠を増やし、予約を詰め込みたい場合は、
「②時間枠」よりも短く設定しましょう。
 
時間枠60分の場合の表示される時間枠
・時間枠区切り15分:**:00開始、**:15開始、**:30開始、**:40開始
・時間枠区切り30分:**:00開始、**:30開始
・時間枠区切り60分:**:00開始

 
▼例
60分
 
Tips詳細は『「会議」項目の設定』の『③時間枠区切り』

④会議タイトル 設定した値が以下に反映されますので、分かりやすいタイトルを設定しましょう。
・予約一覧のタイトル
・連携しているカレンダー上に作成される予定名
・担当者、お客様へのメール本文内のタイトル
※お客様へのメールに添付のicsファイルには反映されません。
 
▼例
オンライン相談:{お客様の会社名}:{お客様の氏名}様
⑤公開設定 以下の公開設定に反映されます。
・連携しているカレンダー上に作成される予定
・会議形態が「来訪」の場合は、RECEPTIONIST管理画面上のアポ一覧
 
▼例
公開
⑥会議室候補一覧 予約確定時に会議室を自動予約したい場合に設定します。(最大5室まで)
選択した会議室が1つ以上空いている時間帯のみ予約が入れられます。
選択した会議室が全て埋まっている時間帯は予約が入れられなくなります。
 
▼例
テスト会議室B、テスト会議室C、テスト会議室D、テスト会議室E

 
 


 

項目 説明と設定例
⑦チーム用
(必須)
他の社員も追加するため、「チーム用」はオンにします。
 
▼例
チーム用「ON」
⑧参加ルール
(必須)
参加ルールを設定し、営業リソースを効率的に配分します。
全員が参加:「会議に参加」にチェックありのメンバー全員が参加されます
誰か一人が参加(メンバー一覧順):「会議に参加」にチェックありのメンバーが、上から順番に優先して1名参加します
誰か一人が参加(ランダム):「会議に参加」にチェックありのメンバーが、ランダムで1名参加します
さらに詳細な参加ルール:必須参加者、任意参加者、代理調整者を設定できます。任意参加者のみ、参加する人数と「優先度順」か「ランダム」かを選択できます。
 
▼例
誰か1人が参加(ランダム)
⑨メンバー
(必須)
・予約ページを管理するインサイドセールスを追加し、「会議に参加」のチェックを外します。
・商談に参加するフィールドセールスを追加し、「会議に参加」にチェックをします。
※「さらに詳細な参加ルール」の場合は、必須参加者・任意参加者が「会議に参加」し、代理調整者が「会議に参加」しません。
 
▼例
山田太郎(インサイドセールス) 「会議に参加」しない
佐藤二郎(フィールドセールス) 「会議に参加」する
鈴木三郎(フィールドセールス) 「会議に参加」する
田中花子(フィールドセールス) 「会議に参加」する

 
「変更を保存」をクリックします。
 
 
 
4.「営業時間」メニューを設定します。


 

項目 説明と設定例
①営業時間の設定
(必須)
予約を受け付ける曜日と時間を指定します。
 
▼例
月~金 09:00~18:00
②祝日の扱い 祝日は予約不可に設定できます。
 

▼例
「祝日は予約できないようにする」にチェックあり

③予約可能範囲
(必須)
予約を受け付ける曜日と時間を指定します。
・現在日時に対して何日後から何日後まで予約できるか指定
 予約ページにアクセスした日から起算して、
 最短何日後から最長何日後までの間、予定可能にするか指定ができます。
・最短営業日の何営業日後から何営業日後まで予約できるか指定
 予約ページにアクセスした日から起算して、
 最短何営業日後から最長何営業日後までの間、予定可能にするか指定ができます。
 打ち合わせ前に準備期間を確保したい場合におすすめです。
・予約可能な範囲を日付で指定
 予約可能な期間を指定ができます。
 
▼例
「最短営業日の何営業日後から何営業日後まで予約できるか指定」
最短「1日」後から予約できるようにする
最長「30日」後まで予約できるようにする

 
「変更を保存」をクリックします。
 
 
 
5.「詳細設定」メニューを設定します。


 

項目 説明と設定例
①バッファ
バッファ用カレンダー予定の自動作成
・予定の前後「〇分」は予約できないようにする
 連続商談や会議を詰め込みを防ぐことができます。
・確定予約の前に「〇分」のバッファ用予定作成
・確定予約の後に「〇分」のバッファ用予定作成

 予約の前後に他の予定を入れられないよう、
 カレンダー上にバッファ予定を自動作成します。
 

▼例
予定の前後「15分」は予約できないようにする

②空き時間判定キーワード カレンダー上で作業時間を確保しているが予約を入れてもいい場合は、
「空き時間判定キーワード」を設定し、
そのキーワードをカレンダーの予定タイトルの先頭に追加しましょう。
その予定は空き時間として判定されます。
 

▼例
★、[調整可]、[予約可]

③お客様側での日程変更・キャンセル お客様への予約確定メールに
「アポイントメントの変更、キャンセル」ボタンが表示され、
お客様が予約をキャンセルできるようになります。
直接キャンセルのご連絡いただきたい場合は「無効」にします。
 

▼例
無効

 
「変更を保存」をクリックします。
 
 
 
6.「フィールド設定」メニューを設定します。


 

項目 説明と設定例
フィールド一覧 予約フォームに表示させるフィールドを設定します。
事前に確認したい事項を追加しましょう。
商談の機会を設定することを優先する場合は、
離脱されないよう、項目は少なめにしましょう。
 

▼例
・電話番号(テキストフィールド、必須)
・相談したいこと(テキストエリア、任意)
・個人情報保護方針同意(「自社の個人情報保護方針に同意させる」にチェックあり)

 
「変更を保存」をクリックします。
 
 
 
7.「予約完了文」メニューを設定します。

 

項目 説明と設定例
任意の文章を表示する 予約ページの予約完了画面に表示させる文章を設定します。

 

▼例

ご予約いただき、誠にありがとうございます。
日程確定メール(自動送信)の内容をご確認ください。
メールが見当たらない場合は、〇〇までご連絡ください。

 
「変更を保存」をクリックします。
 
 
 
8.Slack、Chatwork、Microsof Teams、Google Chatのいずれかをお使いの場合のみ「社内チャット」メニューを設定します。


 

項目 説明と設定例
チャット通知 予約があった際にチャンネル、チャネル、スペースで通知を受け取ることができます。
事前に『チャット通知の事前設定』が必要です。

 

▼例
・有効にする:チェックあり
・通知先チャット:Slack
・通知先channel名:指定のチャンネルに通知する、test

 
「変更を保存」をクリックします。
 
 
 
9.「お客様へのメール」メニューの「予約完了メール」を設定します。

( 画像をクリックすると拡大表示します )

( 画像をクリックすると拡大表示します )

 

項目 説明と設定例
お客様へのメールの件名 予約確定時にお客様に送付される予約確定メールの件名を設定します。

 

▼例
[{自社の会社名}]オンライン相談の日程が確定しました[調整アポ]

お客様へのメールのリード文 予約確定時にお客様に送付される予約確定メールのリード文を設定します。

 

▼例
オンライン相談をご予約いただき、ありがとうございます。
以下予約内容をご確認いただけますと幸いです。
※本メールは送信専用です

 
「変更を保存」をクリックします。

 
 
 
10.「お客様へのメール」メニューの「リマインドメール」を設定します。

( 画像をクリックすると拡大表示します )

( 画像をクリックすると拡大表示します )

 

項目 説明と設定例
メール送信有無 お客様と担当者の両方にリマインドメールを送付するか選択します。
 
▼例
「リマインドメールを送る」にチェックあり
メール送信時間 リマインドメールの送付時間を設定します。
 
▼例
当日の7:00
お客様へのメールの件名 お客様に送付されるリマインドメールの件名を設定します。
 
▼例
[{自社の会社名}]本日のオンライン相談のリマインド[調整アポ]
お客様へのメールのリード文 お客様に送付されるリマインドメールのリード文を設定します。

 

▼例
ご予約いただきましたオンライン相談が当日となりましたので、
再度ご連絡させていただきます。
※本メールは配信専用です

 
「変更を保存」をクリックします。
 
 
 

11.「お客様へのメール」メニューの「共通項目のカスタマイズ」を設定します。

 

項目 説明と設定例
お客様へのご案内 お客様への予約確定メール・リマインドメールに記載される「お客様へのご案内」を設定します。
未設定の場合は、メールに「お客様へのご案内」の項目自体が表示されません。
 
▼例
ご予約いただき、誠にありがとうございます。
ご予約のお時間になりましたら、WEB会議URLからご入室ください。
担当者 お客様への予約確定メール・リマインドメールに記載される「担当者」を設定します。
 
▼例
{自社の会社名}
{自社の担当者全員の氏名}
ご連絡先 お客様への予約確定メール・リマインドメールに記載される「ご連絡先」を設定します。
 
▼例
ご予約に関するお問い合わせは下記までお願いいたします。
******@***.co.jp
ロゴ お客様への予約確定メール・リマインドメールのヘッダー・フッターのロゴ画像を設定します。
・推奨サイズ:横250px縦100px(サイズ外の画像はリサイズされます)
・容量:5MBまで
・拡張子:JPEG、JPG、GIF、BMP
Checkプレミアムプランのみの機能になります。
 

▼例

 
「変更を保存」をクリックします。

 
 
12.エンタープライズプラン以上の場合は、Salesforceと連携し、予約確定時に以下が可能です。
・新規のお客様として、リードを新規作成
・既存のお客様として、既存のリードまたは取引先責任者に行動を新規作成
 
さらにプレミアムプランでは以下も可能です。
・【予約フォームの入力フィールド】と【Salesforce上のフィールド】の連携
(予約フォームに入力された値を、対応するSalesforceのリードのフィールドに保存)
 
ご希望の場合は、『Salesforce連携方法』にそって設定してください。
 
 
 
以上で設定は完了です。
早速予約ページから予約を試してみましょう。
Tips予約ページURLをコピーし、お客様にお渡しする方法

 
 
 

予約ページをWEBサイトに埋め込む方法

1.「一般」メニューの「埋め込みコード」の「コードをコピー」をクリックします。

 

 
2.コピーした値をメモ帳等に張り付けます。
コード内の「/**min」が「会議」メニューでチェックをつけた時間枠になっているかご確認ください。
複数の「時間枠」にチェックをつけた場合、ご希望の異なる方の時間枠になってることがあります。その場合は「/**min」の箇所を書き換えてください。
 

レスポンシブに対応させる場合

以下のように設定してください。

<iframe width="100%" height="500px" style="overflow:scroll;"src="https://booking.receptionist.jp/******/**min" /></iframe>

※「height=”500px”」の数値で高さを変更できます。