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

フォームを作成する

更新日時 2022年 10月 11日

対象製品

すべての製品とプラン

訪問者や連絡先に関する重要な情報を収集するために、フォームを使用します。HubSpotでは、HubSpotページや外部サイトに追加するフォームを簡単に作成できます。

この手順の概要を確認するには、以下の動画をご覧ください。

フォームを作成する

新規にフォームを作成する場合。

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • 右上の[フォームを作成]をクリックします。
  • フォームをビジネスユニット(「ビジネスユニット追加オプション」のみ)と関連付けるには:
    • [ビジネスユニットを選択]ドロップダウンメニューをクリックします。
    • このフォームを関連付けたいビジネスユニットを選択します。  
  • フォームの種類を選択します。
  • 右上にある[次へ]をクリックします。
  • フォームをゼロから作成する場合は、左側のパネルで[空白のテンプレート]を選択します。また、特定の用途に合わせて事前に選択されたフィールドが最初から含まれているテンプレートを利用する場合は、そのテンプレートを選択します。選択したテンプレートのフォームプレビューが右側のパネルに表示されます。サポートテンプレートを使用する場合は、アカウントアクセスの権限が必要です。  
  • 右上にある[開始]をクリックします。
  • フォームエディターの上部で、edit鉛筆アイコンをクリックし、フォーム名を編集します。

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

フォームフィールドを追加して、ウェブサイトの訪問者や連絡先から情報を収集することができます。フォームフィールド間でリッチ テキスト エリアを追加して、カスタマイズ可能なテキストを追加したり、ヘッダーを作成したり、フォームにスペースを追加したりすることができます。

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


フォームフィールドを追加・編集する
  • 左側のパネルで、検索バーを使用して既存のフィールドを検索するか、プロパティーグループを参照します。追加されたフィールドのオブジェクトタイプによって、フォーム送信が関連レコードのアクティビティータイムラインに表示されるかどうかが決まります。
  • 新しいプロパティーを作成し、フォーム上のフィールドとして利用するには、[新規作成]タブをクリックします。
    • フォームフィールドの種類を選択します。訪問者が複数のオプションを選択できるフィールドを作成する場合、[チェックボックス]タイプと[ラジオ]タイプには利用可能なすべてのオプションが表示され、[ドロップダウン]にはドロップダウンメニュー内のすべてのオプションが含まれます。
    • 右側のパネルで、フォームフィールドを設定します。
      • オブジェクトタイプ:オブジェクトタイプを選択します。[コンタクト]、[会社][カスタムオブジェクト]のフィールドを追加することができます。チケットのプロパティーは、[自動チケット作成]がオンになっている場合に追加できます。
      • グループ:プロパティーグループを選択します。 
      • ラベル:プロパティー名にテキストを入力します。
      • 説明:プロパティーの説明を入力します。これは任意であり、空白のままにすることもできます。
    • [次へ]をクリックします。
    • プロパティーオプションを確認し、[作成]をクリックします。
  • フィールドをフォームに追加するには、フィールドをクリックして右側のフォームプレビューにドラッグします。フィールドは、他のフィールドの上、下、または横に配置できます。

Drag form fields-1

 

  • 各フォームの送信によってチケットを作成するには、[チケットのプロパティー]セクションで[自動的にチケットを作成]スイッチをオンに切り替えます。これにより、フォームがコミュニケーション受信トレイに接続され、チームが顧客からの問い合わせに対応できるようになります。


  • フィールドの表示オプションを編集するには、右側のフォームプレビューのフィールドをクリックします。
  • 必要に応じて、左のパネルでフィールドオプションを編集します。表示されるオプションは、フィールドのプロパティータイプによって異なります。その他の利用可能なフィールド カスタマイズ オプションの詳細をご確認ください。
    • 基本」タブで 
      • ラベル:フォーム上に表示されるフィールドの名前。
      • ヘルプテキスト:フィールドのラベルにテキストを追加して、訪問者にフィールド入力時のヒントを提供します。
      • プレースホルダーテキスト:フィールドの入力ボックスに表示されるテキスト。このテキストは、訪問者がフィールドに値を入力すると見えなくなります。また、値が入力されなかった場合にも送信されません。
      • 既定値:訪問者が変更しない限り、そのまま送信されるフィールド既定値。
      • このフィールドを必須にする:このチェックボックスがオンの場合、フォームを送信するには必ずフィールドに入力する必要があります。
      • このフィールドを非表示にする:このチェックボックスがオンの場合、フィールドはフォームに表示されませんが、すべての送信のコンタクトのプロパティーに値を受け渡すために使用できます。
    • ロジック ]タブで 
      • 進行中のフィールド:フィールドが以前に送信された場合に取るべきアクションを選択します。フォームのプログレッシブフィールドについて詳細をご確認ください。
      • 従属フィールド:前のフィールドに対する訪問者の回答に基づいて、追加のフィールドを表示します。フォームの従属フィールドについて、詳しくはこちらをご覧ください。

 

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

オプション ]タブで、フォーム送信後の動作を設定します。投稿設定、ユーザー通知、フォームやエラーメッセージの言語などを設定することができます。HubSpotの契約内容によっては、一部のオプションが表示されない場合があります。 

必要に応じてフォームの設定をカスタマイズします。
  • 支払いオプション:HubSpotで支払いツールを設定した場合、フォームで支払いを収集することができます。 
    • クリックすると、Collect Paymentsのスイッチがオンになります。
    • 支払いリンクのドロップダウンメニューをクリックし、支払いリンクを選択します。  
  • 訪問者がこのフォームを送信した後のアクション:訪問者にサンキューメッセージを表示するか、フォーム送信後に別のページにリダイレクトするかを選択します。これは、HubSpot以外のページに埋め込まれたフォームや、スタンドアロンページとして共有されたフォームに対するアクションを設定するものHubSpotページに追加されたフォームに対するアクションを設定または変更するものではありません。
  • 連絡先や会社の作成時にライフサイクルステージを設定する:Set lifecycle state toドロップダウンメニューをクリックし、ライフサイクルステージを選択します。訪問者がフォームを送信すると、新規または既存のレコードが、選択されたライフサイクルステージに設定されます。   
    • レコードのライフサイクルステージを後方に移動させることはできません。ライフサイクルステージが遅い既存のコンタクトや企業がフォームを送信した場合、ライフサイクルステージは更新されません
  • フォローアップオプション:[コンタクト担当者に送信Eメール通知を送信]チェックボックスをオンにして、コンタクト担当者に通知を自動送信します。

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

  • キャンペーン:フォームをHubSpotのキャンペーンに関連付けるには、[キャンペーン]ドロップダウンメニューをクリックし、キャンペーンを選択します。代わりに新しいキャンペーンを作成するには、[キャンペーンを作成]を選択します。詳しくは、HubSpotでのキャンペーンの取り扱いをご覧ください。
  • フォームとエラーメッセージの言語:デフォルトのフィールドラベルと、フォームへの入力に誤りがあった場合に訪問者に表示されるエラーの言語を選択します。
  • 新しいEメールアドレスで常にコンタクトを作成:このオプションを選択すると、一意のEメールアドレスを使用してすべての送信に新しいコンタクトレコードを作成できます。Eメールアドレスがデータベース内の既存のコンタクトレコードに一致する場合、既存のレコードの詳細が更新されます。
    • このオプションがオフの場合、最初にHubSpotは、送信されたEメールアドレスを持つ既存のコンタクトに送信を関連付けようと試みます。そのEメールアドレスを持つコンタクトが存在しない場合、HubSpotはブラウザーのCookieに基づいてコンタクトを認識し、更新します。同じデバイスから同じフォームが複数回送信されると、コンタクトが上書きされる可能性があります。
    • このオプションがオンにされている場合、Cookieが保存されているブラウザーでコンタクトが別のEメールを使用してフォームを送信すると、そのコンタクトの閲覧はトラッキングされなくなります。また、[コンタクトフィールドに既知の値を事前入力する]が自動的に無効にされます。
  • 作成された連絡先をマーケティング連絡先として設定: HubSpotアカウントにマーケティング連絡先へのアクセス権がある場合、このフォームから作成された連絡先を自動的にマーケティングとして設定することができます。
  • フォームをリセットするためのリンクを追加:訪問者がフォーム上で事前入力されたフィールドから値を削除して新しいコンタクトとしてフォームを送信できるようにするには、このオプションを選択します。有効にすると、訪問者は[Not you? Click here to reset(ご本人ではありませんか?リセットするには、ここをクリックしてください)]リンクをクリックしてフォームをリセットできるようになります。これにより、フォーム送信でのCookieトラッキングも無効になり、Cookieは上書きされなくなります。 
  • フィールドに既知の値を事前入力する:コンタクトが以前にサイトを訪問してフォームを送信したことがある場合で、かつHubSpotがCookieを保存してトラッキングできていた場合、フォームに既知のフィールド値が事前入力されます。このオプションはデフォルトで有効になっています。事前入力されたフォームフィールドの詳細についてはこちらをご覧ください。

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

Style& preview タブから、フォームのスタイルをカスタマイズします。フォームのプレビューが右側のパネルで更新され、フォームのスタイルや機能のテストを調整します。

以下のカスタマイズが可能です。

  • 生のHTMLフォームとして設定する:もしあなたがマーケティング・ハブまたはCMSハブプロフェッショナルまたはエンタープライズ契約を結んでいる場合、このオプションを選択すると、フォームをiframe内ではなく、生のHTML要素としてレンダリングすることができます。次のことに注意してください。
  • 入力オプション:フィールドとボタンのスタイルで使用できる4つのテーマの中から1つを選択します。
  • スタイルフォームのフィールド幅、フォント、カラーをカスタマイズすることができます。
  • テスト:このフォームにプログレッシブフィールドや従属フィールドがある場合、訪問者にどのように表示されるかをテストすることができます。

フォームでオートメーションを使う

コンタクトへのフォローアップメールの送信や、フォームを使った自動社内メール通知など、簡単な自動化機能を利用することができます。また、フォームの送信を簡単なワークフローのトリガーとして使用することもできます。フォームツールでの自動化の使用方法についてはこちらをご覧ください。

  • 上部にある[Automations(自動化)タブをクリックします。[Automations(自動化)]タブから、フォーム送信後の動作を設定することができます。
    • 「フォーム送信後の動作を選択」セクションで、必要に応じてフォームの設定をカスタマイズしてください。
    • 簡単なワークフローの作成では電子メールの送信や連絡先のプロパティの設定など、フォローアップのアクションを自動化するための簡単なワークフローを設定します。

フォームを公開する

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

一度公開されたフォームを非公開にすることはできません。フォームが外部ページに埋め込まれている場合は、フォームの埋め込みコードを手動で削除できます。しかし、スタンドアロン フォーム ページを無効にするには、フォームを削除するしかありません。

フォームを公開したら、フォーム送信データの分析方法について詳細をご確認ください。 

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.