フォームを作成してカスタマイズする

HubSpotフォームを使用して、訪問者から情報を収集し、CRMでレコードを作成または更新します。リードを獲得し、顧客情報を収集して、Eメールの送信やセグメントへのコンタクトの追加などのフォローアップアクションをトリガーできます。 

例えば、ニュースレター用のEメールアドレスを収集するフォームをランディングページに追加できます。次に、訪問者がフォームを送信した後、フォローアップEメールを自動送信します。

フォームを作成する

訪問者から情報を収集し、CRMで訪問者の情報を取得するためのフォームを作成します。 

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。
2. フォームを特定の ブランドに関連付けるには、プロフィール写真 をクリックして[ブランド]に進み、[ブランド フォームを関連付けるブランド を選択します。ブランドへのアセットの関連付けについて詳細をご確認ください。
3. 右上の[ フォームを作成]をクリックします。
4. [フォームエディター]を選択し、[次へ]をクリックします 。
5. 既成のテンプレートのメニューから[ テンプレートを使用]をクリックします。独自のフォームを作成する場合は、「 ゼロから始める 」テンプレートを使用します。 

フォームにフィールドを追加する

フォームフィールドは、訪問者から特定の情報を収集し、CRMのプロパティーにマッピングします。

1. フォームエディターの左上にある +追加アイコンをクリックします。
2. [フィールド]パネルで、フィールドタイプをクリックしてフォームにドラッグします。
3. [ フィールドを編集 ]パネルで、フィールドの接続先にする既存の プロパティーを検索して選択します 。 
4. 新しいプロパティーを作成して接続するには、[ 新規プロパティーを作成]をクリックします。 
5. 右側のパネルで 、プロパティーを設定します。次に、[ プロパティーを作成]をクリックします。

作成されると、新しいプロパティーは選択したフォームフィールドに自動的に接続されます。プロパティー設定で、[ フォームとチャットフローに表示 ]オプションは既定で選択されています。プロパティーを管理する方法をご確認ください。

フォームフィールドのオプションを編集

フォームにフィールドを追加したら、フィールドのオプションを編集します。

1. フォームエディターで、編集する フィールド をクリックします。

2. [フィールドを編集 ]パネルで、[ フィールドオプション ]セクションに移動します。以下のオプションは、フィールドのプロパティータイプによって異なる場合があります。
   • ヘルプテキスト: フィールドラベルの下に表示される情報テキスト。
   • プレースホルダーテキスト: 入力前にフィールド内に表示されるテキスト。訪問者がフィールドに値を入力すると、プレースホルダーテキストがクリアされます。フィールドが空白のままであっても、値は送信に入力されません。
   • デフォルト値: 訪問者が変更しない限り、そのまま送信されるフィールドデフォルト値。
   • 非表示フィールド：このオプションをオンに切り替えると、フォーム送信によってフィールドに値が設定されますが、訪問者にはフィールドが表示されません。設定がオンに切り替わったら、フォーム送信時にプロパティーに渡されるデフォルト値を設定してください。
   • 必須フィールド：このオプションをオンに切り替えた場合、フォームを送信するにはこのフィールドに入力する必要があります。フォームフィールドを必須に設定した場合、非表示に設定することはできません。

テキスト、メディア、セキュリティー、プライバシーの各要素を追加

テキスト、画像、ヘッダーを追加してフォームをカスタマイズできます。データのプライバシーと同意のオプション 、 およびreCAPTCHA をフォームに追加する方法について詳細をご確認ください。 

1. フォームエディターの左上にある +追加アイコンをクリックします。
2. 左側のパネルで [その他]をクリックします。
3. テキスト要素とメディア 要素をクリックしてフォームにドラッグします。
4. 各要素を設定します。
   • [画像]: [画像をアップロード]または[画像を参照]をクリックして画像を追加するか、[ 生成 ]をクリックして Breezeを使用してコンテンツを作成します。
   • 見出し:フォームフィールドに ヘッダーテキスト を入力します。
   • リッチテキスト: フォームフィールドにテキスト を入力します。テキストスタイルを編集するには、左側のパネルで 展開したビューで編集]をクリックします。

マルチステップフォームを作成する

マルチステップフォームを使用して長いフォームを小さなステップに分割し、完了率を改善します。フォームごとに最大で20ステップを追加することができます。

フォームステップを追加するには、次の手順に従います。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。

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

4. ステップの順番を変えるには、そのステップにマウスポインターを合わせます。次にステップの左上で［ステップ［X］］をクリックして、変更後の位置までドラッグします。
5. ステップを複製するには、該当するステップの上にマウスポインターを置き、duplicate複製アイコンをクリックします。Eメール、reCAPTCHA、またはデータ プライバシー フィールドを含んでいるステップを複製することはできません。
6. ステップを削除するには、ステップにマウスポインターを合わせてdelete 削除アイコンをクリックします。

進捗バーを表示する

進捗バーには、ユーザーがフォーム上でどの程度完了したかが視覚的に表示されるため、フォームの完了率が向上します。

進捗バーをオンにするには、次の手順に従います。

1. フォームエディターでフォームステップの上にマウスポインターを置き、 edit 編集 アイコンをクリックします。
2. [ステップを編集 ]パネルで、[ 進捗バー ]スイッチをオンに切り替えます。進捗バーは、すべてのフォーム ステップに追加されます。 
3. [形式] セクションで、進捗インジケーター(パーセンテージまたはステップ数)を選択します。

フォーム、確認メッセージ、リダイレクトをカスタマイズ

訪問者がフォームを送信したときに、サンキューメッセージを表示するか、訪問者をページ、ミーティングリンク、または支払いリンクにリダイレクトします。 

1. フォームエディターの左上にある siteTreeIcon コンテンツアイコンをクリックします。 
2. 左側のパネルで[ 送信]をクリックします。エディターで フォームステップ をクリックすることもできます。 
3. [ オプション ]タブで、フォーム送信時に表示されるコンテンツを選択します。
   • サンキューメッセージを表示: 既定のサンキューメッセージの上にマウスポインターを置き、[ editIcon 編集]アイコンをクリックすると、テキストの追加や編集ができます。 
     • 展開されたリッチ テキスト エディターでサンキューメッセージを編集するには、左パネルの[ リッチテキスト]で[ 展開したビューで編集]をクリックします。 
   • ページ、URL、ミーティング、または支払いリンクにリダイレクト: 訪問者がフォームを送信したときに、HubSpotページ、ミーティングリンク、支払いリンク、または特定のURLにリダイレクトします。 
     • [ページ、URL、ミーティング、または支払いリンクにリダイレクト]ドロップダウンメニューをクリックし、リダイレクトコンテンツを選択するか、特定のURLを入力します。 

条件付きロジックを設定して、フォーム回答に基づいて訪問者を特定のページにリダイレクトするには、 条件付きロジックを追加する方法をご確認ください。

条件付きロジックを適用 

条件分岐ロジックは、フォーム要素の表示/非表示を切り替えたり、回答に基づいて訪問者をリダイレクトしたりします。これにより、訪問者に対して高度にパーソナライズされた関連性の高いフォーム環境を作成できます。例えば、訪問者が特定のオプションを選択したときに追加のフィールドを表示したり、回答に基づいて訪問者を別のページにリダイレクトしたりできます。

条件付きロジックを使用すると、次のことが可能になります。

• フィールド、テキスト、画像、または見出しを表示または非表示にします。
• マルチステップフォームでフォームステップを表示または非表示にします。
• フォーム送信後に訪問者をリダイレクトします。

条件付きロジックは、reCAPTCHAまたはデータプライバシー要素に適用できません。フォームごとに最大 100 個のルールを追加でき、ルールごとに 10 個の条件を指定できます。 

フォームの条件付きロジックを設定する

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。
2. 新しいフォームを作成する か、既存のフォームにマウスポインターを合わせて、[編集]をクリックします 。
3. フォームエディターの左上にある workflows ロジックアイコンをクリックします。
4. サイドバーエディターで、[ ロジックを追加]をクリックします。

条件付きロジックルールを設定

1. [ルール]セクションで、条件付きロジックルールを設定します。例えば、[ 市区町村 ]で絞り込み、[ 次の条件のいずれかに該当する:Dublin]を選択した場合、条件付きロジックルールは値が Dublinのレコードにのみ適用されます。
   
2. フィルターを削除するには、deletee削除アイコンをクリックします。
3. フィルターを複製するには、duplicate 複製アイコンをクリックします。
4. ルールにさらにフィルターを追加するには、addこのグループにフィルターを追加をクリックします。
5. ルールにグループを追加するには、[ グループの追加 add]をクリックします。
6. 複数のフィルターまたはグループをルールに追加した場合は、フィルターとグループの間にある [AND ]ドロップダウンメニューをクリックして、 AND または OR ロジックを適用します。
   • AND：ルールがトリガーされるには、ルール内の全てのフィルターが真である必要があります。
   • OR：ルールがトリガーされるには、グループ内の1つのフィルターのみが真である必要があります。 ANDまたはORロジックの詳細をご確認ください。

ルール適合時のアクションを設定

条件付きロジックルールを構成したら、ルールの条件が満たされた場合に適用するアクションを選択します。

注: [ステップ formにスキップ]アクションは廃止されます。フォームで条件付きロジックを使用してフォームのステップを省略する場合、既存のロジックによってフォームのステップが非表示にされ続けます。既存のフォームのロジックを編集する場合は、[ステップまでスキップ]アクション を[ステップを非表示]または[ステップを表示]に置き換えることをお勧めします。

1. [そのとき ]セクションで、ドロップダウンメニューをクリックしてフォーム 上のアクションを選択します。
   
   • フィールドを表示:ユーザーの回答がルールで設定されている条件に一致する場合に、特定のフィールド、リッチ テキスト モジュール、見出し、または画像を表示します。
   • フィールドを非表示:ユーザーの回答がルールで設定されている条件に一致する場合に、特定のフィールド、リッチ テキスト モジュール、見出し、または画像を非表示にします。
   • ステップまでスキップ(非推奨):ユーザーのレスポンスがルールで設定されている条件に一致する場合、特定のステップにスキップします。このアクションを使用するには、フォーム に 3つ以上のステップが必要です。フォームステップの追加について詳しくご確認ください。
   • ステップを非表示: フォームステップが条件を満たしている場合、訪問者に対して非表示になります。このアクションを使用するには、フォームに2つ以上のステップが必要です。
   • ステップを表示: フォームステップは、条件を満たしている訪問者に対してのみ表示されます。訪問者が条件を満たしていない場合、選択されたステップはフォーム上で非表示のままになります。このアクションを使用するには、フォーム に 2つ以上のステップが必要です。
   • リダイレクト先:訪問者のレスポンスがルールで設定された条件に一致する場合、HubSpotページ、外部URL、または支払いリンクにリダイレクトします。 Sales Hub Enterprise または Service Hub Enterprise アカウントのユーザーは、フォームをスケジュール設定ページ上のミーティングリンクにリダイレクトできます。 
2. 選択したアクションに応じて、必須フィールドに入力してください。
3. ルールを設定したら、[ 保存してアクティブ化]をクリックします。

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

ブランディングにマッチしたフォームを作成するには、フィールド、ボタン、背景を含めてフォームの外観をカスタマイズします。 

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

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

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。
2. 新しいフォームを作成する か、既存のフォームにマウスポインターを合わせて、[編集]をクリックします 。
3. 左側にあるスタイル設定アイコンをクリックします。

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

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

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

1. フォームエディターでフォームステップの上にマウスポインターを置き、右上の edit 編集アイコンをクリックします 。
2. 左側のパネルで［スタイル］タブをクリックし、ステップレイアウトを1つ選択します。
3. レイアウトを削除するには、右上の［レイアウトを削除］をクリックします。

4. [バナーの背景]セクションで、[ 背景色]スイッチをオンに切り替えると、フォームの背景色をカスタマイズできます。
5. 色と不透明度を選択します。
6. グラデーションを追加するには、［グラデーション］ドロップダウンメニューをクリックします。
7. バナーの背景に画像を使用するには、[画像をアップロード ]または[参照]をクリックして画像を追加するか、[AIを利用して 生成]をクリックして Breezeを使用してコンテンツを生成します。

フォローアップアクションを自動化する

フォーム送信後、シンプルなワークフローを使用して、Eメールの送信、ユーザーへの通知、またはセグメントへのコンタクトの追加を行います。フォームで自動化を使用する方法について詳細をご確認ください。

フォームエディターでシンプルワークフローを作成するには、次の手順に従います。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。
2. 新しいフォームを作成します または、既存のフォームにマウスポインターを置き、[ 編集]をクリックします。
3. フォームエディターでsettis automati workflows automationアイコンをクリックします。

4. [ フォーム送信後の動作を自動化] セクションで、次の操作を行います。

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

フォームの自動化通知をオンにする

注: スーパー管理者は、 フォーム自動化の通知 のベータにアカウントをオプトインできます。

フォームエディターでシンプルワークフローを有効にした後、フォームの自動化で確認が必要な場合や登録率が変更されたときにユーザーに通知します。

1. フォームエディターでsettis automati workflows automationアイコンをクリックします。
2. シンプルワークフローの右上にある [アクション]をクリックし、[ 通知を編集]を選択します。
3. 注意が必要なエラーがあった場合に通知を受け取るには、右側のパネルで、[ この自動化に問題が発生した場合に通知を受け取る ]スイッチをオンに切り替えます。
4. 登録率が変動したときに通知を受け取るには、[ 登録率に変更があった場合に通知を受け取る ]スイッチをオンに切り替えます。次に、次のオプションから選択します。

• • Breeze Intelligenceを使用:過去30日間のデータに基づいて登録率の変化を自動的に検出するには、このスイッチをオンに切り替えます。
  • 手動の範囲を使用:このスイッチをオンに切り替えると、超過したときに通知がトリガーされる固定レートしきい値を手動で設定できます。

5. [通知の受信者]セクションで、[ユーザーとチーム]ドロップダウンメニューをクリックし、通知の送信先 受信者を選択します。 これらの通知を受信できるのは、少なくとも1つのチャネルでHubSpot通知を オンにしているユーザーのみです。

フォーム設定を構成する

フォーム設定は、コンタクトの作成方法と、フォーム送信後にユーザーに通知する方法を制御します。コンタクトの作成、通知、言語設定などを管理するには、これらの設定を使用します。フォームのオプションは、HubSpotサブスクリプションによって異なります。

フォームエディターで設定にアクセスするには、次の手順に従います。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。
2. 新しいフォームを作成します または、既存のフォームにマウスポインターを置き、[ 編集]をクリックします。
3. フォームエディターで settings 設定アイコンをクリックします。
4. 左側のパネルのタブを使用してフォーム設定を構成します。

全般的なフォーム設定を定義

[ 全般 ]タブは、コンタクトの作成方法設定、フォーム簡略化の有効化、フォームとマーケティングキャンペーンの関連付けを行う際に使用します。 

• Eメールアドレスに値がない場合は自動的に新しいコンタクトを作成：このオプションを選択すると、送信ごとに固有のEメールアドレスを使用して新しいコンタクトレコードが作成されます。Eメールアドレスがデータベース内の既存のコンタクトレコードに一致する場合、既存のレコードの詳細が更新されます。
  • このオプションが オフの場合、最初にHubSpotは、送信されたEメールアドレスを使用して、既存のコンタクトに送信を関連付けようと試みます。Eメールアドレスを持つコンタクトが存在しない場合、HubSpotはブラウザーのCookieに基づいてコンタクトを特定し、 コンタクトを更新します 。これにより、同じデバイスから同じフォームが複数回送信されると、コンタクトが上書きされる可能性があります。
    
  • このオプション がオンにされている場合、HubSpotは以前にトラッキングされたコンタクトに送信を関連付けるために既存のブラウザーCookieを使用しません。[再訪問者の場合はフォームフィールドに事前入力する]と[ フォームをリセットするためのリンクを追加 ]も自動的にオフになります。
• 新規コンタクトをマーケティングコンタクトに設定する: HubSpotアカウントに マーケティングコンタクトへのアクセス権がある場合、このフォームを送信した全てのコンタクトを自動的にマーケティングコンタクトとして設定できます。これには新規コンタクトと既存コンタクトの両方が含まれます。
• 再訪問者の場合はフォームフィールドを事前入力する: コンタクトが以前にサイトを訪問してフォームを送信したことがある場合で、かつHubSpotがCookieを保存してトラッキングできていた場合、フォームに既知のフィールド値が事前入力されます。このオプションはデフォルトで有効になっています。事前入力済みのフォームフィールドの詳細をご確認ください。

• フォーム簡略化 : データエンリッチメントで入力できるフォームフィールドを自動的に非表示にすることで、フォームを短縮します。 フォーム簡略化について詳細をご確認ください。
• フォームをリセットするためのリンクを追加: 再訪問者のためにフォームフィールドを事前入力するように設定している場合、リセットリンクをフォームに追加することもできます。このオプションをオンにした場合、訪問者は あなたではありませんか?事前入力済みのフォームフィールドをクリアするには ここをクリックしてフォームをリセットします。フォームがリセットされると、次のようになります。
  • 特定のフォーム送信についてCookieトラッキングがオフになります。既存のトラッキングCookieは上書きされません。 
  • フォーム送信により、既存のコンタクトレコードに一致しないEメールアドレスに対応する新しいコンタクトレコードが作成されます。 

• マーケティングキャンペーンに追加: 「Marketing Hub Professional」または「Enterprise 」サブスクリプションをご利用の場合、フォームをキャンペーンに関連付けることができます。
  • フォームを既存のキャンペーンに関連付けるには、［キャンペーン］ドロップダウンメニューをクリックし、キャンペーンを選択します。
  • フォームを新しいキャンペーンに関連付けるには、[ キャンペーン ]ドロップダウンメニューをクリックし、[ キャンペーンを作成]をクリックします。続けて、キャンペーンを設定します。

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

送信と通知の設定を行う

[ 送信設定]タブでは、フォーム送信時にユーザーに通知する方法を設定したり、 ブロックされているEメールドメインを管理したりします。

• コンタクト担当者に通知: コンタクト担当者に通知を自動送信します。コンタクトに担当者がいない場合、通知は送信されません。HubSpotのオブジェクト担当者について詳細をご確認ください。
• 通知するユーザーを追加: ドロップダウンメニューで、コンタクト担当者に関係なく、フォームが送信されたときに通知を受け取るユーザーまたはチームの横にあるチェックボックスをオンにします。フォームエディターで設定された受信者は、HubSpotページ上の フォームモジュール で設定された受信者によって上書きされます。

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

フォームを受信トレイまたはヘルプデスクに接続する

[チケット]タブで、フォームを受信トレイまたはヘルプデスクに接続し、それぞれのフォーム送信でチケットを作成します。 

フォームを 受信トレイ または ヘルプデスクに接続する手順は、次のとおりです。

1. [このフォームを受信トレイまたはヘルプデスクに接続]スイッチをオンに切り替えます。

2. ダイアログボックスで、ドロップダウンメニューをクリックし、 受信トレイまたはヘルプデスクを選択してから、[接続]をクリックします。

言語と翻訳の設定を行う

[ 言語 & 地域]タブで、既定の言語設定、フォームのAI翻訳を管理します。 

• プライマリー言語: ドロップダウンメニューをクリックし フォームの既定の言語を選択します。エラーメッセージ、既定のプロパティーのラベル、ヘルプテキスト、プレースホルダーテキスト、既定値はこの言語に翻訳されます。
• コンテンツを再翻訳する: 前回の翻訳以降にフォームを更新した場合は、[ 今すぐ再翻訳 ]をクリックして翻訳を更新します。

フォームをプレビューする

公開前にフォームをプレビューして、訪問者にどのように表示されるかをテストします。フォームプレビューには、マルチステップナビゲーション、条件付きロジック、必須フィールドなど、訪問者がフォームをどのように体験するかが表示されます。これにより、フォーム送信を作成することなく、レイアウトの確認、ロジックの検証、リード創出フローの確認を行うことができます。

フォームをプレビューするには、次の手順に従います。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。
2. 新しいフォームを作成する か、既存のフォームにマウスポインターを合わせて、[ 編集]をクリックします。
3. フォームエディターの右上にある [プレビュー]をクリックします。既定では、フォームがデスクトップ プレビュー モードで開きます。
4. 異なるデバイスタイプでフォームをプレビューするには、上部にある tablet タブレットアイコン またはモバイル アイコン mobile をクリックします。
5. マルチステップフォームの特定のステップをプレビューするには、左上の[ ステップをプレビュー ]ドロップダウンメニューをクリックします。次に、表示する ステップ を選択します。

6. 新しいタブでフォームをプレビューするには、右上の[ 新しいタブで開く]をクリックします。
7. プレビューを共同作業者と共有するには、右上の[ リンクをコピー]をクリックします。
8. 訪問者の行動をテストするには、フィールドに入力するか、プレビューモードでフォームの手順を進めます。プレビューモードではフォームを送信できず、送信データは収集されません。
9. フォームエディターに戻るには、左上の [プレビューを終了]をクリックしてから編集を続けるか、フォームを公開します。

注: フォーム簡略化機能を使用している場合、フォームプレビューには最初に[ Eメール ]フィールドのみが表示されます。訪問者がEメールアドレスを入力すると、エンリッチメントデータがチェックされ、表示する必要がある追加フィールドが決定されます。

フォームを公開して共有する

新しいフォームを作成するかフォームを更新した後、変更内容を適用するにはフォームを更新する必要があります。その後、フォームをHubSpotページまたはCTAに埋め込むことができます。HubSpot以外でホスティングされているコンテンツがある場合は、 フォームの埋め込みコードをコピーする か 、共有リンクを使用して 単体 フォーム ページを共有することができます。

フォームを公開して共有するには、次の手順に従います。

1. HubSpotアカウントで、［その他］をクリックし、［マーケティング］＞［フォーム］の順に進みます。アカウントに［その他］が表示されない場合は、［マーケティング］＞［フォーム］に直接移動します。
2. 新しいフォームを作成する か、既存のフォームにマウスポインターを合わせて、[編集]をクリックします 。
3. 右上の［確認と更新］をクリックして、フォームの更新内容を公開します。
4. 右側のパネルの下部にある［更新］をクリックします。 
5. フォームを埋め込むか共有するには、次のいずれかのオプションを選択します。
   
   • HubSpotに埋め込む：HubSpotのCMS Hubウェブサイトページ、ランディングページ、またはHubSpotのCTAにフォームを埋め込みます。
     • [ フォームをHubSpot ウェブサイトまたはHubSpot ランディングページに含めるか、HubSpot CTAを使用して埋め込むかを選択]セクションで、 コンテンツオプションを選択します。 
     • ドロップダウンメニューをクリックし、フォームを埋め込むリンク先のページまたはCTAを選択します。
   • 埋め込みコードを取得：埋め込みを使用して、外部ホスティングされるページにフォームを追加します。外部ページでのフォームのアナリティクスを追跡するには、HubSpot トラッキングコードを ページにインストールする必要があります。詳細については、HubSpotフォームを外部サイトに追加する方法をご確認ください。
     • 下部にある［コピー］をクリックします。
     • 埋め込みコードを ページのHTMLモジュールに貼り付けます。
   • 共有リンクをコピー：URLを使用してフォームを単体ページとして共有します。

1. 1. • ［コピー］をクリックして、フォームページのURLをクリップボードにコピーします。
      • ブラウザーで新しいウィンドウまたはタブを開き、フォームページのURLをアドレスバーに貼り付けて読み込みます。フォームページのURL自体を共有して、直接フォームにアクセスしてもらうこともできます。

次のステップ 

• フォーム送信データを分析します。

• 活用例:フォームのコンバージョン率の向上