ポップアップフォーム(旧)を編集、管理する
更新日時 2025年7月30日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
ポップアップフォーム(旧)は、ウェブサイトのURLにアクセスしたり、ページに一定の金額を費やしたりするなど、特定のアクションによってトリガーされるリード(見込み客)創出フォームです。HubSpotでホスティングされているブログ記事、ランディングページ、ウェブサイトページであれば、どれでもポップアップフォームを利用できます。この記事で、既存のポップアップフォームを編集、管理する方法をご確認ください。
注:ポップアップ フォーム ツールは廃止されました。公開中のポップアップフォームを使用しているユーザーは、 CTAツールを使用して スティッキーバナー、ポップアップボックス、スライドインCTAを再作成する必要があります。
- 2023年7月17日以降、 Starter、Professional、 Enterprise エディションをご利用のお客さまは、ポップアップフォームの作成や複製を行えなくなります。
- 2025年6月4日以降、ポップアップフォームの作成、編集、複製はできなくなります。ポップアップフォーム送信は引き続き収集され、ユーザーはポップアップフォームの公開を終了できます。新規アカウントではポップアップ フォーム ツールにアクセスでき なくなります 。
- 2025年8月15日以降、公開中のポップアップフォームは自動的に非公開になります。ポップアップフォームはウェブサイトに表示されなくなり、新たな送信は収集されなくなります。以前に収集されたすべてのデータは引き続き使用できます。
ポップアップフォームを編集する
ポップアップフォームに移動するには、次の手順に従います。
- HubSpotアカウントにて、[マーケティング]>[フォーム]の順に進みます。
- [フォームタイプ]ドロップダウンメニューをクリックし、[ポップアップフォーム]を選択します。
- ポップアップフォームにカーソルを合わせて、[編集]をクリックします。
フォームエディターの上部にあるタブ間を移動して、ポップアップフォームをカスタマイズできます。以降のセクションで、各タブについて詳しく説明します。
コールアウト
[コールアウト]タブでは、訪問者の注意を喚起するためのコールアウトを追加し、カスタマイズできます。コールアウトのカスタマイズは右側のプレビューに表示されるため、ページで公開されたときにポップアップフォームがどのように表示されるかを把握できます。
- キービジュアル:(ポップアップボックスとスライドインボックスのみ)コールアウトとフォームの両方のステップに表示するキービジュアルを選択します。
- コールアウトテキスト:コールアウトのメインヘッダーに表示するテキストを入力します。
- コールアウト本文:コールアウトの追加情報または詳細を入力します。これは省略可能です。
- コールアウト ボタン テキスト:コールアウトフォームのボタンに表示するテキストを入力します。
- テーマカラー:ポップアップフォームのボタンに適用するテーマカラーを設定します。カラーパレットからカスタムカラーを選択するか、16進数値を手動で入力します。
- リンクボタン:コールアウトボタンのリンク先を選択します。
- フォームステップ:ポップアップフォームからユーザーをフォームに誘導します。フォームをカスタマイズするには、[フォーム]タブをクリックします。
- HubSpot以外のURL:外部ページへのリンクを入力します。
- HubSpotページまたはブログ記事(Marketing HubまたはContent Hub Starter/Professional/Enterprise):ドロップダウンからHubSpotページまたはブログ記事を選択します。
- ファイルダウンロード:[ファイルを参照]をクリックし、ファイルを追加します。
- ミーティングリンク:ドロップダウンメニューからミーティングリンクを選択します。
- カレンダーイベント:カレンダーイベントを作成して、イベントの詳細を設定します。イベントは、顧客のGoogleカレンダーまたはOutlookカレンダーに作成されます。
フォーム
コールアウトボタンがフォームステップにリンクしている場合、表示されるフォームをカスタマイズできます。[フォーム]タブで、以下の詳細をカスタマイズできます。- フォーム本文:フォームフィールドの前に表示される追加情報または詳細を入力します。これは省略可能なステップです。
- 追加されたフィールド:ポップアップフォームのフィールドを選択します。デフォルトの[Eメール]フィールドが自動的に組み込まれます。フォームには最大4つのフィールドを追加できます。
- フォームにフィールドを追加するには、[+別のフォームフィールドを追加]をクリックします。
- ポップアップフォームは以下のフィールドタイプをサポートしています: : 単行テキスト、複数行テキスト、ドロップダウン選択、1つのチェックボックス、数字、日付入力、ファイル。
- Marketing Hub Starter/Professional/Enterpriseアカウントのユーザーは、ポップアップフォーム内にカスタム コンタクト プロパティーを作成できます。
- 訪問者に対するフォームフィールドの表示方法をカスタマイズするには、edit 鉛筆アイコンをクリックします。
- フィールドのラベルを編集するか、プレースホルダーテキストを追加するか、またはデフォルトの値を入力することができます。
- [Eメール]フィールドには、ブロックするEメールアドレスやドメインを設定できます。
- フォームにフィールドを追加するには、[+別のフォームフィールドを追加]をクリックします。
- フォーム ボタン テキスト:フォームボタンに表示されるテキストをカスタマイズします。デフォルトでは、このフィールドには、[コールアウト]タブで設定されているフォーム ボタン テキストが自動的に入力されます。
- データのプライバシーと同意:HubSpotアカウントでデータプライバシー設定を有効にしている場合、このポップアップフォームの通知と同意のオプションを設定できます。デフォルトのテキストをカスタマイズするには、edit 鉛筆アイコンをクリックして編集します。
- 言語:フォームの言語を設定します。これにより、フォームフィールドのラベル、「通知と同意/正当な利害関係」のメッセージ、フォームに表示されるエラーメッセージが変更されます。編集可能なその他全てのフィールドは、手動で翻訳する必要があります。
- CAPTCHA:スパム送信に対する保護を強化するためのCAPTCHAを有効にします。
サンキュー
コールアウトボタンがフォームステップにリンクしている場合、[サンキュー]タブで、訪問者がポップアップフォームを送信した後の動作を設定します。
- [サンキューメッセージ]フィールドに、訪問者がポップアップフォームを送信した後に表示するメッセージを入力します。リッチ テキスト エディターを使用して、テキストを書式設定できます。
- サンキューメッセージの後に訪問者を別の場所へリダイレクトするボタンを追加するには、次の手順に従います。
- [ボタンを追加]チェックボックスをオンにします。
- ボタンテキストをカスタマイズします。
- ボタンのリンク先を選択します。
- HubSpotページまたはブログ記事(Marketing HubまたはContent Hub Starter/Professional/Enterprise):ドロップダウンからHubSpotページまたはブログ記事を選択します。
- ファイルダウンロード:[ファイルを参照]をクリックし、ファイルを追加します。
- ミーティングリンク:ドロップダウンメニューからミーティングリンクを選択します。
- カレンダーイベント:カレンダーイベントを作成して、イベントの詳細を設定します。イベントは、顧客のGoogleカレンダーまたはOutlookカレンダーに作成されます。
-
-
- HubSpot以外のURL:訪問者を外部ページにリダイレクトします。リダイレクト先ページのURLを入力します。
-


注:HubSpotの無料ツールを使用しているアカウントで ポップアップフォームのダブルオプトインを有効にするには 、Eメール セットアップ ウィザードを完了する必要があります。フォローアップEメールを作成すると、CAPTCHAがフォームに自動的に追加されます。
ターゲティング
[ターゲティング]タブでは、ポップアップフォームが表示されるタイミングを決定するターゲティングルールを設定します。ターゲティングルールについて詳細をご確認ください。
ウェブサイトURL
特定のウェブページURLやクエリーパラメーター値に応じた条件付きロジックを追加できます。デフォルトでは、ポップアップフォームが全てのページに表示されます。
- 訪問者が特定のウェブサイトURLにアクセスしたときにポップアップフォームを表示するには、[ウェブサイトURL]セクションで次の手順に従います。
- 最初のドロップダウンメニューをクリックし、[ウェブサイトURL]を選択します。
- 2つ目のドロップダウンメニューをクリックし、ターゲティングルールを選択する。
- テキストフィールドにルールの条件を入力します。
- 訪問者がURLに特定のクエリーパラメーターが含まれるウェブサイトページにアクセスしたときにポップアップフォームを表示するには、次の手順に従います。
- 最初のドロップダウンメニューをクリックし、[クエリーパラメーター]を選択します。
- 1つ目のテキストフィールドに、クエリーパラメーター名を入力します。
- ドロップダウンをクリックし、ターゲティングルールを選択します。
- 2つ目のテキストフィールドに、クエリーパラメーター値を入力します。


- 別のルールを追加するには、[ルールを追加]をクリックします。
- 特定のページ(プライバシー ポリシー ページなど)からポップアップフォームを除外するには、[除外ルールを追加]をクリックします。
訪問者の情報および行動(任意)
既知の訪問者の情報と行動に基づいて、ポップアップフォームを表示する対象のコンタクトを限定することもできます。追加できるフィルタリングルールのタイプは、アカウントのサブスクリプションによって異なります。Marketing Hub ProfessionalおよびEnterpriseアカウントでは、ポップアップフォームを表示または非表示にする条件を追加したフィルターを作成できます。
訪問者の情報および行動セクションで、訪問者情報に基づいて基準を設定する:
- ポップアップフォームを表示するタイミングを選択します。
- [ポップアップを表示]タイルで、最初のドロップダウンメニューをクリックし、訪問者にポップアップフォームを表示するタイミングを選択します。
-
- 次のドロップダウンメニューをクリックし、フィルタリングルールを選択します。
- ポップアップフォームを表示するタイミングに関するルールをさらに追加するには、[ルールを追加]をクリックしてフィルターを選択します。
- ポップアップフォームを非表示にするタイミングを選択します。
- [除外ルールを追加]をクリックします。
- 最初のドロップダウンメニューをクリックし、ポップアップフォームを非表示にするタイミングを選択します。
- 次のドロップダウンメニューをクリックし、フィルタリングルールを選択します。
- ポップアップフォームを非表示にするタイミングに関するルールをさらに追加するには、[除外ルールを追加]をクリックしてフィルターを選択します。
- 別のフィルタリング ルール セットを作成するには、[フィルターグループを追加]をクリックし、フィルタリングルールを選択します。
トリガー
ポップアップフォームがページに表示されるタイミングを設定します。
注:
-
複数のトリガーが選択されている場合は、最初に満たされたトリガー条件によってフォームが表示されます。
-
コンタクトがポップアップフォームを入力した後、同じ閲覧セッションで再度ポップアップフォームが表示されることはありません。
次のオプションを選択できます。
- 50%ページをスクロールしたとき:訪問者がページを半分までスクロールした時点でフォームが表示されます。
- 離脱意図があるとき(ポップアップボックスのみ):訪問者がブラウザーウィンドウの上部バーにカーソルを移動すると、フォームが表示されます。
- 経過時間後:指定された秒数が経過するとフォームが表示されます。
オプション
[オプション]タブで、ポップアップフォームの設定をさらにカスタマイズできます。ご利用のHubSpotサブスクリプションならびに追加している連携によっては、一部のオプションが表示されないことがあります。次のオプションを設定できます。
- スケジュール設定(「Professional」または「Enterprise」アカウントのみ):デフォルトでは、ポップアップフォームは即時に公開されます。ポップアップフォームをスケジュール設定して、特定の日付からのみアクティブにするには、[予定としてスケジュール]を選択します。
- 特定の日時にポップアップフォームを公開するには、[開始日]ドロップダウンメニューと[時間]ドロップダウンメニューをクリックし、日付、時刻をそれぞれ設定します。
- 特定の日時にポップアップフォームを非公開するには、[非公開の日時を設定]ドロップダウンメニューをクリックし、[終了日]ドロップダウンメニューと[時間]ドロップダウンメニューをクリックし、日付、時刻をそれぞれ設定します。
- コンタクトまたは会社が作成されたときにライフサイクルステージを設定:[ライフサイクルの状態を次に設定:]ドロップダウンメニューをクリックし、ライフサイクルステージを選択します。訪問者がフォームを送信すると、対応するレコードが、選択されたライフサイクルステージに設定されます。
- レコードのライフサイクルステージを後退することはできません。ライフサイクルの先の方のステージに進んでいる既存のコンタクトまたは会社がフォームを送信しても、ライフサイクルステージは更新されません。
- フォームに設定したライフサイクルステージは、HubSpotの設定で設定したデフォルトのライフサイクルステージを上書きします。
- 画面サイズ(小):モバイルデバイスでポップアップフォームを無効にするには、[画面サイズ(小)のポップアップフォームをオフにする]チェックボックスをオンにします。ポップアップフォームはモバイル環境向けにも最適化されていますが、モバイルでは無効にすることをお勧めします。
- 却下されたポップアップフォームをもう一度表示するまでの期間:ドロップダウンメニューをクリックして、ポップアップフォームを却下した訪問者にポップアップフォームを再表示するまでに必要な経過時間を設定します。
- コンタクトをSalesforceキャンペーンに追加: Salesforce連携を使用している場合は、ドロップダウンメニューをクリックして、ポップアップフォームを送信した任意のコンタクトをSalesforceキャンペーンに関連付けます。
- GoToWebinar にコンタクトを追加する: GoToWebinar 連携を使用している場合は、ドロップダウンメニューをクリックして、特定のウェビナーのポップアップフォームを送信したコンタクトを登録します。
- コンタクトを獲得したときにEメール通知を送信:コンタクトを獲得した時点でHubSpotユーザーまたはチームに通知するには、このドロップダウンメニューを使用します。
- 作成されたコンタクトをマーケティングコンタクトに設定: HubSpotアカウントにマーケティングコンタクトへのアクセス権がある場合、このフォームから作成されたコンタクトを自動的にマーケティングコンタクトに設定できます。
- 新規コンタクトをEメールプロバイダーにプッシュする(任意):[設定で管理]をクリックして、獲得したコンタクトをプッシュするEメールプロバイダーを設定できます。、コンタクトをMailChimpのリストにプッシュするについての詳細はこちらをご覧ください。
自動化
コンタクトへのフォローアップEメールの送信や、ポップアップフォームを使用した自動内部Eメール通知など、シンプルな自動化機能を使用できます。また、シンプルワークフローでフォーム送信をトリガーとして使用することもできます。フォームツールでの自動化の使用方法について詳細をご確認ください。
- 上部にある[自動化]タブをクリックします。[自動化]タブで、フォーム送信後の動作を設定できます。
- [フォーム送信後の動作を選択]セクションで、必要に応じてフォームの設定をカスタマイズします。
- [シンプルワークフローを作成]セクションで、Eメールの送信やコンタクトプロパティーの設定などのフォローアップアクションを自動化するためのシンプルワークフローを設定します。
プレビュー
[プレビュー]タブでは、ポップアップフォームのプレビュー動作をテストできます。
- ポップアップフォームがどのように表示されるかをデバイスの種類別に確認するには、左上の[パソコン]、[タブレット]、[モバイル]のボタンをクリックして表示を切り替えます。
- また、ポップアップフォームのステップごとの表示を確認するには、leftright左右の矢印アイコン.をクリックします。
ポップアップフォームの公開を終了
- HubSpotアカウントにて、[マーケティング]>[フォーム]の順に進みます。
- ポップアップフォームの上にマウスポインターを置き、[ アクション ]ドロップダウンメニューをクリックします。次に、[ フォームを非公開]を選択します。
ポップアップフォームを削除する
- HubSpotアカウントにて、[マーケティング]>[フォーム]の順に進みます。
- ポップアップフォームの上にマウスポインターを置き、[ アクション ]ドロップダウンメニューをクリックします。次に、[削除]を選択します。
- 表示されるポップアップボックスで、[フォームを削除]をクリックします。このアクションは元に戻せません。