フォームを作成する
更新日時 2021年 1月 20日
対象製品
すべての製品とプラン |
フォームを使用して、訪問者やコンタクトに関する重要な情報を収集することができます。HubSpotでは、HubSpotのページや外部サイトに追加するフォームを簡単に作成することができます。
このプロセスの概要を見るには、以下の動画をチェックしてみてください。

フォームを作成する
- HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
- 右上の [フォームを作成] をクリックします。
- 左側のパネルで、[通常フォーム]を選択します。
- 右上にある[次へ]をクリックします。
- 左側のパネルで、空白のテンプレートを選択して空白のフォームから開始するか、事前作成されたテンプレートを使用して特定の使用事例用のフィールドが含まれたフォームから開始します。選択したテンプレートのフォームプレビューが右側のパネルに表示されます。
- 右上にある [開始] をクリックします。
- フォームエディターの上部で、鉛筆アイコン をクリックしてフォーム名を編集します。
フォームフィールドを追加・編集する
- 左側のパネルで、検索バーを使用して既存のフィールドを検索するか、プロパティーグループを参照します。
- 新しいプロパティーを作成し、それをフォーム上のフィールドとして利用するには、[新規作成]タブに移動します。
- [フォーム]フィールドタイプを選択します。
- 右側のパネルで[オブジェクトタイプ]、[グループ]を選択し、プロパティーの詳細を追加します。[コンタクト]、[会社]、[カスタムオブジェクト]のフィールドを追加することができます。[次へ]をクリックします。
- プロパティーオプションを確認し、[作成]をクリックします。
- 選択したフィールドをフォームに追加するには、フィールドを右側のフォームプレビューにドラッグ&ドロップします。フィールドは、他のフィールドの上、下、または横に配置できます。
注: デフォルトでコンタクトを作成するには、フォーム送信時の [E メール] フィールドが必須になります。ユーザーがフォームを送信できるようになる前に、Eメールアドレスが有効かどうかがHubSpotにより確認されます。E メールアドレスが空欄のフォーム送信を許可してコンタクトを作成する方法に関する詳細はこちらをご覧ください。
- [チケットのプロパティー]セクションで、フォーム送信からチケットを作成するため、[自動的にチケットを作成]スイッチをクリックしてオンに切り替えます。これにより、フォームがコミュニケーション受信トレイに接続されます。そこで顧客からの問い合わせにチームが対応することができます。
- フィールドの表示オプションを編集するには、右側のフォームプレビューのフィールドをクリックします。
- 必要に応じ、左のパネルでフィールドオプションを編集します。表示されるオプションは、フィールドのプロパティータイプによって異なります。
- ラベル:公開されるフォーム上に表示されるフィールドの名前。
- ヘルプテキスト:フィールドのラベルにテキストを追加して、訪問者にフィールド入力時のヒントを提供します。
- プレースホルダーテキスト:フィールドの入力ボックスに表示されるテキスト訪問者がフィールドに値を入力すると、テキストは表示されなくなります。訪問者が値を入力しなかった場合でも送信されません。
- 既定値:訪問者が変更しない限り、そのまま送信されるフィールド既定値。
- プログレッシブフィールド オプション: フィールドが送信済みの場合に実行するアクションを選択します。フォームのプログレッシブプロファイリングに関する詳細はこちらをご覧ください。
- このフィールドを必須にする:このチェックボックスがオンの場合、フォームを送信するために必ずフィールドを入力する必要があります。
- このフィールドを非表示にする:このチェックボックスがオンの場合、フィールドはフォームに表示されませんが、すべての送信のコンタクトのプロパティーに値を受け渡すために使用できます。
フォームフィールド間でリッチ テキスト エリアを追加して、カスタマイズ可能なテキストを追加したり、ヘッダーを作成したり、フォームにスペースを追加したりすることができます。
フォローアップEメールを作成する(任意)
- 上部の[フォローアップ]タブをクリックして、フォーム送信後に訪問者が受信するフォローアップEメールを作成します。このステップは省略可能です。
- [フォローアップEメールを作成]をクリックします。
- 右のパネルで、フォローアップEメールの詳細設定をカスタマイズします。
- サブスクリプションタイプ:フォローアップ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つのテーマを選択します。
- スタイル:フォームの幅、フォント、色をカスタマイズします。
- テスト:このフォームにプログレッシブプロファイリングまたは依存フィールドがある場合、訪問者にどのように表示されるかをテストできます。
フォームを公開する
右上にある[公開]をクリックし、HubSpotページで使用しましょう。また、外部のウェブサイトにフォームを埋め込む、スタンドアローンページとしてシェアすることも可能です。
関連記事
-
ポップアップフォームを作成する
ポップアップフォームツールを利用すると、新しいリードを惹き付けるリード獲得フォームを簡単に作成できます。...
ナレッジベース -
HubSpotコンテンツに動画を追加する
HubSpot動画は、リッチ テキスト モジュール内のページ、ブログ記事、およびナレッジベース記事上のコンテンツに追加できます。HubSpot動画は、ドラッグ&ドロップ ページ エディターとドラッグ&ドロップ...
ナレッジベース -
HubSpot以外のフォームを使用する
HubSpot以外のフォームとは、外部サイト上に設置された、HubSpot上で作成されていないHTMLフォームです。外部ページにHubSpotのトラッキングコード...
ナレッジベース