ポップアップフォームを作成する

1. タイプ - ポップアップフォームのタイプを選択する

ポップアップフォームには以下の3種類があります。［タイプ］タブで、作成するポップアップフォームのタイプを選択します。

• ポップアップボックス：ページのポップアップボックスとして表示されます。
• ドロップダウンバナー：ページ上部からドロップダウンバナーとして表示されます。
• スライドインボックス（左）／（右）：ページ下部の左または右のスライドインボックスとして表示されます。

右上にある［次へ］をクリックします。

2. コールアウト - アクションを選択する

［コールアウト］タブでは、訪問者の注意を喚起するためのコールアウトを追加し、カスタマイズします。

• キービジュアル：（ポップアップボックスのみ）コールアウトとフォームの両方のステップに表示するキービジュアルを選択します。
• コールアウトテキスト：コールアウトのメインの見出し。
• コールアウト本文：コールアウトの追加情報または詳細。（任意）
• コールアウト ボタン テキスト：コールアウトフォームのボタンテキスト。
• テーマカラー：ポップアップフォームのボタンのテーマカラーを設定します。既定の色をクリックするか、16進値の横にある色見本をクリックしてカラーピッカーから色を選択するか、16進値を入力します。
• リンクボタン：コールアウトボタンのリンク先を選択します。
  • フォームステップ：ポップアップフォームからユーザーをフォームに誘導します。［フォーム］タブをクリックしてフォームをカスタマイズします。
  • HubSpot以外のURL：外部ページへのリンクを貼り付けます。
  • HubSpotページまたはブログ記事（Marketing Hub Starter、Professional、Enterprise、およびCMS）：ドロップダウンでHubSpotページまたはブログ記事を選択します。
  • ファイルダウンロード：［ファイルを参照］をクリックしてファイルを追加します。
  • ミーティングリンク：ドロップダウンメニューからミーティングリンクを選択します。
  • カレンダーイベント：カレンダーイベントを作成し、イベント名、開始日、終了日、タイムゾーン、場所、および詳細を設定します。イベントは、顧客のGoogleまたはOutlookカレンダー内に作成されます。

コールアウトのカスタマイズは、右側のプレビューに直ちに表示されるため、ページで公開されたときにポップアップフォームがどのように表示されるかを把握できます。

右上にある［次へ］をクリックします。

3. フォーム - ポップアップフォームをカスタマイズする

• ［フォーム本文］：（任意）ポップアップフォームへの入力によって提供される価値について詳しくアピールするテキストを追加できます。
• 追加されたフィールド：既定のEメールフィールドが自動的に含まれます。
  • フォームにフィールドを追加するには、［+別のフォームフィールドを追加］をクリックします。ポップアップフォームでは、次のフィールドタイプがサポートされます。単行テキスト、複数行テキスト、ドロップダウン選択、単一チェックボックス、数値ピッカー、ファイル（ポップアップフォームでカスタム コンタクト プロパティーを作成できるのはMarketing Hub Starter、Professional、およびEnterpriseのみ）。フォームには最大4つのフィールドを追加できます。
  • 鉛筆アイコンeditをクリックすると、フィールドのラベルを編集したりプレースホルダーテキストを追加したりして、訪問者への見え方をカスタマイズできます。Eメールのフィールドには、ブロックするEメールアドレスやドメインを設定できます。
• フォームボタンテキスト：［コールアウト］タブのフォーム ボタン テキストが自動的にこのフィールドに入力されます。フォームステップでボタンテキストを変更するには、ここで更新してください。
• 通知と同意/正当な利害関係（GDPR）：HubSpotアカウント上でGDPRが有効化されている場合、このポップアップフォームの通知と同意のオプションを設定できます。既定のテキストをカスタマイズするには、鉛筆アイコンeditをクリックします。
• 言語：フォームの言語を設定します。これにより、フォームフィールドのラベル、通知と同意/正当な利害関係のメッセージ、フォームに表示されるエラーメッセージが変更されます。その他の編集可能なフィールドはすべて手動で翻訳する必要があります。
• ライフサイクルステージの設定：ポップアップフォームを送信するコンタクトのライフサイクルステージを選択します。既定でリードに設定されています。
• CAPTCHA：スパム送信に対する追加の保護を提供するCAPTCHAを有効にします。

右上にある［次へ］をクリックします。

4. サンキュー - サンキューメッセージを作成する

［サンキュー］タブでは、訪問者がポップアップフォームを送信した後に表示するサンキューメッセージを入力します。リッチ テキスト エディターを使って、提供する資料やダウンロード用コンテンツへのリンク、簡易フォーマットのテキストを設定できます。

ウェブページ、ファイルダウンロード、ミーティングリンクなどの訪問者をサンキューメッセージの後にリダイレクトするボタンを追加するには、次の手順に従います。

• ［ボタンを追加］チェックボックスを選択します。
• ボタンテキストをカスタマイズします。
• ［このボタンのリンク先を指定してください］の下で、ボタンのリンクを選択します。
  • HubSpot以外のURL：訪問者を外部ページにリダイレクトします。HubSpot以外のページURLを入力します。
  • HubSpotページまたはブログ記事
  • （Marketing Hub Starter、Professional、Enterprise、およびCMS Hub）：訪問者をHubSpotページまたはブログ記事の1つにリダイレクトします。［HubSpotページまたはブログ記事を選択］ドロップダウンメニューをクリックし、公開済みのHubSpotページまたはブログ記事を選択します。
  • ファイルダウンロード：訪問者をファイルダウンロードにリダイレクトします。［ファイルを参照］をクリックして、ファイルマネージャーからファイルを選択します。新しいファイルをアップロードするには、右側のペインの左下にあるdownCarat［ファイルを追加］をクリックし、自分のデバイス、Dropbox、またはGoogle Driveからファイルをアップロードします。
  • ミーティングリンク：訪問者がミーティングリンクを使用して、自分のチームとのミーティングをスケジュール設定できるようにします。［ミーティングリンク］ドロップダウンメニューをクリックして既存のミーティングリンクを選択します。
  • カレンダーのイベント：訪問者が新しいカレンダーイベントをGoogleまたはOutlookカレンダーに追加できるようにします。イベント名、日付、時間、タイムゾーン、場所、詳細を入力します。

右上にある［次へ］をクリックします。

5. フォローアップ - フォローアップEメールを作成する

［フォローアップ］のタブでは、［フォローアップEメールを作成］をクリックしてフォーム送信後に訪問者が受け取るフォローアップEメールを作成できます。

注：HubSpot CRMの無料ユーザーがポップアップフォームのダブルオプトインを有効にするには、Eメールの設定ウィザードを完了する必要があります。