ポップアップフォームツールを利用すると、新規リードをアトラクトする (惹き付ける) リード獲得フォームを簡単に作成することができます。ポップアップフォームは、HubSpot でホストされているブログ記事、ランディングページまたはウェブサイトページで使用できます。外部ページにポップアップフォームを追加するには、外部サイトに HubSpot トラッキングコードをインストールするか、WordPress サイトに HubSpot WordPress プラグインをインストールする必要があります。
- HubSpot アカウントから [フォーム] を開きます。
- Professional および Enterprise のアカウントの場合、[マーケティング] > [リードの獲得] > [フォーム] の順に移動します。
- Starter および Free アカウントの場合、[マーケティング] > [フォーム] の順に移動します。
- 右上の [フォームを作成] をクリックします。
- 左側のサイドバーで、［ポップアップフォーム］を選択します。
- 右上にある [次へ] をクリックします。
- ポップアップフォームの名前をカスタマイズするには、上部の 鉛筆アイコンをクリックして名前を入力します。
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 Free ユーザーがポップアップフォームでダブルオプトインを有効にするには、E メールセットアップウィザードを完了する必要があります。
- 右のパネルで、フォローアップ 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.プレビュー - ポップアップフォームのプレビューを表示する
[プレビュー] タブで、ポップアップフォームのインタラクティブプレビューをテストできます。
- ポップアップフォームが別のデバイスに表示される方法を確認するには、左上の [デスクトップ]、[タブレット] または [モバイル] ボタンをクリックします。
- ポップアップフォームの各ステップを表示するには、左/右矢印アイコンをクリックします
公開
右上の [公開] をクリックしてポップアップフォームを公開します。
