メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

ポップアップフォーム(旧)を編集・管理する

更新日時 2025年 2月 13日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

ポップアップフォーム(旧)は、ウェブサイトのURLにアクセスしたり、ページに一定の金額を費やしたりするなど、特定のアクションによってトリガーされるリード(見込み客)キャプチャフォームです。ポップアップフォームは、HubSpotでホスティングしている任意のブログ記事、ランディングページ、ウェブサイトのページで利用できます。この記事では、既存のポップアップフォームを編集、管理する方法について説明します。 

注: 7月17日にポップアップフォームツールは廃止されました。Starter、Professional、Enterpriseの全てのユーザーは、ポップアップフォームの作成と複製ができなくなります。既存のポップアップフォームの編集、削除、公開終了は引き続き可能です。スティッキーバナー、ポップアップボックス、スライドインCTAを作成するには、新規CTAツールを使用することをお勧めします。

ポップアップフォームを編集

ポップアップフォームに移動するには、次の手順に従います。 

  • [ フォームタイプ ]ドロップダウンメニューをクリックし、[ ポップアップフォーム]を選択します。 
  • ポップアップフォームの上にマウスポインターを置き、[ 編集]をクリックします。 

フォームエディターの上部にあるタブ間を移動して、ポップアップフォームをカスタマイズできます。以下のセクションでは、各タブについて詳しく説明します。

コールアウト 

[コールアウト]タブでは、訪問者の注意を喚起するためのコールアウトを追加し、カスタマイズします。コールアウトのカスタマイズは右側のプレビューに表示されるため、ページで公開されたときにポップアップフォームがどのように表示されるかを把握できます。

  • キービジュアル:コールアウトとフォームステップの両方に表示するキービジュアルを選択します(ポップアップボックスとスライドインボックスのみ)。
  • コールアウトテキスト:コールアウトのメインヘッダーのテキストを入力します。
  • コールアウト本文:コールアウトの追加情報または詳細を入力します。(任意)
  • コールアウト ボタン テキスト:コールアウトフォームのボタンテキストを入力します。
  • テーマカラー:ポップアップフォームのボタンのテーマカラーを設定します。カラーパレットからカスタムカラーを選択するか、16進数値を手動で入力します。
  • リンクボタン:コールアウトボタンのリンク先を選択します。
    • フォームステップ:ポップアップフォームからフォームにユーザーを誘導します。[フォーム]タブをクリックし、フォームをカスタマイズします。
    • HubSpot以外のURL:外部ページへのリンクを入力します。
    • HubSpotページまたはブログ記事Marketing HubまたはContent Hub Starter、Professional、またはEnterprise):ドロップダウンからHubSpotページまたはブログ記事を選択します。
    • ファイルダウンロード:[ファイルを参照]をクリックし、ファイルを追加します。
    • ミーティングリンク:ドロップダウンメニューからミーティングリンクを選択します。
    • カレンダーのイベント:カレンダーイベントを作成し、イベントの詳細を設定します。イベントは、顧客のGoogleまたはOutlookカレンダー内に作成されます。

フォーム

コールアウトボタンがフォームステップにリンクしている場合、表示されるフォームをカスタマイズできます。[フォーム]タブで以下の詳細をカスタマイズします。
  • フォーム本文:フォームフィールドの前に表示される追加情報または詳細を入力します。これはオプションのステップです。 
  • 追加されたフィールド:ポップアップフォームのフィールドを選択します。デフォルトの[Eメール]フィールドが自動的に組み込まれます。フォームには最大4つのフィールドを追加できます。
    • フォームにフィールドを追加するには、[+別のフォームフィールドを追加]をクリックします。
    • 訪問者に対するフォームフィールドの表示方法をカスタマイズするには、edit 鉛筆アイコンをクリックします。 
      • フィールドのラベルを編集するか、プレースホルダーテキストを追加するか、またはデフォルトの値を入力することができます。
      • Eメールのフィールドには、ブロックするEメールアドレスやドメインを設定できます。
  • フォーム ボタン テキスト:フォーム ボタン テキストをカスタマイズします。デフォルトでは、このフィールドには、[コールアウト]タブのフォーム ボタン テキストが自動的に入力されます。 
  • データのプライバシーと同意:HubSpotアカウントで データプライバシー設定を有効にし ている場合、このポップアップフォームの 通知と同意のオプション を設定できます。デフォルトのテキストをカスタマイズするには、edit 鉛筆アイコンをクリックして編集します。
  • 言語:フォームの言語を設定します。これにより、フォームフィールドのラベル、通知と同意/正当な利害関係のメッセージ、フォームに表示されるエラーメッセージが変更されます。編集可能なその他全てのフィールドは、手動で翻訳する必要があります。
  • CAPTCHA:スパム送信に対する追加の保護を提供するCAPTCHAを有効にします。

サンキュー

コールアウトボタンがフォームステップにリンクしている場合、[サンキュー]タブで、訪問者がポップアップフォームを送信した後の動作を設定します。 

  • [サンキューメッセージ]フィールドに、訪問者がポップアップフォームを送信した後に表示するメッセージを入力します。リッチ テキスト エディターを使用して、テキストを書式設定できます。
  • サンキューメッセージの後に訪問者を別の場所にリダイレクトするためのボタンを追加するには、次の手順に従います。
    • [ボタンを追加]チェックボックスを選択します。
    • ボタンテキストをカスタマイズします。
    • ボタンのリンクを選択します。
      • HubSpotページまたはブログ記事Marketing HubまたはContent Hub Starter、Professional、またはEnterprise):ドロップダウンからHubSpotページまたはブログ記事を選択します。
      • ファイルダウンロード:[ファイルを参照]をクリックし、ファイルを追加します。
      • ミーティングリンク:ドロップダウンメニューからミーティングリンクを選択します。
      • カレンダーのイベント:カレンダーイベントを作成し、イベントの詳細を設定します。イベントは顧客のGoogleまたはOutlookカレンダーで作成されます。 
      • HubSpot以外のURL:訪問者を外部ページにリダイレクトします。ページのURLを入力します。

 

注: HubSpotの無料ツールを使用しているccountは、 ポップアップフォームのダブルオプトインを有効にする ために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ユーザーまたはチームに通知するには、このドロップダウンメニューを使用します。

自動化

コンタクトへのフォローアップEメールの送信や、ポップアップフォームを使用した自動内部Eメール通知など、シンプルな自動化機能を使用します。また、シンプルなワークフローでフォーム送信をトリガーとして使用することもできます。フォームツールでの自動化の使用方法について詳細をご確認ください。 

  • 上部にある[Automations(自動化)タブをクリックします。[自動化]タブで、フォーム送信後の動作を設定することができます。
    • [フォーム送信後の動作を選択]セクションで、必要に応じてフォームの設定をカスタマイズします。
    • [ シンプルワークフローを作成]セクションで、シンプルワークフローを設定して、Eメールの送信やコンタクトプロパティーの設定などのフォローアップアクションを自動化します。 

プレビュー

[プレビュー]タブでは、ポップアップフォームのプレビュー動作をテストできます。

  • ポップアップフォームがどのように表示されるかをデバイスの種類別に確認するには、左上の[パソコン]、[タブレット]、[モバイル]のボタンを押して表示を切り替えます。
  • また、ポップアップフォームの入力手順ごとに表示を確認するには、leftright左右の矢印のアイコンをクリックします。.

ポップアップフォームを公開/非公開にする

  • フォームのセットアップが完了したら、右上の[公開]をクリックしてポップアップフォームを公開します。
  • [オプション]タブで、公開されているフォームを非公開にすることもできます。
    • [オプション]タブに移動します。
    • [非公開]をクリックします。
    • ダイアログボックスで[ポップアップフォームを非公開]をクリックします。
    • フォームの公開を終了した後は、[ Go to the dashboard(ダッシュボードに移動)]を選択してフォームダッシュボードに戻るか、[ Stay in the editor(エディターに留まる)]を選択してフォームエディターに留まるかを選択できます。

ポップアップフォームを削除

  • [ フォームタイプ ]ドロップダウンメニューをクリックし、[ ポップアップフォーム]を選択します。 
  • ポップアップフォームの上にマウスポインターを置き、[ アクション]をクリックします。次に、[削除]を選択します。 
  • ポップアップボックスで[ フォームを削除]をクリックします。 

 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。