ウィジェットの埋め込みコードを生成する

予約フォームのウィジェットの埋め込みコードは、管理サイトから生成することができます。

埋め込みコードの生成では、予約フォームのアクセントカラーや予約フォームに表示する注記、利用規約のリンクを指定できます。

設定手順

ウィジェットの埋め込みコードの生成は、以下の手順で行います。

1. 管理サイトのサイドバーから［運営］>［ウィジェット］を選択し、ウィジェットの一覧画面で［新規登録］をクリックしてウィジェット画面を表示します。
   
2. ［コード］に、ウィジェットを識別するためのコードを入力します。
3. ［名称］に、ウィジェット名を入力します。
4. ［アクセントカラー］に予約フォームのアクセントカラーを設定します。
   カラーコードを入力するか、カラーピッカー上で目的の色をクリックすると、設定できます。
   
5. ［注記］、［利用規約］に、予約フォームに表示する注記と、利用規約やプライバシーポリシーのテキスト、リンクを設定します（「詳細設定」を参照）。
   初期設定されているテキストを運用に合わせて修正してください。
   ［利用規約］に初期設定されているaタグには、予約にあたりお客さまに同意いただく内容が記載されたページへのリンクを設定します。
   テキストの段落を追加する場合は、［段落追加］ボタンをクリックします。
   段落の順番を変更する場合、上に移動する場合は［↑］を、下に移動する場合は［↓］をクリックします。
   段落を削除する場合は、［×］をクリックします。
   
6. ［保存］をクリックします。
7. ［生成する］をクリックします。
   
8. 予約フォームで選択可能にする店舗や表示内容について指定します（「埋め込みコード生成」を参照）。
   指定内容に応じて、［埋め込みコード］のコードが変わります。
   
9. ［コードをコピー］をクリックします。
   予約フォームのウィジェットの埋め込みコードがコピーされます。
10. 予約フォームを設置するページのソースコードに、手順9でコピーしたコードを埋め込みます。
11. 予約フォームが意図した表示になっているかや、設定どおりの動作でトライアルの自由枠予約のプログラムを予約できるかを確認します。

設定項目

基本設定

詳細設定

項目	説明
アクセントカラー	予約スケジュール表上で選択された時間枠、予約ボタンの背景色（下記Noteの①）。
注記	予約フォームに表示する注記のテキスト（下記Noteの②）。 初期設定されている内容を運用に合わせて、修正、追加、または削除してください。
利用規約	予約にあたりお客さまに同意いただく内容が記載されたページへのリンクと、同意いただける場合にチェックを入れるためのチェックボックス（下記Noteの③）。 初期設定されている内容を運用に合わせて、修正、追加、または削除してください。 aタグのhrefに、利用規約やプライバシーポリシーなどが記載されたページへのリンクを設定します。

Note：設定した情報は、予約フォームに下図のように表示されます。

埋め込みコード生成

Note：設定した情報は、予約フォームに下図のように表示されます。