注意:hacomono for schoolプロプランをご契約の場合にご利用になれます。
予約フォームのウィジェットの埋め込みコードは、管理サイトから生成できます。
ここでは固定枠予約のトライアル用のウィジェットの埋め込みコードの生成について説明します。
埋め込みコードの生成は、以下の流れで行います。
STEP 1:メンバーの仮登録がスキップされるように設定する
注意:システム設定の変更は、すべての店舗に影響が及ぶことにご注意ください。システム設定は、すべての店舗の表示・動作に適用されます。
固定枠予約のトライアル用のウィジェットを利用するには、トライアル予約時のメンバーの仮登録をスキップして本登録されるように設定する必要があります。
メンバーの仮登録がスキップされるように設定するには、以下の手順を行います。
- 管理サイトのサイドバーから[システム]>[設定]>[システム設定]を選択します。
-
[会員登録・契約]タブを選択します。
- [新規会員登録]の[仮登録メール]で、[送信しない]を選択します。
- [保存する]をクリックします。
STEP 2:予約フォームの表示内容を設定する
固定枠予約のトライアル用のウィジェットに表示する内容を設定します。
表示内容の設定は、以下の手順で行います。
- 管理サイトのサイドバーから[運営]>[ウィジェット]を選択し、ウィジェットの一覧画面で[新規登録]をクリックします。
- [コード]に、ウィジェットを識別するためのコードを入力します。
- [名称]に、ウィジェット名を入力します。
-
[ウィジェットタイプ]から[固定枠トライアル予約]を選択します。
Note:[ウィジェットタイプ]は、新規登録時のみ設定できます。後から変更することはできません。 -
[ボタンカラー]に予約フォームのボタンとチェックボックスの背景色を指定します。
Note:ボタンの文字色は白で固定です。色を指定するには、カラーコードを入力するか、カラーピッカー上で目的の色をクリックします。
- [フォームタイトル]の各項目に、予約フォームの各画面の上部に表示されるテキストを入力します。
-
[トライアルに関する注意事項][利用規約]に、予約フォームに表示する注意と、利用規約やプライバシーポリシーのテキスト、リンクを設定します(「詳細設定」を参照)。
初期設定されているテキストを運用に合わせて修正してください。
[利用規約など]に初期設定されているaタグには、予約にあたりお客さまに同意いただく内容が記載されたページへのリンクを設定します。
テキストの段落を追加する場合は、[段落追加]ボタンをクリックします。
段落の順番を変更する場合、上に移動する場合は[↑]を、下に移動する場合は[↓]をクリックします。
段落を削除する場合は、[×]をクリックします。 - [予約完了メッセージ]の[タイトル][本文]に、予約完了時に表示される画面のタイトルとメッセージを入力します。
- [保存する]をクリックします。
STEP 3:埋め込みコードを生成する
固定枠予約のトライアル用のウィジェットに表示する内容を設定したら、表示内容が反映された埋め込みコードを生成します。
埋め込みコードの生成は、以下の手順で行います。
- STEP 2に続けて、[埋め込みコードを生成]をクリックします。
- [対象店舗]でトライアルレッスンを提供する店舗を選択します。
- 予約フォームのレッスン一覧にプログラム名を表示する場合、[プログラム名の表示]で[表示する]を選択します。表示しない場合は[表示しない]を選択します。
- 手順2、3の設定に合わせて[埋め込みコード]にコードが生成されます。
-
[コードをコピー]をクリックします。
予約フォームのウィジェットの埋め込みコードがコピーされます。 - 予約フォームを設置するページのソースコードに、手順5でコピーしたコードを埋め込みます。
- 予約フォームが意図した表示になっているかや、設定どおりの動作でトライアルの固定枠予約のプログラムを予約できるかを確認します。
設定項目
基本設定
| 項目 | 説明 |
| コード(必須) |
ウィジェットを識別するためのコード。 半角英数字で入力します。 初期値のコードをそのまま使用できます。必要に応じて変更してください。 ウィジェットの予約フォームには表示されません。 |
| 名称(必須) |
ウィジェット名。 ウィジェットの予約フォームには表示されません。 |
| ウィジェットタイプ(必須) | ウィジェットタイプ。 固定枠予約のトライアルの場合、[固定枠トライアル予約]を選択します。 |
詳細設定
画面上の表示イメージは、項目名の右の[?]をクリックすると確認できます。
| 項目 | 説明 |
| ボタンカラー | 予約フォームのボタンとチェックボックスの背景色。 ボタンの文字色は白で固定です。 |
| フォームタイトル(必須) | 予約フォームの各画面の上部に表示されるテキスト。 |
| トライアルに関する注意事項 | 予約フォームに表示する注意のテキスト。 初期設定されている内容を運用に合わせて、修正、追加、または削除してください。 |
| 利用規約など | 予約にあたりお客さまに同意いただく内容が記載されたページへのリンクと、同意いただける場合にチェックを入れるためのチェックボックス。 初期設定されている内容を運用に合わせて、修正、追加、または削除してください。 aタグのhrefに、利用規約やプライバシーポリシーなどが記載されたページへのリンクを設定します。 |
メッセージ設定
画面上の表示イメージは、項目名の右の[?]をクリックすると確認できます。
| 項目 | 説明 |
| 予約完了メッセージ(必須) | 予約完了画面に表示するタイトルと本文のテキスト。 |