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

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

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

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

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

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

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

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

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

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

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

• ［フォーム本文］: （任意）リードフローによって提供する価値について詳しくアピールするテキストを追加できます。
• 追加されたフィールド: 既定の E メールフィールドは自動的に含まれます。
  • フォームに追加のフィールドを追加するには、［+別のフォームフィールドを追加］ をクリックします。ポップアップフォームは、以下のフィールドタイプをサポートします：単行テキスト、複数行テキスト、ドロップダウン選択、単一チェックボックス、数値カッピッカー、ファイル（ポップアップフォームでカスタムコンタクトプロパティを作成できるのは Marketing Hub Starter、Professional、および Enterprise のみ）。
  • 鉛筆アイコン 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 Free ユーザーがポップアップフォームでダブルオプトインを有効にするには、E メールセットアップウィザードを完了する必要があります。