予約フォームのウィジェットの埋め込みコードは、管理サイトから生成することができます。
埋め込みコードの生成では、予約フォームのアクセントカラーや予約フォームに表示する注記、利用規約のリンクを指定できます。
設定手順
ウィジェットの埋め込みコードの生成は、以下の手順で行います。
- 管理サイトのサイドバーから[運営]>[ウィジェット]を選択し、ウィジェットの一覧画面で[新規登録]をクリックしてウィジェット画面を表示します。
- [コード]に、ウィジェットを識別するためのコードを入力します。
- [名称]に、ウィジェット名を入力します。
- [アクセントカラー]に予約フォームのアクセントカラーを設定します。
カラーコードを入力するか、カラーピッカー上で目的の色をクリックすると、設定できます。 - [注記]、[利用規約]に、予約フォームに表示する注記と、利用規約やプライバシーポリシーのテキスト、リンクを設定します(「詳細設定」を参照)。
初期設定されているテキストを運用に合わせて修正してください。
[利用規約]に初期設定されているaタグには、予約にあたりお客さまに同意いただく内容が記載されたページへのリンクを設定します。
テキストの段落を追加する場合は、[段落追加]ボタンをクリックします。
段落の順番を変更する場合、上に移動する場合は[↑]を、下に移動する場合は[↓]をクリックします。
段落を削除する場合は、[×]をクリックします。 - [保存]をクリックします。
- [生成する]をクリックします。
- 予約フォームで選択可能にする店舗や表示内容について指定します(「埋め込みコード生成」を参照)。
指定内容に応じて、[埋め込みコード]のコードが変わります。 - [コードをコピー]をクリックします。
予約フォームのウィジェットの埋め込みコードがコピーされます。 - 予約フォームを設置するページのソースコードに、手順9でコピーしたコードを埋め込みます。
- 予約フォームが意図した表示になっているかや、設定どおりの動作でトライアルの自由枠予約のプログラムを予約できるかを確認します。
次の設定は? メールテンプレートを設定します(「メールテンプレートを設定する(ウィジェット向け)」を参照)。
設定項目
基本設定
項目 | 説明 |
コード(必須) | ウィジェットを識別するためのコード。 半角英数字で入力します。 初期値のコードをそのまま使用できます。必要に応じて変更してください。 メンバーサイトには表示されません。 |
名称(必須) | ウィジェット 名。 メンバーサイトには表示されません。 |
ウィジェットタイプ(必須) | ウィジェットタイプ。 「自由枠トライアル予約」が自動的に設定されます。 |
詳細設定
項目 | 説明 |
アクセントカラー | 予約スケジュール表上で選択された時間枠、予約ボタンの背景色(下記Noteの①)。 |
注記 | 予約フォームに表示する注記のテキスト(下記Noteの②)。 初期設定されている内容を運用に合わせて、修正、追加、または削除してください。 |
利用規約 | 予約にあたりお客さまに同意いただく内容が記載されたページへのリンクと、同意いただける場合にチェックを入れるためのチェックボックス(下記Noteの③)。 初期設定されている内容を運用に合わせて、修正、追加、または削除してください。 aタグのhrefに、利用規約やプライバシーポリシーなどが記載されたページへのリンクを設定します。 |
Note:設定した情報は、予約フォームに下図のように表示されます。
埋め込みコード生成
項目 | 説明 |
店舗カテゴリを表示する |
店舗カテゴリを予約フォームに表示する場合(下記Noteの①)、チェックを入れます。 店舗マスタに設定されている[店舗カテゴリ]のカテゴリが選択肢に表示され、選択されたカテゴリの店舗だけを店舗選択の選択肢に表示できます。 |
選択可能な店舗 | 予約可能な店舗の選択肢の設定(下記Noteの②)。 店舗マスタの[ルーム設定]で[予約タイプ]が「自由枠予約」のルームが設定されている店舗が、予約可能な店舗として選択肢に表示されます(「ウィジェット機能の概要と設定の流れ」の「店舗設定の条件」を参照)。 |
店舗情報を表示する | キャンセル時の連絡先の電話番号など、店舗情報を予約フォームに表示する場合、チェックを入れます。 店舗マスタに設定されている店舗情報が表示されます(下記Noteの③)。 |
埋め込みコード | 予約フォームのウィジェットのコード。 設定内容に応じて自動的に生成されます。 生成されたコードをランディングページに設定すると、予約フォームが表示・動作します。 |
Note:設定した情報は、予約フォームに下図のように表示されます。

次に読む記事:メールテンプレートを設定する(ウィジェット向け)