フォームの URL を入力
HubSpot でフォームを開き、ブラウザのアドレス欄に表示される URL を入力してください（https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まる URL）。どの項目が必須かは、フォームの項目の「必須」の設定に従います。
フォームの確認
使う機能
使う機能にチェックを入れます。初期はすべてオンです。項目を指定する必要はありません（表示しているページの項目を、フォームの設定のとおりに読みます）。
まだ入力していない必須項目の入力欄の背景に色を付けます。入力すると色が消えます。
正しく入力できた項目の名前の横に、チェックの印を付けます。
まだ入力していない必須項目の数を表示します。複数のページ（ステップ）に分かれたフォームでは、表示しているページの必須項目を数えます。
入力欄を離れたときに、未入力やメールアドレスの形式の誤りをその場で知らせます。一度知らせた項目は、入力するたびに確かめ直し、直ればすぐに消します。
誤りのある項目の背景と枠に色を付けます。
誤りや未入力が残っているときに「次へ」「送信」を押すと、先へ進めずに、直す項目の一覧をフォームの上に出し、最初の項目へ移動します。
文言と見た目
文言を空欄にすると、初期の文言を使います。オフにした機能の設定欄は表示されません。
残りの必須項目数の表示
{count} は残りの数に置き換わります。
メッセージ（リアルタイムエラーと、送信ボタンの制御の一覧で使います）
文字を入力する必須項目が入力されていないときの文です。
ラジオボタン・チェックボックス・ドロップダウン・ファイルの必須項目で、何も選んでいないときの文です。
同意のチェックなど、チェックボックスが 1 つだけの必須項目の文です。
送信ボタンの制御
直す項目の一覧の上に出す文です。
見た目と動作の記録
オフにすると、色を付けずに表示します（サイトの CSS で見た目を付ける場合）。
残りの必須項目数の表示の色残りの必須項目数を表示する帯の背景の色です。文字は白で表示します。指定しないときは紺（#245287）です。
ブラウザの開発者ツールに出す記録の詳しさです。URL に ?kp_debug=1 を付けると、この設定に関係なくページ下部に記録を表示します。
埋め込みコードの貼り付け
コードには EFO 機能の本体も含まれるため、長くなります。省略せずにすべて貼り付けてください。
- HubSpot で、フォームを設置したページの編集画面を開きます
- 「設定」→「詳細」→「HeadのHTML」にコードを貼り付けます
- ページを更新（公開）します
EFO 機能は、フォームに値を書き込みません。入力の内容を記録・送信することもありません。形式を確かめるのはメールアドレスだけで、そのほかの形式（電話番号・数値の範囲など）は、これまでどおり HubSpot のエラーが出ます。
確認画面などほかの add apps と併せて使う場合は、それぞれのコードを「HeadのHTML」に貼り付けてください。
正しく動作しない場合は、ページの URL の末尾に ?kp_debug=1 を付けて開くと、ページ下部に動作ログが表示されます。お問い合わせの際に添えてください。