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

フォームの作成(旧)

更新日時 2025年 2月 18日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン



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

注: フォームの作成と管理には 、更新されたフォームエディター を使用することをお勧めします。この記事は、 従来のエディター のみで作成した既存のフォームのリファレンスとしてご利用ください。

旧フォームを作成

従来のフォームを作成するには、次の手順に従います。

  • HubSpotアカウントにて、[マーケティング]>[フォーム]の順に進みます。
  • 右上の[フォームを作成]をクリックします。

注: フォームの作成時にのみフォームをビジネスユニットに関連付けることができます。ビジネスユニットへのフォームの関連付けについて詳細をご確認ください。

  • [従来のフォームエディター]を選択します。
  • 右上の[次へ]をクリックします。
  • フォームをゼロから作成する場合は、左側のパネルで[空白のテンプレート]を選択します。また、特定の用途に合わせて事前に選択されたフィールドが最初から含まれているテンプレートを利用する場合は、そのテンプレートを選択します。

    注:2024年4月1日以降に作成されたアカウントでは、ヘルプデスクに接続されたフォームからのみチケットを作成できます。

  • 右上にある[開始]をクリックします。
  • フォームエディターの上部にあるedit鉛筆アイコンをクリックし、フォーム名を編集します。

regularform

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

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

複数チェックボックス、ラジオボタン選択、ドロップダウン選択、日付、ファイルアップロード、電話番号、ブログ配信登録のフィールドを使用する場合は、これらのフィールドタイプで利用できる追加のカスタマイズオプションについて詳細をご確認ください。 

注:

  • デフォルトでは、コンタクトを作成するには、フォームを送信するための[Eメール]フィールドへの値の入力が必須になります。ユーザーがフォームを送信できるようになる前に、Eメールアドレスが有効かどうかがHubSpotにより確認されます。Eメールアドレスなしのフォーム送信を許可するコンタクトを作成する方法については、こちらをご覧ください。
  • スコア、計算、リッチテキスト、HubSpotユーザーのプロパティーをフォームで使用することはできません

 

フォームフィールドを追加するには:
  • 左側のパネルで、検索バーを使用して既存のフィールドを検索するか、プロパティーグループを参照します。追加されたフィールドのオブジェクトタイプによって、フォーム送信が関連レコードのアクティビティータイムラインに表示されるかどうかが決まります。
  • 新しいプロパティーを作成し、フォーム上のフィールドとして使用するには、[新規作成]タブをクリックします。
    • フォームフィールドのタイプを選択します。 
    • 右側のパネルで、フォームフィールドを設定します。
      • プロパティーラベル:プロパティーに名前を付けるテキストを入力します。 
      • オブジェクトタイプ:オブジェクトタイプを選択します。[コンタクト][会社]および[カスタムオブジェクト]フィールドを追加できます。[自動チケット作成]がオンになっている場合に、チケットのプロパティーを追加できます。
      • ビジネスユニット:プロパティーを作成するビジネスユニットを選択します(ビジネスユニット追加オプションのみ)。 
      • グループ:プロパティーグループを選択します。 
    • プロパティーオプションを確認してから、[作成]をクリックします。
  • フィールドをフォームに追加するには、フィールドをクリックして右側のフォームプレビューにドラッグします。フィールドは、他のフィールドの上、下、または横に配置できます。

 

  • HubSpotで決済機能を設定している場合は、フォームで決済を収集する方法をご覧ください .[支払い]オプションが有効になっている状態で、同じフォームからチケットを作成することはできません。 
  • 各フォーム送信からチケットを作成するには、アカウントアクセス権限を持つスーパー管理者またはユーザーは、チケットプロパティーセクションのチケット自動作成スイッチをオンにすることができます。これはフォームをコミュニケーション受信トレイまたはヘルプデスクに接続し、自分のチームが顧客の問い合わせに対応できるようにします。[自動的にチケットを作成]オプションをオンにすると、同じフォームから支払いを回収することができなくなります。 

注:2024年4月1日以降に作成されたアカウントでは、ヘルプデスクに接続されたフォームからのみチケットを作成できます。

 

 

フォームフィールドのオプションを管理する 

フィールドのオプションを編集するには:
  • 右側のパネルで、フォームプレビュー内のフィールドをクリックします。
  • 必要に応じて、左側のパネルでフィールドのオプションを編集します。表示されるオプションは、フィールドのプロパティータイプによって異なる場合があります。その他の利用可能なフィールド カスタマイズ オプションの詳細をご確認ください。
    • [基本]タブ:
      • このフィールドを必須にする: このオプションがオンに切り替えられている場合、フォームを送信するためにフィールドに入力する必要があります。フォームフィールドを必須に設定した場合、非表示に設定することはできません。 
      • このフィールドを非表示にする:このオプションがオンに切り替えられている場合、フィールドはフォームに表示されませんが、すべての送信で値を コンタクト プロパティーに渡す ために使用できます。
      • ラベル:フォーム上に表示されるフィールドの名前。
      • ヘルプテキスト: フィールドのラベルの下に表示される、訪問者のフィールド入力に役立つ情報テキスト。
      • プレースホルダーテキスト:フィールドの入力ボックスに表示されるテキスト。訪問者がフィールドに値を入力すると、このテキストは表示されなくなります。フィールドが空欄になっていても、このテキストがフォームのデータとして送信されることはありません。
      • デフォルト値:訪問者が変更しない限り、そのまま送信されるフィールドデフォルト値。

  •  
    • [ロジック]タブ: 
      • プログレッシブフィールドフィールドが送信済みの場合に実行するアクションを選択します。フォームのプログレッシブ フィールドについてはこちらをご覧ください。
      • 依存フィールド:前のフィールドに対する訪問者の回答に基づいて追加のフィールドを表示します。フォームの依存フィールドについて詳細をご確認ください。

 

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

[オプション]タブで、フォーム送信後の動作を設定します。送信設定、ユーザー通知、フォームとエラーメッセージの言語などを設定できます。利用しているHubSpotサブスクリプションによっては、一部のオプションが表示されないことがあります。 

  • 誰かがこのフォームを送信した後のアクション:フォーム送信後の表示を選択します。この方法では、HubSpot以外のページに埋め込まれたフォームまたはスタンドアロンページとして共有されたフォームのみ、アクションを設定できます。HubSpotページに追加されたフォームのアクションは設定・変更されません。
    • サンキューメッセージ:フォーム送信後に表示されるサンキューメッセージを設定します。 
    • HubSpotページまたは外部URL:フォーム送信後、訪問者を別のページにリダイレクトします。公開されているHubSpotページを選択するか、外部URLを使用することができます。 
    • スケジュール設定ページ:SalesまたはService Hub Enterpriseサブスクリプションをご利用の場合、訪問者を、ミーティング予約用の指定されたミーティングのスケジュール設定ページにリダイレクトできます。送信された全てのフォームフィールドが自動的に入力されます。
    • 条件に基づいてスケジュール設定ページ、HubSpotページ、または外部URLにリダイレクト:SalesまたはService Hub Enterpriseサブスクリプションをご利用の場合、訪問者を指定のミーティングのスケジュール設定ページ、HubSpotページ、または外部URLにリダイレクトできます。ミーティングのスケジュール設定ページにユーザーをリダイレクトする場合、送信されたフォームフィールドは自動的に入力されます。条件に基づいて、ミーティングのスケジュール設定ページ、HubSpotページ、または外部URLへフォームをリダイレクトする方法についてご確認ください。 
  • 送信に基づいてライフサイクルステージをカスタマイズ:[ ライフサイクルステージの設定先 ]ドロップダウンメニューをクリックし、 ライフサイクルステージを選択します。訪問者がフォームを送信すると、新規または既存のレコードが、選択されたライフサイクルステージに設定されます。 
    • レコードのライフサイクルステージを戻すことはできません。ライフサイクルの先の方のステージに進んでいる既存のコンタクトまたは会社がフォームを送信しても、ライフサイクルステージは更新されません。 
  • フォローアップオプション:[コンタクト担当者に送信Eメール通知を送信]チェックボックスをオンにして、コンタクト担当者に通知を自動送信します。コンタクトに担当者がいない場合、通知は送信されません。HubSpotのオブジェクト所有権について詳しくはこちらをご覧ください。 

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

  • フォームおよびエラーメッセージの言語:フォームが正しく入力されていない場合に訪問者に対して表示するデフォルトのフィールドラベルとエラーメッセージの言語を選択します。
  • マーケティングキャンペーンに追加:Marketing Hub ProfessionalまたはEnterpriseサブスクリプションをご利用の場合、フォームを次のようにキャンペーンに関連付けることができます。
    • フォームを既存のキャンペーンに関連付けるには、[キャンペーン]ドロップダウンメニューをクリックし、キャンペーンを選択します。
    • フォームを新規キャンペーンに関連付けるには、[キャンペーン]ドロップダウンメニューをクリックし、[キャンペーンを作成]をクリックします。そして、キャンペーンを設定に進みます。 
    • キャンペーンを作成したことがない場合は、[キャンペーンを作成]をクリックします。そして、キャンペーンを設定に進みます。 
  • 新しいEメールアドレスで常にコンタクトを作成:このオプションを選択すると、全ての送信で、固有のEメールアドレスが設定された新しいコンタクトレコードを作成できます。Eメールアドレスがデータベース内の既存のコンタクトレコードに一致する場合、既存のレコードの詳細が更新されます。
    • このオプションがオフの場合、最初にHubSpotは、送信されたEメールアドレスを持つ既存のコンタクトに送信を関連付けようと試みます。そのEメールアドレスにコンタクトが存在しない場合、HubSpotはコンタクトのブラウザーにあるCookieに基づいてコンタクトを認識し、更新します。同じデバイスから同じフォームが複数回送信されると、コンタクトが上書きされる可能性があります。
    • このオプションがオンにされている場合、Cookieが保存されているブラウザーでコンタクトが別のEメールを使用してフォームを送信すると、そのコンタクトの閲覧はトラッキングされなくなります。[ コンタクトフィールドに既知の値を事前入力 する]オプションも自動的にオフになります。
  • 作成したコンタクトをマーケティングコンタクトに設定する: HubSpotアカウントにマーケティングコンタクトへのアクセス権()がある場合、このフォームを送信したコンタクトを自動的にマーケティングコンタクトに設定できます。これには新規コンタクトと既存コンタクトの両方が含まれます。
  • フォームをリセットするためのリンクを追加:訪問者がフォーム上で事前入力されたフィールドから値を削除して新しいコンタクトとしてフォームを送信できるようにするには、このオプションを選択します。オンにすると、訪問者は お客さまではない場合、リセットするにはここをクリックしてください]リンクをクリックしてフォームをリセットできるようになります。これにより、フォーム送信のCookie 追跡もオフになり、Cookie上書きが防止されます。 
  • フィールドに既知の値を事前入力する:コンタクトが以前にサイトを訪問してフォームを送信したことがある場合で、かつHubSpotがCookieを保存してトラッキングできていた場合、フォームに既知のフィールド値が事前入力されます。このオプションは既定でオンになっています。事前入力済みのフォームフィールドの詳細をご確認ください。

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

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

次のようなカスタマイズが可能です。

  • 未加工のHTMLフォームとして設定:Marketing HubまたはContent Hub ProfessionalまたはEnterpriseサブスクリプションをご利用の場合、このオプションを選択すると、iframeの中ではなく未加工のHTML要素としてフォームが表示されます。次の点に注意してください。
  • 入力オプション:フィールドとボタンのスタイルで使用できる4つのテーマの中から1つを選択します。
  • スタイル:フォームのフィールド幅、フォント、色をカスタマイズします。
  • テスト:フォームでプログレッシブフィールドまたは依存フィールドを使用している場合、フィールドが訪問者にどのように表示されるかをテストできます。

formtheme

フォームで自動化を使用する

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

  • 上部にある[自動化]タブをクリックします。[ 自動化]タブから、フォーム送信後の動作を設定できます。
    • [フォーム送信後の動作を自動化]セクションで、必要に応じてフォームの設定をカスタマイズします。
    • [自分のシンプルワークフローを作成]セクションで、フォローアップアクション(Eメールの送信やコンタクトプロパティーの設定など)を自動化するためのシンプルなワークフローを設定します。

フォームを使用する

新しいフォームを作成するかフォームを更新した後で、変更内容を公開するにはフォームを更新する必要があります。次に、フォームをHubSpotコンテンツに追加するか、フォーム埋め込みコードを使用して外部ページに追加するか、共有リンクを使用して単体ページとして共有します。 

  • HubSpotアカウントで、[マーケティングフォーム]>に移動します
  • 新しいフォームを作成するか、または既存のフォームにマウスポインターを置き、[ 編集]をクリックします。
  •  右上の[ 更新 ]をクリックして、フォームの更新を公開します。

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

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。