お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Forms

フォームを作成する

更新日時 2021年 3月 4日

対象製品

すべての製品とプラン

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

フォームを作成する

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • 右上の[フォームを作成]をクリックします。
  • 左側のパネルで、[定型フォーム]を選択します。
  • 右上にある[次へ]をクリックします。
  • フォームをゼロから作成する場合は、左側のパネルで[空白のテンプレート]を選択します。また、特定の用途に合わせてフィールドが最初から含まれているテンプレートを利用する場合は、そのテンプレートを選択します。選択したテンプレートのフォームプレビューが右側のパネルに表示されます。
  • 右上にある[開始]をクリックします。
  • フォームエディターの上部で、鉛筆アイコンeditをクリックし、フォーム名を編集します。

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

  • 左側のパネルで、検索バーを使用して既存のフィールドを検索するか、プロパティーグループを参照します。
  • 新しいプロパティーを作成し、フォーム上のフィールドとして利用するには、[新規作成]タブに進みます。
    • [フォーム]フィールドタイプを選択します。
    • 右側のパネルで[オブジェクトタイプ][グループ]を選択し、プロパティーの詳細を追加します。[コンタクト][会社][カスタムオブジェクト]のフィールドを追加することができます。[次へ]をクリックします。
    • プロパティーオプションを確認し、[作成]をクリックします。
  • フィールドをフォームに追加するには、右側のフォームプレビューにドラッグ&ドロップします。フィールドは、他のフィールドの上、下、または横に配置できます。

add-form-fields

注:コンタクトを作成するために、フォーム送信時の[Eメール]フィールドが既定で必須になります。ユーザーがフォームを送信できるようになる前に、Eメールアドレスが有効かどうかがHubSpotにより確認されます。Eメールアドレスが空欄のフォーム送信を許可してコンタクトを作成する方法に関する詳細はこちらをご覧ください。

  • [チケットのプロパティー]セクションでは、フォーム送信からチケットを作成するには、[自動的にチケットを作成]スイッチをクリックしてオンに切り替えます。これにより、フォームがコミュニケーション受信トレイに接続され、チームが顧客からの問い合わせに対応できるようになります。
  • フィールドの表示オプションを編集するには、右側のフォームプレビューのフィールドをクリックします。
  • 必要に応じて、左のパネルでフィールドオプションを編集します。表示されるオプションは、フィールドのプロパティータイプによって異なります。
    • ラベル:公開されるフォーム上に表示されるフィールドの名前。
    • ヘルプテキスト:フィールドのラベルにテキストを追加して、訪問者にフィールド入力時のヒントを提供します。
    • プレースホルダーテキスト:フィールドの入力ボックスに表示されるテキスト。このテキストは、訪問者がフィールドに値を入力すると見えなくなります。また、値が入力されなかった場合にも送信されません。
    • 既定値:訪問者が変更しない限り、そのまま送信されるフィールド既定値。
    • プログレッシブフィールドオプション:フィールドが送信済みの場合に実行するアクションを選択します。フォームのプログレッシブプロファイリングに関する詳細をご覧ください。
    • このフィールドを必須にする:このチェックボックスがオンの場合、フォームを送信するために必ずフィールドを入力する必要があります。
    • このフィールドを非表示にする:このチェックボックスがオンの場合、フィールドはフォームに表示されませんが、すべての送信のコンタクトのプロパティーに値を受け渡すために使用できます。

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

フォローアップEメールを作成する(任意)

  • 上部の[フォローアップ]タブをクリックして、フォーム送信後に訪問者が受信するフォローアップEメールを作成します。このステップは任意です。
  • [フォローアップEメールを作成]をクリックします。
  • 右のパネルで、フォローアップEメールの詳細設定をカスタマイズします。
    • サブスクリプションタイプ:フォローアップEメールのサブスクリプションタイプをクリックして選択します。
    • 送信元ユーザー:フォローアップEメールの送信者をクリックして選択します。
    • 件名:フォローアップEメールの件名を追加します。
    • 本文:コンタクトとのエンゲージメントを続けるためのEメール本文を追加します。
    • Eメールのフッターを編集:クリックすると、Eメール設定で会社名や住所をカスタマイズできます。

注:フォローアップEメールを作成すると、フォームにCAPTCHAが自動的に追加されます。

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

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

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

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

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

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

    • 新しいEメールアドレスで常にコンタクトを作成:このオプションを選択すると、一意のEメールアドレスを使用してすべての送信に新しいコンタクトレコードを作成できます。Eメールアドレスがデータベース内の既存のコンタクトレコードに一致する場合、既存のレコードの詳細が更新されます。このオプションが有効な場合、[コンタクトフィールドに既知の値を事前入力する]オプションは使用できません。

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

      このオプションが有効になっている状態で、ブラウザーにCookieが保存されている訪問者がフォームに新しいEメールアドレスを入力すると、その訪問者による閲覧はトラッキングされなくなります。そのため、コンタクトレコードの情報がフォームのフィールドにあらかじめ入力されなくなります。

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

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

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

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

  • 上部の[スタイルとプレビュー]タブをクリックし、フォームのスタイル設定、プレビュー、およびテストを行います。フォームのプレビューが右側のパネルで更新され、フォームのスタイルや機能のテストを調整します。
  • テーマ:フィールドとボタンのスタイルで使用できる4つのテーマの中から1つを選択します。
    style-and-preview-form-themes
  • スタイル:フォームの幅、フォント、色をカスタマイズします。
  • テスト:このフォームにプログレッシブプロファイリングまたは依存フィールドがある場合、訪問者にどのように表示されるかをテストできます。

フォームを公開する

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