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

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

更新日時 2019年 4月 17日

対象製品

Marketing Hub  Professional, Enterprise
Basic

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

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

  • HubSpot アカウントで、ランディングページまたはウェブサイトページに移動します。
  • フォームモジュールを使用して既存のページにカーソルを置き、[編集]をクリックするか、新しいページを作成します。
  • ページエディターでフォームモジュールをクリックします。
  • 左側のパネルの[オプション]タブで、このページのフォームの設定をカスタマイズします。:
    • フォームタイトル: このページにフォームの名前を入力します。
    • フォームドロップダウンメニューをクリックして、このページのモジュールに表示されるフォームを選択します。選択したフォームを変更するには、[編集]をクリックします。このページの新しいフォームを作成するには、[新規追加]をクリックします。フォームの設定についてもっと詳しく学習します。
    • フォーム送信後に訪問者がどのように表示されるか: このページでフォームを送信したときに訪問者の経験をカスタマイズする。 [別のページにリダイレクト]を選択すると、[リダイレクトリンク] ドロップダウンメニューをクリックして、HubSpot サンキューページを選択するか、URL を入力します。[インラインサンキューメッセージを表示]を選択した場合、テキストボックスにサンキューメッセージを入力します。
    • フォームのデフォルトの代りに、指定された E メールアドレスに通知を送信する:デフォルトで、フォーム送信通知は、フォームのオプションで追加された任意の受信者に送信されます。フォームのデフォルト受信者を上書きし、このページの送信の通知受信者を選択し、フォームのデフォルトの代わりに特定Eメールアドレスに[通知を送信]するようにクリックしてオンに切り替えます。設定が有効になったら、[E メールアドレス]ドロップダウンメニューをクリックして受信者を選択します。
    • ワークフローに追加: [ワークフローに追加]スイッチをクリックして、このページで選択したフォームを送信した時に、コンタクトを特定のワークフローに自動的に登録することができます。設定が有効になったら、[ワークフロー]ドロップダウンメニューをクリックして、登録のワークフローを選択します。
    • フォローアップ E メールを送信する: [フォローアップ E メールを送信]スイッチをクリックして、このページで選択したフォームを送信したときにフォローアップ E メールを自動的に送信します。設定が有効になったら、[E メール]ドロップダウンメニューをクリックしてフォローアップ E メールを選択します。選択した E メールを変更するには、[編集]をクリックするか、 [新規追加]をクリックして新しい E メールを作成します。
    • Salesforce キャンペーン: Salesforce 統合が 有効になっている場合、ドロップダウンメニューをクリックしてキャンペーンを選択することで、フォームを active Salesforce キャンペーンと関連付けることができます。Salesforce キャンペーンのフォームの関連付けについてもっと詳しく学習します。

form-module-options

  • 全体的なフォームのスタイルをカスタマイズするか、特定のスタイル変更を送信ボタンまたはフォームフィールドに変更するには、左上のパネルの[スタイル]タブをクリックします。
注意: HubSpot ページに表示されるフォームは、ページごとにカスタムスタイル設定できます。外部ページまたはスタンドアロンフォームページの埋め込みフォームは、外部スタイルシート内の CSS でフォームエディターまたはスタイル設定されたフォームでスタイル設定する必要があります。
  • 上部のドロップダウンメニューを使用して、スタイル設定するフォームの要素を選択します。フォーム全体に変更をスタイル設定するには、leave フォームが選択されました。フォーム送信ボタンまたはフォームフィールドに適用される変更をスタイル設定するには、[フォーム]ボタン またはフォームフィールドを選択します。
  • 以下のテキストとアラインメントオプションを使用して、フォームの選択された要素をカスタマイズします。
  • [保存してモジュールリストに移動] をクリックして、E メール本文への変更を保存します。
  • [公開] または [更新] をクリックして、変更内容を公開します。