フォームの作成（旧）

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

注: フォームの作成と管理には 、最新のフォームエディター を使用することをお勧めします。この記事は、旧バージョンのエディターで作成した既存のフォームに関する参照情報としてのみ使用してください。

制限事項と考慮事項について

• フォームとブランドとの関連付けは、フォームの作成時にのみ実行できます。フォームのブランドを変更するには、フォームを再作成する必要があります。フォームをブランドに関連付ける方法をご確認ください。
• 2024年4月1日以降に作成されたアカウントでは、 ヘルプデスクに接続されたフォームからのみチケットを作成できます。

旧フォームを作成する

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. 右上の[ フォームを作成]をクリックします。
3. ［旧フォームエディター］を選択します。
4. 右上の［次へ］をクリックします。
5. フォームをゼロから作成する場合は、左側のパネルで [空白のテンプレート ]を選択します。また、特定の用途に合わせて事前に選択されたフィールドが最初から含まれているフォームを利用する場合は[テンプレート ]を選択します。
   • 選択したテンプレートのフォームプレビューが右側のパネルに表示されます。
   • アカウントアクセス権限を付与されている場合、フォーム送信からチケットを作成するためのテンプレート サポート を選択できます。これにより 、フォームがコミュニケーションの受信トレイ または ヘルプデスクに接続され、チームが顧客からの問い合わせに対応できるようになります。
6. 右上にある［開始］をクリックします。
7. フォームエディターの上部にある edit 編集アイコンをクリックして、フォーム名を編集します。

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

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

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

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

3. フィールドをフォームに追加するには、フィールドをクリックして右側のフォームプレビューにドラッグします。フィールドを他のフィールドの上、下、または横に配置できます。 

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

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

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

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

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

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

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

• 誰かがこのフォームを送信した後のアクション：フォーム送信後の表示内容を選択します。この方法では、HubSpot以外のページに埋め込まれたフォームまたはスタンドアロンページとして共有されたフォームにのみ、アクションを設定できます。HubSpotページに追加されたフォームのアクションは設定・変更されません。
  • サンキューメッセージ：フォーム送信後に表示されるサンキューメッセージを設定します。 
  • HubSpotページまたは外部URL：フォーム送信後、訪問者を別のページにリダイレクトします。公開されているHubSpotページを選択するか、外部URLを使用することができます。 
  • 日程設定ページ：SalesまたはService Hub Enterpriseサブスクリプションをご利用の場合、訪問者を、ミーティング予約用の指定されたミーティングの日程設定ページにリダイレクトできます。送信された全てのフォームフィールドが自動的に入力されます。
  • 条件に基づいて日程設定ページ、HubSpotページ、または外部URLにリダイレクト：SalesまたはService Hub Enterpriseサブスクリプションをご利用の場合、訪問者を指定のミーティングの日程設定ページ、HubSpotページ、または外部URLにリダイレクトできます。ミーティングの日程設定ページにユーザーをリダイレクトする場合、送信されたフォームフィールドは自動的に入力されます。条件に基づいて、ミーティングの日程設定ページ、HubSpotページ、または外部URLへフォームをリダイレクトする方法についてご確認ください。 
• 送信に基づいてライフサイクルステージをカスタマイズ：［ライフサイクルの状態を次に設定］ドロップダウンメニューをクリックして、ライフサイクルステージを1つ選択します。訪問者がフォームを送信すると、新規または既存のレコードが、選択されたライフサイクルステージに設定されます。 
  • レコードのライフサイクルステージを戻すことはできません。ライフサイクルの先の方のステージに進んでいる既存のコンタクトまたは会社がフォームを送信しても、ライフサイクルステージは更新されません。 
  • フォームに設定されたライフサイクルステージによって、HubSpot設定で設定されている デフォルトのライフサイクルステージが上書きされます。

• フォローアップオプション：［コンタクト担当者に送信Eメール通知を送信］チェックボックスをオンにして、コンタクト担当者に通知を自動送信します。コンタクトに担当者がいない場合、通知は送信されません。HubSpotのオブジェクト担当者について詳細をご確認ください。 

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

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

• マーケティングキャンペーンに追加：Marketing Hub ProfessionalまたはEnterpriseサブスクリプションをご利用の場合、フォームを次のようにキャンペーンに関連付けることができます。
  • フォームを既存のキャンペーンに関連付けるには、［キャンペーン］ドロップダウンメニューをクリックし、キャンペーンを選択します。
  • フォームを新しいキャンペーンに関連付けるには、[ キャンペーン ]ドロップダウンメニューをクリックし、[ キャンペーンを作成]をクリックします。続けて、キャンペーンを設定します。 

• • キャンペーンを作成したことがない場合は、［キャンペーンを作成］をクリックします。続けて、キャンペーンを設定します。 

• 新しいEメールアドレスで常にコンタクトを作成：このオプションを選択すると、全ての送信で、固有のEメールアドレスが設定された新しいコンタクトレコードを作成できます。Eメールアドレスがデータベース内の既存のコンタクトレコードに一致する場合、既存のレコードの詳細が更新されます。
  • このオプション がオフの場合、最初にHubSpotは、送信されたEメールアドレスを持つ既存のコンタクトに送信を関連付けようと試みます。そのEメールアドレスを持つコンタクトが存在しない場合、HubSpotはブラウザーのCookieに基づいて コンタクトを特定し、コンタクトを更新します 。同じデバイスから同じフォームが複数回送信されると、コンタクトが上書きされる可能性があります。
  • このオプションがオンにされている場合、Cookieが保存されているブラウザーでコンタクトが別のEメールを使用してフォームを送信すると、そのコンタクトの閲覧はトラッキングされなくなります。［コンタクトフィールドを判明している値で埋めておく］オプションも自動的にオフになります。
• 作成されたコンタクトをマーケティングコンタクトに設定: HubSpotアカウントに マーケティングコンタクトへのアクセス権がある場合、このフォームを送信した全てのコンタクトを自動的にマーケティングコンタクトとして設定できます。これには新規コンタクトと既存コンタクトの両方が含まれます。

• フォームをリセットするためのリンクを追加：訪問者がフォーム上で事前入力されたフィールドから値を削除して新しいコンタクトとしてフォームを送信できるようにするには、このオプションを選択します。有効にした場合、訪問者は［あなたではありませんか？Click here to reset（ご本人ではありませんか？リセットするには、ここをクリックしてください）］リンクをクリックしてフォームをリセットできるようになります。これにより、フォーム送信でのCookieトラッキングも無効になり、Cookieは上書きされなくなります。 
• フィールドに既知の値を事前入力する：コンタクトが以前にサイトを訪問してフォームを送信したことがある場合で、かつHubSpotがCookieを保存してトラッキングできていた場合、フォームに既知のフィールド値が事前入力されます。このオプションは既定で有効になっています。事前入力済みのフォームフィールドの詳細をご確認ください。
  
  

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

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

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

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

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

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

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。
2. 既存のフォームにマウスポインターを合わせて、[ 編集]をクリックします。
3. 上部にある [自動化]タブをクリックします。
4. [ フォーム送信後の動作を自動化]セクションで、 以下から選択します。
   • フォーム送信後にEメールを送信:フォーム送信後にフォローアップEメールを送信するように事前設定されたシンプルワークフローを作成します。 

• • 独自のシンプルワークフローを作成する:シンプルワークフローを作成し、任意のフォローアップアクションを追加します。
    
    

フォームを使用する

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

1. HubSpotアカウントにて、［マーケティング］＞［フォーム］の順に進みます。

2. 既存のフォームにマウスポインターを合わせて、[ 編集]をクリックします。
3. 右上の［更新］をクリックして、フォームの更新を公開します。

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