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

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

更新日時 2020年 8月 25日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

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

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

  • HubSpot アカウントで、ランディングページまたはウェブサイトページに移動します。
  • フォームモジュールを使用して既存のページにカーソルを置き、[編集]をクリックするか、新しいページを作成します。
  • ページエディターでフォームモジュールをクリックします。
  • 左側のパネルの[オプション]タブで、このページのフォームの設定をカスタマイズします。:
    • フォームタイトル:このページにフォームの名前を入力します。
    • フォームを選択ドロップダウンメニューをクリックして、このページのモジュールに表示されるフォームを選択します。[アクション]ドロップダウンメニューをクリックして新しいフォームを作成し、フォームを複製して、それを使用した他のページを表示したり、完全なフォームエディターに移動したりします。フォームの設定についてもっと詳しく学習します。
form-editor-options
    • [フォームコンテンツ]セクションに移動して、フォームのフィールド、ボタンテキスト、およびGDPRの設定を編集します。
      • フォームフィールド:フィールドをドラッグ&ドロップして表示順序を編集します。新しいフォームフィールドを追加するには、[別のフォームフィールドを追加]をクリックして、[プロパティーを選択]ドロップダウンメニューをクリックし、検索バーを使用してフィールドを検索します。 

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

move-form-fields
    • ボタンテキスト:フォーム上のボタンに表示するテキストを入力します。
    • 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 キャンペーンのフォームの関連付けについてもっと詳しく学習します。
  • [変更を適用]をクリックします。 
  • 全体的なフォームのスタイルをカスタマイズするか、特定のスタイル変更を送信ボタンまたはフォームフィールドに変更するには、左上のパネルの[スタイル]タブをクリックします。
注意: HubSpot ページに表示されるフォームは、ページごとにカスタムスタイル設定できます。外部ページまたはスタンドアロンフォームページの埋め込みフォームは、外部スタイルシート内の CSS でフォームエディターまたはスタイル設定されたフォームでスタイル設定する必要があります。
  • 上部のタブを使用して、スタイル設定するフォームの要素を選択します。
edit-form-style
  • 以下のテキストとアラインメントオプションを使用して、フォームの選択された要素をカスタマイズします。
  • [変更を適用]をクリックして、モジュールに対する変更を保存します。
  • [公開] または [更新] をクリックして、変更内容を公開します。
/jp/forms/set-up-and-style-forms-on-hubspot-pages