フォームを作成する

フォームを使用して、訪問者やコンタクトに関する重要な情報を収集することができます。HubSpot では、HubSpot ページや外部サイトに追加するフォームを簡単に作成できます。

フォームを作成する

• HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。
• 右上の [フォームを作成] をクリックします。
• 左側のパネルで、［通常フォーム］を選択します。
• 右上にある［次へ］ をクリックします。
• 左側のパネルで、空白のテンプレートを選択して空白のフォームから開始するか、事前作成されたテンプレートを使用して特定の使用事例用のフィールドが含まれたフォームから開始します。選択したテンプレートのフォームプレビューが右側のパネルに表示されます。
• 右上にある [開始] をクリックします。
• フォームエディターの上部で、鉛筆アイコン  をeditクリックしてフォーム名を編集します。

  

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

• 左側のパネルで、検索バーを使用してフィールドを検索するか、プロパティーグループを参照します。新規でコンタクトプロパティを作成しフォーム上のフィールドとして利用するには、検索バーの隣の［新規作成］をクリックします。
• 選択したフィールドをフォームに追加するには、フィールドを右側のフォームプレビューにドラッグ＆ドロップします。フィールドは、他のフィールドの上、下、または横に配置できます。

注：デフォルトでコンタクトを作成するには、フォーム送信時の[E メール] フィールドが必須になります。E メールアドレスが空欄のフォーム送信を許可してコンタクトを作成する方法に関する詳細はこちらをご覧ください。

• フィールドの表示オプションを編集するには、右側のフォームプレビューのフィールドをクリックします。
• 必要に応じ、左のパネルでフィールドオプションを編集します。表示されるオプションは、フィールドのプロパティータイプによって異なります。
  • ラベル：公開されるフォーム上に表示されるフィールドの名前。
  • ヘルプテキスト: フィールドのラベルにテキストを追加して、訪問者にフィールド入力時のヒントを提供します。
  • プレースホルダーテキスト：フィールドの入力ボックスに表示されるテキスト訪問者がフィールドに値を入力すると、テキストは表示されなくなります。訪問者が値を入力しなかった場合でも送信されません。
  • 規定値：訪問者が変更しない限り、そのまま送信されるフィールド規定値
  • プログレッシブフィールド オプション: フィールドが送信済みの場合に実行するアクションを選択します。フォームの「プログレッシブプロファイリング」についてもっと詳しく。
  • このフィールドを必須にする：チェックボックスが選択されている場合、フォームを送信するために必ずフィールドを入力する必要があります。
  • このフィールドを非表示にする： チェックボックスが選択されている場合、フィールドはフォームに表示されませんが、すべての送信のコンタクトのプロパティーに値を受け渡すために使用できます。

フォームフィールド間でリッチテキストエリアを追加して、カスタマイズ可能なテキストを追加し、ヘッダーを作成したり、フォームにスペースを追加したりすることもできます。

• ［フォローアップEメールを作成］をクリックします。
• 右のパネルで、フォローアップEメールの詳細設定をカスタマイズします。
  • サブスクリプションタイプ：フォローアップEメールのサブスクリプションタイプをクリックして選択。
  • ユーザーから：フォローアップEメールの送信者をクリックして選択します。
  • 件名欄：フォローアップEメールの件名を追加します。
  • 本文：コンタクトとのエンゲージメントを持続させることに役立つEメール本文を追加します。
  • ［Eメールのフッターを編集］：フッターをクリックし、Eメール設定で会社名や住所をカスタマイズできます。

フォームオプションをカスタマイズする

• 上部の［オプション］タブをクリックします。
• 必要に応じてフォームの設定をカスタマイズします。
  • 訪問者がこのフォームを送信した後のアクション： 訪問者にサンキューメッセージを表示するか、フォーム送信後に別のページにリダイレクトするかを選択します。

    注：この方法では、非HubSpotページに埋め込まれたフォームまたはスタンドアロンページで共有されたフォームにのみアクションを設定できます。HubSpotページに追加されたフォームのアクションは設定・変更されません。

  • フォローアップオプション： [コンタクト担当者に送信Eメール通知を送信] チェックボックスをオンにして、コンタクト担当者に通知を自動送信します。

  • 次の宛先に送信メール通知を送信：ドロップダウンメニューをクリックして、コンタクト担当者に関係なく、送信Eメール通知を送信するチームまたは個人を選択します。ここに設定された受信者は、HubSpotページのフォームオプションで設定された受信者で上書きされます。

  • フォームおよびエラーメッセージの言語： フォームを正しく入力しない訪問者に表示される既定のフィールドラベルとエラーメッセージの言語を選択します。

  • 必ず新しいEメールアドレスのコンタクトを作成する：このオプションを選択すると、一意のEメールアドレスを使用してすべての送信に新しいコンタクトレコードを作成できます。Eメールアドレスがデータベース内の既存のコンタクトレコードに一致する場合、既存のレコードの詳細が更新されます。

    注：このオプションが無効になっている場合、ブラウザでドロップされたCookieに基づいてHubSpotがコンタクトを認識して更新します。同じデバイスで同じフォームが複数回送信されると、コンタクトが上書きされる可能性があります。

  • 訪問者がフォームに事前入力されたフィールドを削除できるようにし、送信時に新しいコンタクトを作成できるようにするには、 [ユーザーのリンクを追加] チェックボックスをオンにします。このオプションを選択すると、フォームフィールドに自分または他のユーザーの情報が事前入力されている場合、訪問者が［お客様ではない場合］をクリックできるようになります。フォームをリセットするリンクをリセットするには、ここをクリックしてください。これにより、フォーム送信でcookieトラッキングが無効になり、cookieは上書きされません。

  • フィールドに既知の値を事前入力する：コンタクトが以前にサイトを訪問してフォームを送信したことがある場合で、かつHubSpotがCookieを保存してトラッキングできていた場合、フォームに既知のフィールド値が事前入力されます。このオプションを有効にすると、サイトのフォーム入力を簡略化できます。

    このオプションは既定で有効になっています。このオプションを無効にするには、[フィールドに既知の値を事前入力する]をオフにします。

フォームにスタイルを設定してプレビューする

• 上部の[スタイルとプレビュー]タブをクリックし、フォームのスタイル設定、プレビュー、およびテストを行います。フォームのプレビューが右側のパネルで更新され、フォームのスタイルや機能のテストを調整します。

• テーマ：フィールドとボタンのスタイルで使用できる4つのテーマを選択します。
  
• スタイル：フォームの幅、フォント、色をカスタマイズします。
• テスト：このフォームにプログレッシブプロファイリングまたは依存フィールドがある場合、訪問者にどのように表示されるかをテストできます。

フォームを公開する

右上にある［公開］をクリックし、HubSpotページで使用しましょう。また、外部のウェブサイトにフォームを埋め込む、スタンドアローンページとしてシェアすることも可能です。