ウェブページやランディングページにおけるフォームの設定とカスタマイズ

HubSpotで 作成したフォーム は、HubSpotページ上の任意のフォームモジュール に追加できます。各ページで、フォームが送信された後のアクションを設定することや、送信ボタンやフォームフィールドといったフォームの要素のスタイルをカスタマイズすることも可能です。

設定を始める前に

ウェブページやランディングページでフォームの設定を始める前に、以下の点にご注意ください。 

• 設定やスタイルの変更は、選択されたページ内のフォームモジュールにのみ適用され、その他のページに追加されたフォームには影響しません。つまり、1件のページで設定やスタイルを変更しても、その他のページ上にあるフォームは変更されません。
• フォームの要素（フォームフィールドなど）を更新した場合、埋め込みフォームを使用したページやスタンドアロン フォーム ページを含む、全てのページでフォームが更新されます。 

フォームの設定

HubSpotページでフォームをセットアップするには:

• コンテンツを開きます。

  • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。

• あなたのページの名をクリックします。
• コンテンツエディターで、フォームモジュールをクリックします。ページにフォームのモジュールが追加されていない場合、共通モジュールを追加する方法をご覧ください。 
• 左側のパネルの［コンテンツ］タブで、編集しているページにおけるフォームの設定をカスタマイズします。
  • ［フォームタイトル］：このページでのフォームの名前を入力します。
  • ［フォームを選択］：このページに追加するフォームを選択します。
    • 既存のフォームを使用する場合はドロップダウンメニューをクリックし、追加したいフォームを選択します。 
    • 新しいフォームを作成して使用するには、[ アクション]をクリックします。次に、Create new form (新しいフォームを作成) を選択します。フォームのセットアップについて詳細をご確認ください。
    • このフォームの送信数を表示するには、[ アクション]をクリックします。次に、[ フォーム送信を表示]を選択します。

• • • フォームエディターでフォームを編集するには、[ アクション]をクリックします。次に、フォーム エディターに移動 を選択します。
      
      

フォーム自動化の設定

フォローアップEメールなどのフォームの自動化や、フォームに関連付けられたワークフローを管理できます。登録トリガーは、以下の動作の対象となります。

• フォームモジュールの自動化設定でフォームをワークフローを追加すると、フォーム送信の登録トリガーがワークフローにも追加されます。
• フォームモジュールの自動化設定でフォームをワークフローから削除すると、ワークフローの登録トリガーからも削除されます。
• 使用されるフォーム登録トリガーでページが指定されていない場合、トリガーをページから削除することはできません。この場合は、ワークフローからトリガーを削除する必要があります。

フォームの自動化設定を行うには、左パネルでフォームの自動化セクションをクリックして展開し、以下の自動化オプションを確認します。

• ［Eメールを使用してフォローアップする］：フォームを送信した全ての訪問者にEメールを自動的に送信します。フォローアップEメールを送信できるのは、マーケティングコンタクトのみです。 
  • フォローアップEメールの追加
    • ［Eメールを選択+］をクリックします。
    • ダイアログボックスで、Eメールを選択ドロップダウンメニューをクリックし、既存の自動送信Eメールを選択するか、Create new emailをクリックし、新規Eメールを作成します。
    • ［保存］をクリックします。選択したEメールは左のパネルに表示されます。 
    • フォローアップEメールの設定が完了したら、右上の［公開］または［更新］をクリックし、変更を公開します。なお、変更が公開されるまで、フォローアップEメールは送信されません。 

• • 使用するフォローアップメールを変更するには、Eメールにマウスポインターを合わせ、Eメールの横にある鉛筆のアイコンをクリックします。 
  • フォローアップメールを削除するには、Eメールにマウスポインターを合わせ、Eメールの横にあるXアイコンをクリックします。これで、Eメールは表示されなくなります。 

• 接続されたワークフロー: フォームを登録トリガーとして使用しているワークフローとシンプルなワークフローが表示されます。フォームで自動化を使用する方法に関して、詳しくはこちらのナレッジベース記事をご覧ください。 
  • ワークフローのトリガーとしてフォームを使用したい場合、以下のいずれかの手順で設定します。 
    • ［フォームをワークフローに追加］をクリックします。
    • 既存のワークフローを選択するか、［新規ワークフローを作成］をクリックして新しいワークフローを作成します。新規ワークフローを作成する場合、ワークフローを設定してから、ランディングページまたはウェブサイトページのフォームモジュールに戻ります。 
  • 別のワークフローを追加するには、［フォームを別のワークフローに追加］をクリックし、既存のワークフローを選択するか、［新規ワークフローを作成］をクリックします。
  • ワークフローのトリガーからフォームを削除するには、ワークフローにカーソルを合わせ、ワークフローの横にある削除アイコンをクリックします。 

フォームの追加オプションの設定

フォーム通知の受信者を選択するなどの追加設定を行えます。また、HubSpotとSalesforceの連携をインストールした場合、フォームを有効なSalesforceキャンペーンに関連付けることもできます。

左のパネルの一番下までスクロールすると、以下のフォームの追加オプションを設定できます。

• ［フォームの既定設定ではなく、指定されたEメールアドレスにフォーム通知を送信］：デフォルトでは、フォーム送信通知は、フォームの［オプション］タブに追加された全ての受信者に送信されます。このページで フォームの既定の受信者を 上書き し、送信の通知先を選択するには、次の手順に従います。
  • ［フォームの既定設定ではなく、指定されたEメールアドレスにフォーム通知を送信］チェックボックスをクリックします。
  • ［Eメールアドレス］ドロップダウンメニューから、送信者を選択します。フォーム通知の受信者を選択できるのは、HubSpotユーザーのみになります。 
  • 受信者を削除するには、Eメールアドレスの横にあるXアイコンをクリックします。 
• ［Salesforceキャンペーン］：Salesforce連携が有効になっている場合、ドロップダウンメニューをクリックしてキャンペーンを選択することで、フォームを有効なSalesforce キャンペーンと関連付けることができます。フォームと Salesforce キャンペーンの関連付けについて詳しくはこちら .
  
  

ページ上でのフォームスタイルのカスタマイズ

フォーム全体のスタイルをカスタマイズしたり、送信ボタンやフォームフィールドの特定のスタイルを変更したりできます。以下の手順でフォームのスタイルをカスタマイズできます。

• コンテンツを開きます。
  • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。

• あなたのページの名をクリックします。
• コンテンツエディターで、フォームモジュールをクリックします。ページにフォームのモジュールが追加されていない場合、共通モジュールを追加する方法をご覧ください。 

• 左側のパネルで［スタイル］タブをクリックします。
• ［モジュール］、［フィールド］、［ボタン］のいずれかのタブを選び、スタイルを設定したいフォームの要素をクリックします。
• 要素をクリックすると、設定オプションが表示されます。これらの設定オプションを使用して、フォームの要素をカスタマイズします。
• ［公開］または［更新］をクリックして、変更内容を公開します。

注：フォームのスタイルはページごとに設定できます。外部ページまたは スタンドアロンフォームページに 埋め込まれたフォームは 、 フォームエディターでスタイルを設定するか、 外部スタイルシートで CSS を使用してスタイル設定 する必要があります。