Blog
【HubSpot】フォームを日本向けにする設定チェックリスト|標準機能でできること・できないこと
HubSpotのフォームは、海外の製品として作られているため、日本のお問い合わせフォームでは当たり前の機能が足りないことがあります。入力内容の確認画面、郵便番号からの住所の自動入力、ふりがな、全角・半角のそろえ方などです。この記事では、日本向けのHubSpotフォームを作るときに確かめたい項目をチェックリストにまとめ、項目ごとに標準機能でできるかどうかと、足りないときの方法を整理します。
チェックリストの見方
チェックリストは、次の4つに分けています。「標準機能」の欄が「できる」の項目は、HubSpotのフォームエディターの設定で対応できます。「できない」の項目は、ハレフルが無償で公開している「add apps」(HubSpotを日本の商習慣に合わせて使いやすくする小さな部品のシリーズ)で補えるものを、あわせて紹介しています。
- 基本の設定
- 入力のしやすさ
- データのきれいさ
- 送信の前後
この記事の内容は、2026年11月時点の新しいフォームエディター(「フォームエディター」)で作ったフォームを前提にしています。
1. 基本の設定
まずは、標準機能で対応できる項目です。フォームを公開する前に、一通り確かめてください。
チェック項目 | 標準機能 | 確かめること |
|---|---|---|
フォームの言語が日本語になっている | できる | フォームの設定の「言語と地域」で日本語にします。エラーメッセージなどの文言が日本語になります |
氏名が「姓」「名」の順に並んでいる | できる | 項目の順番はフォームエディターで並べ替えられます |
必須の項目が絞られている | できる | 項目ごとに必須かどうかを決めます。必須が多いほど、入力をやめる方が増えます |
入力例やヘルプテキストが入っている | できる | プレースホルダーやヘルプテキストで、「ハイフンなしで入力してください」のような案内を出せます |
条件によって項目を出し分けている | できる | 条件付きロジックで、「お問い合わせの種類」が「その他」のときだけ自由記入欄を出す、といった設定ができます |
流入元などを非表示の項目で受け取っている | できる | 非表示の項目は、ページのURLのパラメーターから値を受け取れます。パラメーター名はプロパティの内部名と同じにします |
2. 入力のしやすさ
ここからは、標準機能では足りないことが多い項目です。
チェック項目 | 標準機能 | 足りないときの方法 |
|---|---|---|
電話番号を国番号なしで入力できる | できない(新しいフォームエディターの電話番号の項目には、国番号を選ぶ欄が付きます) | 入力補助:国番号の欄のない入力欄に置き換え、ハイフンや全角の有無を問わず受け付けます |
郵便番号から住所が自動で入る | できない | 郵便番号検索:7桁がそろうと、都道府県・市区町村・町域を入力します |
氏名のふりがなが自動で入る | できない | ふりがなの自動入力:氏名を入力したときの読みを、ふりがなの項目に入れます。カタカナかひらがなを選べます |
選択肢の多い項目が見やすい | できない(選択肢はすべて縦に並びます) | グループ選択:選択肢を見出しごとにまとめ、開いて選べる形にします |
希望日を第1〜第3希望まで、カレンダーから選べる。土日・祝日・休業日は選べない | できない(日付の項目はありますが、土日や祝日を除けません) | 希望日ピッカー:土日・祝日・休業日を除いたカレンダーと、時間帯の選択を出します |
あといくつ入力すればよいかが分かる | できない | EFO機能:必須項目の色付けや、残りの必須項目数の表示、誤りのその場での表示を足します |
ファイルを複数、ドラッグ&ドロップで添付できる | 一部できる(ファイルの項目はありますが、種類や容量を決められません) | 添付ファイル送信:受け付ける種類・容量・数を決め、その場でチェックします |
これから導入する方へ
HubSpot初期導入支援
導入後の運用に
HubSpot保守運用3. データのきれいさ
フォームに入力された値は、そのままコンタクトのプロパティに保存されます。入力の段階で整えておくと、あとで検索や重複の確認、リストの絞り込みがしやすくなります。
チェック項目 | 標準機能 | 足りないときの方法 |
|---|---|---|
全角・半角、空白、ハイフンのゆれがそろう | できない | 全角半角コンバータ:入力欄を離れたときに、全角英数字や半角カタカナ、続いた空白などをそろえます |
入力できる文字数に上限がある | できない | 入力補助:1行テキスト・複数行テキストに文字数の上限と、入力した文字数の表示を付けます |
ふりがながカタカナ(またはひらがな)にそろう | できない | ふりがなの自動入力:表記をカタカナかひらがなにそろえます |
既存のテキストのプロパティを変えずに、選択肢から選ばせる | できない(選択肢から選ばせるには、プロパティの種類を変える必要があります) | テキスト項目をフォームだけ選択型に:1行テキストのまま、フォームの上だけラジオボタンなどで選べるようにします |
4. 送信の前後
チェック項目 | 標準機能 | 足りないときの方法 |
|---|---|---|
送信の前に、入力内容の確認画面が出る | できない | フォームの確認画面:フォームの最後のステップで入力内容を一覧にし、「修正する」「送信する」を選べるようにします |
送信後にお礼のメッセージが出る、またはお礼のページに移る | できる | フォームの設定で、メッセージの表示か、ページへの移動かを選びます |
入力した本人にサンクスメールが届く | できる | フォームの「自動化」から、送信後にメールを送るシンプルワークフローを作ります |
サンクスメールに、社内のメーリングリストをCCで入れる | できない | 詳しくは「HubSpotでフォームのサンクスメールにCCを付けるには」で、3つの方法を比べています |
送信があったことが、社内の担当者に届く | できる(宛先はHubSpotのユーザーだけ) | フォームの設定の「リアルタイム送信通知」で、通知するユーザーを選びます |
add appsを使うときの条件
ここで紹介したadd appsは、どれも無償で、サーバーの用意や別のサービスの契約は要りません。処理はフォームを見ている人のブラウザの中で行い、入力内容を当社に送ることはありません(郵便番号検索だけは、公開されている郵便番号のデータをブラウザが読み込みます)。設定ページで作ったコードを、フォームを置いたページの「HeadのHTML」に貼り付けて使います。複数のadd appsを同じフォームで一緒に使えます。
対象 | 使えるか |
|---|---|
「フォームエディター」で作ったフォーム | 使えます |
「旧フォームエディター」で作ったフォーム | 使えません |
HubSpotのランディングページ・ウェブサイトページに置いたフォーム | 使えます |
HubSpot以外のサイトに埋め込んだフォーム | 使えません |
使い方や条件の詳細は、各add appsのページとご利用ガイドをご覧ください。
よくある質問
旧フォームエディターで作ったフォームはどうすればよいですか?
HubSpotは、新しくフォームを作るときは新しいフォームエディターを使うよう勧めています。add appsも新しいフォームエディターのフォームが対象です。見直しの機会に、新しいフォームエディターで作り直すことをおすすめします。
HubSpot以外のサイト(WordPressなど)に埋め込んだフォームでも使えますか?
add appsは、HubSpotのランディングページ・ウェブサイトページに置いたフォームが対象です。HubSpot以外のサイトに埋め込んだフォームでは使えません。外部のサイトで同じことをしたい場合は、ご相談ください。
全部の項目に対応しないといけませんか?
いいえ。フォームの目的に合わせて選んでください。たとえば、お問い合わせフォームなら確認画面と電話番号、資料の郵送があるなら郵便番号からの住所の入力、セミナーの申し込みなら希望日とふりがな、というように、効果の大きいものから入れるのがおすすめです。
まとめ
HubSpotのフォームは、言語・項目の順番・必須・条件付きロジック・非表示の項目・送信後の動きなど、基本の設定は標準機能で対応できます。一方で、確認画面、住所やふりがなの自動入力、全角・半角のそろえ方、国番号のない電話番号の欄といった、日本のフォームでは当たり前の機能は標準ではありません。チェックリストで足りない項目を確かめ、add appsなどで補ってください。
ハレフルへのご相談
株式会社ハレフルは、HubSpotの導入・運用支援と、HubSpotを日本の商習慣に合わせて使いやすくする無償ツール「add apps」の提供を行っています。「日本向けのフォームを一通り整えたい」「HubSpot以外のサイトのフォームも同じようにしたい」「add appsにない機能を開発したい」といったご相談をお受けしています。
add appsの一覧はadd appsのページで、HubSpotの導入・運用支援はHubSpot導入支援のページでご紹介しています。
まずはお気軽にお問い合わせください。
無料ダウンロード資料
CRM作業は、
AIに頼む時代へ。
Claude / ChatGPT × HubSpot
接続方法と実践シナリオ20選
Contact
まずは何でもお気軽にご相談ください。
