フォームの URL を入力
HubSpot でフォームを開き、ブラウザのアドレス欄に表示される URL を入力してください（https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まる URL）。読みを拾う項目とふりがなの項目は、どちらも「1 行テキスト」の項目にして、非表示にせずにフォームに置いておきます。
フォームの確認
読みを拾う項目とふりがなの項目
読みを拾う項目（例：姓）に日本語入力で入力すると、変換前の読みを、ふりがなの項目（例：セイ）へ入力します。項目は、フォームに表示される項目名か、プロパティの内部名のどちらかを書きます。フォームを読み取ると、入力欄でフォームの項目から選べます。組は 10 組まで追加できます。
ふりがなの表記と動作の記録
ふりがなの項目に入れる文字を、カタカナかひらがなから選びます。半角カタカナで入力された読みも、選んだ表記にそろえます。
入力があるときオンにすると、読みを拾う項目に入力を始めたときに、ふりがなの欄にすでに入力（前回の入力・手入力など）があれば、その値を書き換えません。
ブラウザの開発者ツールに出す記録の詳しさです。URL に ?kp_debug=1 を付けると、この設定に関係なくページ下部に記録を表示します。
埋め込みコードの貼り付け
コードにはふりがなの自動入力の本体も含まれるため、長くなります。省略せずにすべて貼り付けてください。
- HubSpot で、フォームを設置したページの編集画面を開きます
- 「設定」→「詳細」→「HeadのHTML」にコードを貼り付けます
- ページを更新（公開）します
スマートフォンの一部の入力方式、予測変換の候補を直接選んだとき、音声入力、貼り付け、ブラウザの自動入力では、読みを拾えません。ふりがなの項目は非表示にせず、入力する方が手で直せるようにしておいてください。
確認画面などほかの add apps と併せて使う場合は、それぞれのコードを「HeadのHTML」に貼り付けてください。
正しく動作しない場合は、ページの URL の末尾に ?kp_debug=1 を付けて開くと、ページ下部に動作ログが表示されます。お問い合わせの際に添えてください。