フォームを作成および編集する

フォームエディターでフォームを作成して使用すると、訪問者に関する情報を収集してHubSpotのCRMに保存できます。フォームエディターを使用すると、マルチステップのフォームを作成できます。その後、フォームのスタイルを調整して、ビジネスの独自性とブランディングを反映させることができます。

フォームを作成した後は、HubSpotフォームモジュールを使ってそれをHubSpotページに追加したり、フォーム埋め込みコードを使って外部サイトに追加したり、共有リンクを使って単体ページとして共有したりできます。

新規フォームを作成する

新しいフォームを作成するには、次のようにします。

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 右上の［フォームを作成］をクリックします。

注：フォームの作成時にのみ、そのフォームをビジネスユニットに関連付けることができます。ビジネスユニットへのフォームの関連付けの詳細をご確認ください。

• ［新しいフォームエディター］を選択します。

• 右上の［次へ］をクリックします。
• 右側のパネルで［ゼロから始める］をクリックするか、事前作成されたテンプレートを使用する場合は［テンプレートから始める］をクリックして、テンプレートを1つ選択します。 
• 上部のedit鉛筆アイコンをクリックし、フォーム名を編集します。 

フォームフィールドを追加、編集する

ウェブサイトの訪問者やコンタクトから追加情報を収集するためにフォームフィールドを追加できます。各フォームフィールドを1つのHubSpotプロパティーに関連付けする必要があります。フォームフィールドを追加するには：

• HubSpotアカウントで、［マーケティング］>［フォーム］に移動します。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 左上の+追加アイコンをクリックします。
• 左側のパネルでフィールドタイプをクリックし、右側のフォームプレビューまでドラッグして、フォームに含めます。フィールドを他のフィールドの上、下、または横に配置できます。 
• ［電話番号］フィールドを追加するときには、ドロップダウンメニューから選択した国コードがそのフィールドのデフォルトとして設定されます。
• 右側のパネルで、フィールドラベルをクリックして入力します。フィールドラベルを入力するときには、類似する既存のプロパティーのリストが表示されます。 
  • ［フィールドをプロパティーに接続］ダイアログボックスで、提案されたプロパティーをクリックします。
  • 別のプロパティーにフォームフィールドを接続するには、［プロパティーを検索］をクリックします。 

• 接続プロパティーを追加するには、左パネルで［接続済みプロパティー］セクションをクリックして展開します。フォームフィールドに接続させたいプロパティーをクリックします。 
• 既存のプロパティーをフォームフィールドの接続済みプロパティーとして使用するには、検索バーを使用して既存のプロパティーを検索します。追加されたフィールドのオブジェクトタイプによって、関連レコードのアクティビティータイムラインにフォーム送信が表示されるかどうかが決まります。

• 新しいプロパティーを作成し、フォーム上のフィールドに関連付けられたプロパティーとしてそれを使用するには、次の手順に従います。
  • ［新規作成］をクリックします。

• • 右側のパネルで、フォームフィールドを設定します。
  • プロパティールールを確認して、［作成］をクリックします。デフォルトでは、「フォーム、ポップアップフォーム、ボットで表示」のオプションが選択されます。新規プロパティーを作成した後、それが自動的にフォームフィールドに関連付けされます。プロパティーを管理する方法をご覧ください。
• フォーム上のフィールドとしてプロパティーを追加するには、左側のパネルで［プロパティー］をクリックします。
  • ［全てのプロパティー］ドロップダウンメニューを使用して、コンタクト、会社、またはカスタムオブジェクトのプロパティーを選択します。
  • フォーム上のフィールドとしてプロパティーを追加するには、プロパティーをクリックしてフォームプレビューまでドラッグします。フィールドを他のフィールドの上、下、または横に配置できます。 

• フォームフィールドを追加した後、フィールドのオプションを編集するには：
  • 右側のパネルで、フォームプレビュー内のフィールドをクリックします。. 
  • 左側パネルの［フィールドオプション］セクションをクリックして展開します。表示されるオプションは、フィールドのプロパティータイプによって異なる場合があります。その他の利用可能なフィールド カスタマイズ オプションについて詳細をご確認ください。
    
    • ヘルプテキスト：フィールドのラベルにテキストを追加して、訪問者にフィールド入力時のヒントを提供します。
    • プレースホルダーテキスト：フィールドの入力ボックスに表示されるテキスト。訪問者がフィールドに値を入力すると、このテキストは表示されなくなります。フィールドが空欄になっていても、このテキストがフォームのデータとして送信されることはありません。
    • デフォルト値：訪問者が変更しない限り、そのまま送信されるフィールドデフォルト値。
    • 非表示フィールド：このオプションをオンに切り替えると、フォーム送信によってフィールドに値が設定されますが、訪問者にはフィールドが表示されません。設定がオンに切り替わったら、フォーム送信時にプロパティーに渡されるデフォルト値を設定してください。
    • 必須フィールド：このオプションをオンに切り替えた場合、フォームを送信するにはこのフィールドに入力する必要があります。フォームフィールドを必須に設定した場合、非表示に設定することはできません。 

フォーム要素をさらに追加する

［テキストとメディア］または［セキュリティー］をフォームにさらに追加します。フォームフィールドと同様に、これらの要素を他のフィールドの上、下、または隣に配置することができます。 

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 左上の+追加アイコンをクリックします。
• 左側のパネルで［その他］をクリックします。
• 要素をクリックし、右側のフォームプレビューまでドラッグして、フォームに含めます。
  
  
  
  

条件付きロジックをフォームに追加（Content Hub／Marketing HubのProfessionalおよびEnterpriseのみ）

フォームフィールドを追加した後、条件付きロジックを設定すると、関連するフィールドを非表示にしたり、表示したり、以前の回答に基づいて訪問者を他のHubSpotページにリダイレクトしたりできます。

各フォームでは、ルールごとに10個の条件を含む最大30個のルールを追加できます。

フォームで条件ロジックを設定するには：

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 左上にあるgithubBranchロジックアイコンをクリックします。
• 左側パネルで、［ロジックを追加］をクリックします。
• 「ロジック」セクションで、条件付きロジックルールを設定します。例えば［市区町村］で絞り込み、［次のいずれかである］と［Dublin］を選択した場合、値「Dublin」を持つレコードにのみ条件付きロジックルールが適用されます。
  
• フィルターを削除するには、deletee削除アイコンをクリックします。 
• フィルターを複製するには、duplicate 複製アイコンをクリックします。 
• ルールにさらにフィルターを追加するには、addこのグループにフィルターを追加をクリックします。
• ルールにさらにグループを追加するには、addグループを追加をクリックします。
• ルールに複数のフィルターまたはグループを追加した場合は、フィルターとグループの間にある［AND OR］ドロップダウンメニューをクリックして、「AND」または「OR」ロジックを次のように適用します： 
  • AND：ルールがトリガーされるには、ルール内の全てのフィルターが真である必要があります。 
  • OR：ルールがトリガーされるには、グループ内の1つのフィルターのみが真である必要があります。ANDまたはORロジックの詳細をご確認ください。 

• ［Then］セクションで、ドロップダウンメニューをクリックしてフォーム上のアクションを選択します。次の中から選択できます。
  • フィールドを表示：ユーザーの回答がルールで設定された条件に一致する場合、特定のフィールドを表示します。 
  • フィールドを非表示：ユーザーの回答がルールで設定された条件に一致する場合、特定のフィールドを表示します。 
  • 省略して設定へ進む：ユーザーの回答がルールで設定された条件に一致する場合、スキップして特定のステップに進みます。このオプションを使用するには、フォームに少なくとも3つのステップが必要です。フォームステップの追加について詳しくご確認ください。 
  • リダイレクト先：ユーザーの回答がルールで設定された条件に一致する場合、HubSpotページまたは外部URLにユーザーをリダイレクトします。Sales Hub EnterpriseまたはService Hub Enterpriseアカウントのユーザーは、スケジュール設定ページ上のミーティングリンクにフォームをリダイレクトできます。

• 選択したアクションに応じて、必須フィールドに入力してください。 
• 条件付きロジックを適用するには、［保存し、有効化］をクリックします。 

条件付きロジックルールの管理

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 左上にあるgithubBranchロジックアイコンをクリックします。
• 別のルールを追加するには、［ロジックを追加］をクリックします。
• ルールを編集するには、［アクション］ドロップダウンメニューをクリックし、［編集］をを選択します。 
• ルールを削除するには、［アクション］ドロップダウンメニューをクリックし、［削除］を選択します。 

フォームステップの追加と編集 

注：この機能は、Marketing Hub／Sales Hub／Service HubのStarter、ProfessionalおよびEnterprise、またはContent HubのEnterpriseでのみご利用になれます。

マルチステップフォームを作成すると、1つの長いフォームではなく、複数のフォームセグメントに入力するようユーザーを促すことができます。マルチステップフォームでフォームステップを追加するには：

• HubSpotアカウントで、［マーケティング］>［フォーム］に移動します。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 右側のパネルで、2つの既存のステップの間にマウスポインターを置き、+追加アイコンをクリックします。新しいステップセクションが表示されます。次に、ステップパネルでフォームフィールドと追加のフォーム要素を設定できます。
   

• ステップの順番を変えるには、そのステップにマウスポインターを合わせます。次にステップの左上で［ステップ［X］］をクリックして、変更後の位置までドラッグします。 
• ステップを複製するには、該当するステップの上にマウスポインターを置き、duplicate複製アイコンをクリックします。Eメール、reCAPTCHA、またはデータ プライバシー フィールドを含んでいるステップを複製することはできません。
• ステップを削除するには、ステップにマウスポインターを合わせてdelete 削除アイコンをクリックします。 
• 進捗バーは、ユーザーがどの程度フォームに入力したかを視覚的に示し、フォームの完了率を向上させます。進捗バーを編集するには：
  • 進捗バーにマウスポインターを合わせ、edit 鉛筆アイコンをクリックします。 

• • 左側パネルで進捗バーを編集し、オンまたはオフに切り替えることができます： 

• • • 進捗バーはデフォルトで全てのフォームに追加されます。進捗バーをオフにするには、［進捗バー］スイッチをオフに切り替えます。これにより、全てのフォームステップから進捗バーが削除されます。
    • ［書式］セクションで、進捗バーにどのようにテキストを表示させるかを選択します。以下のオプションから選択できます：［完了の割合を表示］、［ステップ数を表示］、または［テキストを表示しない］。 

ステップのレイアウトと背景バナーを編集する 

レイアウト切り替え機能を使用して複数の定義済みステップレイアウトから選択し、フォームの背景バナーをカスタマイズすることができます。 

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• フォームステップにマウスポインターを合わせ、右上のedit 鉛筆アイコンをクリックします。 
• 左側のパネルで［スタイル］タブをクリックし、ステップレイアウトを1つ選択します。 
• レイアウトを削除するには、右上の［レイアウトを削除］をクリックします。 

• ［バナーの背景］をクリックして、次のようにセクションを展開します：
  
  • フォームの背景バナーをカスタマイズするには、［背景色］スイッチをオンに切り替えます。

• • 色と不透明度を選択します。
  • グラデーションを追加するには、［グラデーション］ドロップダウンメニューをクリックします。
  • バナーの背景に画像を使用します。HubSpotファイルから画像をアップロードしたり、コンピューターのハードドライブで画像を参照したり、 AIアシスタントを使用して画像を生成したりできます。 

フォームのスタイルを設定する

フォームおよびフォームステップのテキスト、入力フィールド、ボタン、背景をカスタマイズできます。［グローバルスタイル設定］タブで設定されたスタイルオプションは、全てのフォームステップに適用されます。個別のフォームステップのスタイルを設定することはできません。 

注：更新されたエディターでフォームを未加工HTMLとして設定することはできません。従来のエディターを使用して作成されたフォームのみを未加工HTMLとして設定できます。

フォームのスタイルを設定するには： 

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 左側にあるスタイル設定アイコンをクリックします。

• 「テキスト」、「入力フィールド」、または「ボタン」をカスタマイズする際には、「クイックフィールド入力のスタイル」を使用して既存のスタイルから選択することができます。また、フォームの各コンポーネントのスタイルを次のように手動でカスタマイズすることもできます：
  • フィールド：背景や境界線など、フィールドをカスタマイズします。さらにラベルのフォント、フォントサイズ、色をカスタマイズしたり、ヘルプテキスト、プレースホルダー、エラーテキストの色をカスタマイズしたりできます。 
  • ボタン：ボタンの高さ、角の丸み、背景、グラデーションをカスタマイズし、ボタンにドロップシャドウを追加します。また、ボタンテキストのフォント、フォントサイズ、色をカスタマイズすることもできます。 
  • 段落（リッチテキスト）：本文テキストのフォント、フォントサイズ、色をカスタマイズします。 
  • 見出し：見出しのフォントとテキスト色をカスタマイズします。ヘッダーテキストにドロップシャドウを追加することもできます。 
  • 背景：フォームとフォームステップの背景をカスタマイズします。背景色を設定したり、背景に画像を使用したりすることもできます。AIアシスタントを使って画像を生成できます。またフォームの境界線を設定することもできます。
  • 進捗バー：フォームの進捗バーをカスタマイズします（進捗ラインの色や進捗バーのフォントなど）。 

フォームを自動化する 

シンプルな自動化機能をオンにします。コンタクトにフォローアップEメールを送信したり、他のHubSpotユーザーに社内Eメール通知を自動送信したりできます。また、シンプルなワークフローでフォーム送信をトリガーとして使用することもできます。 

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 左側のパネルでsettis automati workflows自動化アイコンをクリックします。

• シンプルワークフローを作成するには： 

  • ［フォーム送信後の動作を自動化］セクションで、次のようにします：
    • フォームが送信されるたびに自動的にフォローアップEメールをトリガーするには、［フォーム送信後にEメールを送信］の下にある［このワークフローを作成］をクリックします。 
    • 白紙のテンプレートから独自のワークフローを作成するには、［自分のシンプルワークフローを作成］の下にある［新規ワークフローを作成］をクリックします。右側のスライドインパネルの［次の場合にアクションをトリガーする：］で、［コンタクトがフォームを送信した場合］というオプションを選択します。 
• 他のワークフローアクションを追加するには、+プラスアイコンをクリックします。
  
  
• ワークフローをオンにするには、ワークフロー名の横にあるスイッチをクリックしてオンにします。次に、［OK］をクリックします。シンプルワークフローを公開した後、そのワークフローに加えられた変更内容は、現在登録されているコンタクトに自動的に適用されます。 

フォームで自動化を使用する方法に関して、詳しくはこちらのナレッジベース記事をご覧ください。 

フォーム設定をカスタマイズする

フォーム送信後、対応するコンタクトがどのように扱われるか、ユーザー通知設定、フォームのデフォルト言語など、フォームの設定を行います。コンタクトのマーケティングステータス、ライフサイクルステージなどを設定できます。ご利用のHubSpotサブスクリプションによっては、一部のオプションが表示されないことがあります。 

• HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
• 新しいフォームを作成するか、既存のフォームにマウスポインターを合わせて、［編集］をクリックします。
• 左側パネルで、settings設定アイコンをクリックします。
• ［全般］タブで、以下の一般的なフォーム設定を行います：
  
  • Eメールアドレスに値がない場合は自動的に新しいコンタクトを作成：このオプションを選択すると、送信ごとに固有のEメールアドレスを使用して新しいコンタクトレコードが作成されます。Eメールアドレスがデータベース内の既存のコンタクトレコードに一致する場合、既存のレコードの詳細が更新されます。
    • このオプションがオフの場合、最初にHubSpotは、送信されたEメールアドレスを持つ既存のコンタクトに送信を関連付けようと試みます。そのEメールアドレスを持つコンタクトが存在しない場合、HubSpotはブラウザーのCookieに基づいてコンタクトを特定し、コンタクトを更新します。同じデバイスから同じフォームが複数回送信されると、コンタクトが上書きされる可能性があります。
    • このオプションがオンにされている場合、Cookieが保存されているブラウザーでコンタクトが別のEメールを使用してフォームを送信すると、そのコンタクトの閲覧はトラッキングされなくなります。また、［コンタクトフィールドに既知の値を事前入力する］が自動的に無効にされます。
  • 新規コンタクトをマーケティングコンタクトとして設定：ご使用のHubSpotアカウントにマーケティングコンタクトへのアクセス権がある場合、このフォームを送信した全てのコンタクトを自動的にマーケティングコンタクトとして設定できます。これには新規コンタクトと既存コンタクトの両方が含まれます。
  • 再訪問者の場合はフォームフィールドを事前入力：コンタクトが以前にサイトを訪問してフォームを送信したことがあり、しかもHubSpotがコンタクトのCookieを保存して追跡できた場合、既知のフィールド値をフォームに事前入力できます。このオプションはデフォルトで有効になっています。事前入力済みのフォームフィールドについて詳細をご確認ください。
    
  • フォーム簡略化：Breeze Intelligenceクレジットを購入済みの場合、データエンリッチメントで入力できるフォームフィールドを自動的に非表示にすることで、フォームを合理化できます。フォーム簡略化について詳細をご確認ください。
  • マーケティングキャンペーンに追加：Marketing Hub ProfessionalまたはEnterpriseサブスクリプションをご利用の場合、フォームを次のようにキャンペーンに関連付けることができます。
    • フォームを既存のキャンペーンに関連付けるには、［キャンペーン］ドロップダウンメニューをクリックし、キャンペーンを1つ選択します。
    • フォームを新規キャンペーンに関連付けるには、［キャンペーン］ドロップダウンメニューをクリックし、［キャンペーンを作成］をクリックします。その後、キャンペーンの設定に進みます。

• • 送信時にコンタクトと会社のライフサイクルステージを更新：［ライフサイクルステージを次に設定］ドロップダウンメニューをクリックし、ライフサイクルステージを1つ選択します。訪問者がフォームを送信すると、新規または既存のレコードが、選択されたライフサイクルステージに設定されます。 
    • レコードのライフサイクルステージを戻すことはできません。ライフサイクルの先の方のステージに進んでいる既存のコンタクトまたは会社がフォームを送信しても、ライフサイクルステージは更新されません。 
    • フォームで設定されたライフサイクルステージは、HubSpotで設定されているデフォルトのライフサイクルステージを上書きします。

• 送信設定をカスタマイズするには、左側のパネルで［送信設定］タブをクリックします。以下のフォーム送信設定をカスタマイズします： 
  • コンタクト担当者に送信：自動的にコンタクト担当者に通知を送ります。コンタクトに担当者がいない場合、通知は送信されません。HubSpotにおけるオブジェクト担当者について詳細をご確認ください。
  • 別のユーザーに送信：コンタクト担当者とは無関係に送信Eメール通知の送り先となるデフォルトのチームまたは個人を選択します。ここに設定された受信者は、HubSpotページのフォームオプションで設定された受信者で上書きされます。

  • ブロックする追加のEメールドメイン：フォーム送信をブロックする特定のEメールドメインを入力します。例えばemail@domain.comからの送信をブロックしたい場合は、domain.comを追加できます。全てのフリーEメールプロバイダーからの送信をブロックするには、［フリーEメールのプロバイダーをブロック］スイッチをクリックしてオンに切り替えます。 

• フォームの言語設定をカスタマイズするには、［言語と地域］タブをクリックします。［プライマリー（第1）言語］ドロップダウンメニューをクリックし、フォームのデフォルト言語を選択します。エラーメッセージ、デフォルトプロパティーのラベル、ヘルプテキスト、プレースホルダーテキスト、およびデフォルト値はこの言語に翻訳されます。
• フォームのAI翻訳を作成するには（Marketing Hub／Content HubのProfessionalおよびEnterpriseのみ）：
  • ［全てのフォームコンテンツのAI翻訳を有効にしました］スイッチをオンに切り替えます。
  • ［プライマリー（第1）言語］ドロップダウンメニューで、フォームをどの言語に翻訳するかを選択します。エラーメッセージ、デフォルトプロパティーのラベル、ヘルプテキスト、プレースホルダーテキスト、デフォルト値、カスタムラベル、リッチテキスト、同意テキストは、自動的にこの言語に翻訳されます。
  • 前回の翻訳後にフォームを更新した場合は、［今すぐ再翻訳］をクリックして翻訳を更新してください。

フォームフィールドの即時検証を管理する

プロパティーの検証ルールを設定した場合、これらのルールがフォームフィールドに適用され、訪問者がフォームを送信するにはこれらの条件を満たす必要があります。フォームフィールドの即時検証では、入力内容が訪問者に即座にフィードバックされ、エラーの修正やフォームの正確な入力が容易になります。

例えば、「注文番号」プロパティーに数値のみを含めるという検証ルールを設定した場合、訪問者は数値以外の入力を修正するようフィードバックを受け取ります。