更新日時 2021年 1月 22日
ポップアップフォームツールを利用すると、新しいリードを惹き付けるリード獲得フォームを簡単に作成できます。ポップアップフォームは、HubSpotでホスティングされているブログ記事、ランディングページ、またはウェブサイトページで使用できます。外部ページにポップアップフォームを追加するには、外部サイトにHubSpotトラッキングコードをインストールするか、WordPressサイトにHubSpot WordPressプラグインをインストールする必要があります。
- HubSpotアカウント上で、［フォーム］を開きます。
- ProfessionalまたはEnterpriseをご利用の場合、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。
- Starterまたは無料版をご利用の場合、［マーケティング］ > ［フォーム］の順に進みます。
- 右上の［フォームを作成］をクリックします。
- 左側のサイドバーで、［ポップアップフォーム］を選択します。
- 右上にある［次へ］をクリックします。
- ポップアップフォームの名前をカスタマイズするには、上部の鉛筆アイコンをクリックして名前を入力します。
1. タイプ - ポップアップフォームのタイプを選択する
ポップアップフォームには以下の3種類があります。［タイプ］タブで、作成するポップアップフォームのタイプを選択します。
- ポップアップボックス：ページのポップアップボックスとして表示されます。
- ドロップダウンバナー：ページ上部からドロップダウンバナーとして表示されます。
- スライドインボックス（左）／（右）：ページ下部の左または右のスライドインボックスとして表示されます。
右上にある［次へ］をクリックします。
2. コールアウト - アクションを選択する
［コールアウト］タブでは、訪問者の注意を喚起するためのコールアウトを追加し、カスタマイズします。
- キービジュアル：（ポップアップボックスのみ）コールアウトとフォームの両方のステップに表示するキービジュアルを選択します。
- コールアウトテキスト：コールアウトのメインの見出し。
- コールアウト本文：コールアウトの追加情報または詳細。（任意）
- コールアウト ボタン テキスト：コールアウトフォームのボタンテキスト。
- テーマカラー：ポップアップフォームのボタンのテーマカラーを設定します。既定の色をクリックするか、16進値の横にある色見本をクリックしてカラーピッカーから色を選択するか、16進値を入力します。
- リンクボタン：コールアウトボタンのリンク先を選択します。
- フォームステップ：ポップアップフォームからユーザーをフォームに誘導します。［フォーム］タブをクリックしてフォームをカスタマイズします。
- HubSpot以外のURL：外部ページへのリンクを貼り付けます。
- HubSpotページまたはブログ記事（Marketing Hub Starter、Professional、Enterprise、およびCMS）：ドロップダウンでHubSpotページまたはブログ記事を選択します。
- ファイルダウンロード：［ファイルを参照］をクリックしてファイルを追加します。
- ミーティングリンク：ドロップダウンメニューからミーティングリンクを選択します。
- カレンダーイベント：カレンダーイベントを作成し、イベント名、開始日、終了日、タイムゾーン、場所、および詳細を設定します。イベントは、顧客のGoogleまたはOutlookカレンダー内に作成されます。
コールアウトのカスタマイズは、右側のプレビューに直ちに表示されるため、ページで公開されたときにポップアップフォームがどのように表示されるかを把握できます。
右上にある［次へ］をクリックします。
3. フォーム - ポップアップフォームをカスタマイズする
［フォーム］タブでは、ポップアップフォームボタンをクリックした訪問者に表示される内容をカスタマイズします。- ［フォーム本文］：（任意）ポップアップフォームへの入力によって提供される価値について詳しくアピールするテキストを追加できます。
- 追加されたフィールド：既定のEメールフィールドが自動的に含まれます。
- フォームにフィールドを追加するには、［+別のフォームフィールドを追加］をクリックします。ポップアップフォームでは、次のフィールドタイプがサポートされます。単行テキスト、複数行テキスト、ドロップダウン選択、単一チェックボックス、数値ピッカー、ファイル（ポップアップフォームでカスタム コンタクト プロパティーを作成できるのはMarketing Hub Starter、Professional、およびEnterpriseのみ）。
- 鉛筆アイコンをクリックすると、フィールドのラベルを編集したりプレースホルダーテキストを追加したりして、訪問者への見え方をカスタマイズできます。Eメールのフィールドには、ブロックするEメールアドレスやドメインを設定できます。
- フォームボタンテキスト：［コールアウト］タブのフォーム ボタン テキストが自動的にこのフィールドに入力されます。フォームステップでボタンテキストを変更するには、ここで更新してください。
- 通知と同意/正当な利害関係（GDPR）：HubSpotアカウント上でGDPRが有効化されている場合、このポップアップフォームの通知と同意のオプションを設定できます。既定のテキストをカスタマイズするには、鉛筆アイコンをクリックします。
- 言語：フォームの言語を設定します。これにより、フォームフィールドのラベル、通知と同意/正当な利害関係のメッセージ、フォームに表示されるエラーメッセージが変更されます。その他の編集可能なフィールドはすべて手動で翻訳する必要があります。
- ライフサイクルステージの設定：ポップアップフォームを送信するコンタクトのライフサイクルステージを選択します。既定でリードに設定されています。
- CAPTCHA：スパム送信に対する追加の保護を提供するCAPTCHAを有効にします。
右上にある［次へ］をクリックします。
4. サンキュー - サンキューメッセージを作成する
［サンキュー］タブでは、訪問者がポップアップフォームを送信した後に表示するサンキューメッセージを入力します。リッチ テキスト エディターを使って、提供する資料やダウンロード用コンテンツへのリンク、簡易フォーマットのテキストを設定できます。
ウェブページ、ファイルダウンロード、ミーティングリンクなどの訪問者をサンキューメッセージの後にリダイレクトするボタンを追加するには、次の手順に従います。
- ［ボタンを追加］チェックボックスを選択します。
- ボタンテキストをカスタマイズします。
- ［このボタンのリンク先を指定してください］の下で、ボタンのリンクを選択します。
- HubSpot以外のURL：訪問者を外部ページにリダイレクトします。HubSpot以外のページURLを入力します。
- HubSpotページまたはブログ記事
- （Marketing Hub Starter、Professional、Enterprise、およびCMS Hub）：訪問者をHubSpotページまたはブログ記事の1つにリダイレクトします。［HubSpotページまたはブログ記事を選択］ドロップダウンメニューをクリックし、公開済みのHubSpotページまたはブログ記事を選択します。
- ファイルダウンロード：訪問者をファイルダウンロードにリダイレクトします。［ファイルを参照］をクリックして、ファイルマネージャーからファイルを選択します。新しいファイルをアップロードするには、右側のペインの左下にある［ファイルを追加］をクリックし、自分のデバイス、Dropbox、またはGoogle Driveからファイルをアップロードします。
- ミーティングリンク：訪問者がミーティングリンクを使用して、自分のチームとのミーティングをスケジュール設定できるようにします。［ミーティングリンク］ドロップダウンメニューをクリックして既存のミーティングリンクを選択します。
- カレンダーのイベント：訪問者が新しいカレンダーイベントをGoogleまたはOutlookカレンダーに追加できるようにします。イベント名、日付、時間、タイムゾーン、場所、詳細を入力します。
右上にある［次へ］をクリックします。
5. フォローアップ - フォローアップEメールを作成する
［フォローアップ］のタブでは、［フォローアップEメールを作成］をクリックしてフォーム送信後に訪問者が受け取るフォローアップEメールを作成できます。
注：HubSpot CRMの無料ユーザーがポップアップフォームのダブルオプトインを有効にするには、Eメールの設定ウィザードを完了する必要があります。
- 右のパネルで、フォローアップEメールの詳細設定をカスタマイズします。
- サブスクリプションタイプ：フォローアップEメールのサブスクリプションタイプをクリックして選択します。
- 送信元ユーザー：フォローアップEメールの送信者をクリックして選択します。
- 件名：フォローアップEメールの件名を追加します。
- 本文：コンタクトとのエンゲージメントを続けるためのEメール本文を追加します。
- Eメールのフッターを編集：クリックすると、Eメール設定で会社名や住所をカスタマイズできます。
- 完了したら、［保存］をクリックします。Eメールの簡単なプレビューが表示されます。Marketing Hub Starter、Basic（旧製品）、Professional、Enterpriseをご利用の場合は［別のEメールを追加］をクリックして、最大3件のフォローアップEメールを追加できます。
- 右上にある［次へ］をクリックします。
注：フォローアップEメールを作成すると、フォームにCAPTCHAが自動的に追加されます。
6. ターゲティング - ポップアップフォームの表示場所をカスタマイズする
このポップアップフォームをサイトに表示するタイミングを選択して訪問者のターゲティングを行います。ポップアップフォームをどの訪問者に表示するかについて、フィルターを追加して複数のルールを組み合わせます。
ウェブサイトURL
特定のウェブページURLや、クエリーパラメーター値の条件付きロジックを追加できます。既定では、ポップアップフォームがすべてのページに表示されます。
- ウェブサイトURLに基づいて条件を設定するには、次の手順に従います。
- 最初のドロップダウンメニューをクリックし、［ウェブサイトURL］を選択します。
- 2つ目のドロップダウンメニューをクリックし、［すべてのページである］、［次である］、［次を含む］、［次の文字で始まる］、または［次のワイルドカードに一致］を選択し、条件を入力します。
- クエリーパラメーターに基づいて条件を設定するには、次の手順に従います。
- 最初のドロップダウンメニューをクリックし、［クエリーパラメーター］を選択します。
- 1つ目のテキストフィールドに、クエリーパラメーター名を入力します。
- 2つ目のテキストフィールドに、クエリーパラメーター値を入力します。
- 別のルールを追加するには、［ルールを追加］をクリックします。
- 特定のページ（プライバシー ポリシー ページなど）をポップアップフォームの対象から除外するには、［除外ルールを追加］をクリックします。
- ポップアップフォームを非表示にするタイミングを選択します。
- ［除外ルールを追加］をクリックします。
- 最初のドロップダウンメニューをクリックして、ポップアップフォームを非表示にするタイミングを選択します。
- 次のドロップダウンメニューをクリックして、フィルタリングルールを選択します。
- ポップアップフォームを非表示にするタイミングに関するルールを追加するには、［除外ルールを追加］をクリックしてフィルターを選択します。
- 別のフィルタリングルールを作成するには、［フィルターグループを追加］をクリックし、フィルタリングルールを選択します。
トリガー
ポップアップフォームがページに表示されるタイミングを設定します。次のオプションを選択できます。
- 50％ページをスクロールしたとき：訪問者がページを半分までスクロールした時点でフォームが表示されます。
- 離脱意図があるとき（ポップアップボックスのみ）：訪問者がブラウザーウィンドウの上部バーにカーソルを移動すると、フォームが表示されます。
- 経過時間後：指定された秒数の後にフォームが表示されます。
複数のトリガーを選択すると、最初に満たされたトリガー条件に従ってフォームが表示されます。
右上にある［次へ］をクリックします。
8. プレビュー - ポップアップフォームのプレビューを表示する
［プレビュー］タブでは、ポップアップフォームのプレビュー動作をテストできます。
- ポップアップフォームが別のデバイスに表示される方法を確認するには、左上の［デスクトップ］、［タブレット］または［モバイル］ボタンをクリックします。
- ポップアップフォームの各ステップを表示するには、左／右の矢印アイコンをクリックします
公開
右上の［公開］をクリックしてポップアップフォームを公開します。
