フォームのカスタマイズ（カスタムフィールド）
このページでは、予約フォームに独自の入力項目を追加する方法を解説します。
基本項目とカスタムフィールド
予約フォームには次の3つの項目が最初から用意されています。これらは 初期フィールド と呼ばれ、削除できません。
- 氏名（1行テキスト）
- メールアドレス（メールアドレス）
- 電話番号（電話番号）
この3つは予約の受け付けとメールの送信に必要なため、常に必須で、タイプも変更できません。 予約フォームに表示される見出し（ラベル）は変更できます。たとえば「氏名」を「お名前」に書き換えることもできます。 そのため、ラベルを変更したあとは、このページの説明と画面の表記が違って見えることがあります。
それ以外に、業種や運用に応じて自由な項目を追加できます。これを カスタムフィールド と呼びます。
例:
- ご相談内容（複数行テキスト）
- ご来店経験（ラジオボタン: 初回／2回目以降）
- 希望する施術（チェックボックス）
- ご希望の連絡方法（セレクトボックス: 電話／メール）
フォーム設定画面の見かた
管理画面の Smart Booking → フォーム設定 を開くと、画面の上部に フォーム の選択欄があります。 入力項目は この選択欄で選んでいるフォームに対して 設定します。フォームを切り替えると、表示される入力項目も切り替えたフォームのものに入れ替わります。
はじめて使うときはフォームが1つだけ入っているので、特に意識せずそのまま設定して構いません。 用途別にフォームを増やす方法は 複数フォームの使い分け をご覧ください。
選択欄のすぐ下には、そのフォームをページに貼り付けるための ショートコード が表示され、コピー ボタンでコピーできます。
その下に並んでいるタブは フィールド設定 と メール の2つです。入力項目の設定は フィールド設定 タブで行います。
手順: フィールドを追加する
- 管理画面の Smart Booking → フォーム設定 を開きます。
- 複数のフォームがある場合は、上部の フォーム の選択欄で対象のフォームを選び、フィールド設定 タブを開きます。
- 「フィールドタイプから追加」に、選べるタイプのカードが並んでいます。追加したいタイプのカードの ＋ 追加 をクリックします。
利用できるフィールドタイプは次の8種類です（カードが並んでいる順に掲載しています）。
| タイプ | 用途 |
|---|---|
| 1行テキスト | 短文の自由入力です。会社名や役職などに使います |
| メールアドレス | メールアドレスの入力欄です。形式が正しくないと送信できません |
| 電話番号 | 数字・ハイフンのみを想定した入力欄です |
| 複数行テキスト | 要望や質問などの長文入力に向いています |
| セレクトボックス | 用意した選択肢から1つだけ選びます |
| ラジオボタン | 択一の選択肢を横並びのボタンで表示します |
| チェックボックス | 複数を選べるチェック式です |
| 住所（郵便番号） | 郵便番号を入力すると住所を自動補完します。番地は手入力です |
画面右上の ＋ フィールドを追加 からも追加できます。この場合は 1行テキスト が選ばれた状態で開きますが、次の画面の フィールドタイプ で変更できます。
- フィールドを追加 の画面が開いたら、次の項目を入力します。
| 入力欄 | 内容 |
|---|---|
| ラベル | 予約フォームで入力欄の見出しとして表示される文言です。入力しないと保存できません |
| フィールドキー | 任意です。空欄のままにすると自動で割り当てられます（後述） |
| フィールドタイプ | カードで選んだタイプが入っています。ここで変更もできます |
| プレースホルダー | 入力欄が空のときに薄く表示される案内文です |
| 選択肢 | セレクトボックス・ラジオボタン・チェックボックス のときだけ表示されます。1行に1つずつ入力します |
| 住所の自動入力 | 住所（郵便番号） のときだけ表示されます。郵便番号から住所を自動入力するかどうかを切り替えます（住所フィールド（郵便番号自動入力）） |
| 必須入力 | スイッチで 必須にする と 任意入力 を切り替えます |
| 表示条件 | ほかの項目で選ばれた内容に応じて、この項目を出し分けます（親にできる選択式の項目が無いときは、スイッチは表示されず案内文だけが表示されます）（条件フィールド（表示条件）） |
- フィールドを追加 をクリックします。
- 追加したフィールドは「現在のフィールド一覧」に表示されます。
フィールドキーは空欄のままで構いません
フィールドキー は、その項目を見分けるための英数字の名前です。 空欄のまま保存すると自動で割り当てられるので、英語の名前を考える必要はありません。 追加が終わると、割り当てられた名前を知らせるメッセージが表示されます。
新しく追加するときは、ラベル に入力した文字に合わせて フィールドキー の欄に候補が自動で入る場合があります（ラベルに半角の英数字が含まれているときで、たとえば「Zoom用URL」なら zoomurl が入ります。ラベルが日本語だけのときは空欄のままです）。
入った候補はそのまま使っても、消して空欄に戻しても構いません。空欄にすれば、これまでどおり保存時に自動で割り当てられます。
自分で入力する場合は、次の決まりがあります。
- 英小文字で始まり、英数字とアンダースコア（
_）だけが使えます。合わない場合は「英小文字で始まり、英数字とアンダースコアのみ使えます。例: company_name」と表示され、保存できません。 - メール本文で使う固定の変数名と同じ名前は使えません。その場合は「このキーはメール変数の予約語のため使用できません。別のキー名にしてください。」と表示されるので、別の名前にしてください。
- 同じフォームの中で同じ名前を重複して使うことはできません。
フィールドキーは、メール本文に回答を差し込むときの名前としても使われます。 「現在のフィールド一覧」では、追加した項目の行にメール本文で使える名前が表示されます（初期フィールドには表示されません）。メール本文の書き方は メール通知の設定 をご覧ください。
住所（郵便番号）の自動入力と外部サービスへの通信
住所（郵便番号） のタイプは、お客さまが入力した郵便番号から住所を自動で補います。 このとき、お客さまのブラウザから、外部の郵便番号検索サービス（zipcloud）へ郵便番号が送られます。 ご自身のサイトから外部のサービスへ通信が発生するため、プライバシーポリシーへの記載が必要かどうかをご確認ください。
通信が発生するのは、次の3つがすべてそろったときだけです。
- 予約フォームに 住所（郵便番号） の項目がある
- その項目の 住所の自動入力 が 郵便番号から住所を自動入力する（追加したときの初期状態）になっている
- お客さまが郵便番号を7桁まで入力した
送られるのは入力された郵便番号だけで、氏名やメールアドレスなどは送られません。
- 通信をさせたくない場合は、その項目の編集画面で 住所の自動入力 を 自動入力しない（手入力のみ） に切り替えてください。この状態では郵便番号検索サービスへの通信は発生せず、お客さまには郵便番号と住所を手で入力していただく形になります。
- 郵便番号に該当する住所が見つからなかったときや、通信に失敗したときも、予約フォームは止まりません。エラーは表示されず、住所欄はそのまま手入力できます。
設定手順・必須にしたときの条件・予約データやCSVでの残りかたなど、詳しくは 住所フィールド（郵便番号自動入力） をご覧ください。
編集・並び替え・削除
各フィールドの右側のボタンで操作できます。
- 編集 — ラベルや選択肢の変更
- ↑ ↓ — 並び順を変更（予約フォームの表示順に反映されます）
- 削除 — フィールドを削除
削除 をクリックすると確認のダイアログが開き、削除する をクリックすると削除されます。 すでに送信された予約データには影響しません。
初期フィールド（氏名・メールアドレス・電話番号）は予約システムの基本項目のため、削除できません。 一覧では鍵のアイコンが付き、削除 ボタンも押せません。
ほかの項目の 表示条件 で親フィールドとして使われている項目も、そのままでは削除できません。 先に表示条件を解除する必要があります（条件フィールド（表示条件））。
必須／任意の切り替え
各フィールドの編集画面にある 必須入力 のスイッチで切り替えられます。 必須にする にすると、予約フォームでラベル横に 必須 バッジが表示され、未入力のままでは「この項目は必須です。」と表示されて送信できません。
初期フィールド（氏名・メールアドレス・電話番号）は 必須（初期フィールドは常に必須） と表示され、任意に変更することはできません。
選んだ内容に応じて項目を出し分ける（表示条件）
追加した項目には 表示条件 を設定できます。 ラジオボタン や セレクトボックス で選ばれた内容に応じて、別の項目を表示したり隠したりする機能です。 たとえば「資料送付」で「希望する」を選んだ人にだけ「送付先住所」を表示する、といった使い方ができます。
設定は、出し分けたい項目の編集画面の 表示条件 で行います。 条件は1つの項目につき1つだけで、入れ子（2段階の出し分け）にはできません。 また、隠れたまま送信された項目の内容は保存されません。
設定手順と注意点は 条件フィールド（表示条件） をご覧ください。
注意点
- 入力項目はフォームごとの設定です。フォームを複数使っている場合は、フォームごとに設定してください。
- 初期フィールド（氏名・メールアドレス・電話番号）は、削除・タイプの変更・必須の解除ができません。ラベル・プレースホルダー・並び順は変更できます。
- 項目が多いほどお客さまの入力の負担は増えます。本当に必要な項目だけを追加してください。
次のステップ
見た目をサイトに合わせて調整するには、デザインの設定 をご覧ください。 「無料体験」「入塾相談」のように用途別のフォームを作って入力項目を分けたい場合は、複数フォームの使い分け をご覧ください。 選んだ答えに応じて入力項目を出し分けたい場合は、条件フィールド（表示条件） をご覧ください。 郵便番号から住所を自動入力する項目については、住所フィールド（郵便番号自動入力） をご覧ください。