HubSpot ページのフォームをセットアップしてスタイル設定する

HubSpot でフォームを作成したら、HubSpot ページの任意のフォームモジュールに追加できます。ページごとに、フォローアップアクションを設定し、フォームの送信ボタンやフォームフィールドを含む要素のスタイルをカスタマイズすることもできます。

注意：設定とスタイルの変更は、選択されたページのフォームモジュールにのみ適用され、他のページにフォームに影響はありません。

• HubSpot アカウントで、ランディングページまたはウェブサイトページに移動します。
• フォームモジュールを使用して既存のページにカーソルを置き、［編集］をクリックするか、新しいページを作成します。
• ページエディターでフォームモジュールをクリックします。
• 左側のパネルの[オプション]タブで、このページのフォームの設定をカスタマイズします。：
  • フォームタイトル：このページにフォームの名前を入力します。
  • フォームを選択：ドロップダウンメニューをクリックして、このページのモジュールに表示されるフォームを選択します。［アクション］ドロップダウンメニューをクリックして新しいフォームを作成し、フォームを複製して、それを使用した他のページを表示したり、完全なフォームエディターに移動したりします。フォームの設定についてもっと詳しく学習します。

• ［フォームコンテンツ］セクションに移動して、フォームのフィールド、ボタンテキスト、およびGDPRの設定を編集します。
  • フォームフィールド：フィールドをドラッグ＆ドロップして表示順序を編集します。新しいフォームフィールドを追加するには、［別のフォームフィールドを追加］をクリックして、［プロパティーを選択］ドロップダウンメニューをクリックし、検索バーを使用してフィールドを検索します。 

注：複数列フォーム内のフィールドまたはカスタムモジュールの一部の場合は、インラインエディターでフォームフィールドをドラッグ＆ドロップすることはできません。

• • ボタンテキスト：フォーム上のボタンに表示するテキストを入力します。
  • GDPR オプション：ドロップダウンメニューで、フォームに表示する通知や同意に関する情報を選択します。
  • Captcha（SPAM防止）：Googleの非表示のreCAPTCHAを表示する場合に、クリックして［Captcha（SPAM防止）］スイッチをオンに切り替えます。
• 訪問者がフォームで送信したときにどうなるかを設定するには、［サンキュー］セクションに移動します。
  • フォーム送信後に訪問者がどのように表示されるか： このページでフォームを送信したときに訪問者の経験をカスタマイズする。［別のページにリダイレクト］を選択した場合は、［リダイレクトリンク］ドロップダウンメニューをクリックして、HubSpotサンキューページを選択するか、URLを入力します。［インラインサンキューメッセージを表示］を選択した場合は、テキストボックスにサンキューメッセージを入力します。
    
• ［フォームオプション］セクションで、クリックして［Eメールアドレスで常に新しいコンタクトを作成］をオンに切り替え、すでにHubSpotアカウントに登録されている場合でも、Eメールアドレスを含むすべてのフォーム送信の新しいコンタクトレコードを作成します。
• フォーム送信通知とフォローアップEメールを設定します。
  • フォームのデフォルトではなく、指定されたEメールアドレスにフォーム通知を送信：デフォルトで、フォーム送信通知は、フォームのオプションで追加された任意の受信者に送信されます。フォームのデフォルト受信者を上書きし、このページの送信の通知受信者を選択し、クリックして［フォームのデフォルトの代りに、指定されたEメールアドレスに通知を送信する］スイッチをオンに切り替えます。設定が有効になったら、[E メールアドレス]ドロップダウンメニューをクリックして受信者を選択します。
  • ワークフローに追加：[ワークフローに追加]スイッチをクリックして、このページで選択したフォームを送信した時に、コンタクトを特定のワークフローに自動的に登録することができます。設定が有効になったら、［ワークフロー］ドロップダウンメニューをクリックして、登録用のワークフローを選択するか、［新規作成］をクリックして新しいワークフローを作成します。
  • フォローアップEメールを送信：コンタクトがこのページで選択したフォームを送信したときにフォローアップEメールを自動的に送信する場合は、クリックして［フォローアップEメールを送信］スイッチをオンにします。設定が有効になったら、[E メール]ドロップダウンメニューをクリックしてフォローアップ E メールを選択します。選択したEメールを変更するには、［編集］をクリックするか、［新規追加］をクリックして新しいEメールを作成します。
  • Salesforceキャンペーン：Salesforce統合が有効になっている場合は、ドロップダウンメニューをクリックしてキャンペーンを選択することで、フォームを有効なSalesforceキャンペーンと関連付けることができます。Salesforce キャンペーンのフォームの関連付けについてもっと詳しく学習します。

• ［変更を適用］をクリックします。 
• 全体的なフォームのスタイルをカスタマイズするか、特定のスタイル変更を送信ボタンまたはフォームフィールドに変更するには、左上のパネルの[スタイル]タブをクリックします。

• 上部のタブを使用して、スタイル設定するフォームの要素を選択します。

• 以下のテキストとアラインメントオプションを使用して、フォームの選択された要素をカスタマイズします。
• ［変更を適用］をクリックして、モジュールに対する変更を保存します。
• [公開] または [更新] をクリックして、変更内容を公開します。