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

ポップアップフォームを作成します。

更新日時 2019年 11月 7日

ポップアップフォームツールを利用すると、新規リードをアトラクトする(惹き付ける)リード獲得フォームを簡単に作成することができます。ポップアップフォームは、HubSpot でホストされているブログ記事、ランディングページまたはウェブサイトページで使用できます。外部ページにポップアップフォームを追加するには、外部サイトにHubSpotトラッキングコードをインストールするか、WordPressサイトにHubSpot WordPressプラグインをインストールする必要があります。

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • 右上の [フォームを作成] をクリックします。
  • 左側のサイドバーで、[ポップアップフォーム]を選択します。
  • 右上にある [次へ] をクリックします。
  • ポップアップフォームの名前をカスタマイズするには、上部の 鉛筆アイコン editをクリックして名前を入力します

タイプ

[タイプ]タブで作成するポップアップフォームのタイプを選択します。

  • ポップアップボックス:ページのポップアップボックスとして表示されます。
  • ドロップダウンバナー: appears as aドロップダウンバナーコメント作成者the top of yourページ名.
  • スライドインボックス左/ライト: ページの左下または右のスライドインボックスとして表示されます。

右上にある [次へ] をクリックします。

コールアウト

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

  1. 注目の画像:(ポップアップボックスのみ、任意)コールアウトとフォームの両方のステップに表示するサムネイル画像を選択します
  2. コールアウトテキスト:コールアウトのメインヘッダー。
  3. コールアウト本文:(任意)コールアウトの追加情報または詳細。
  4. コールアウトボタンテキスト:コールアウトフォームのボタンテキスト。
  5. テーマカラー:ポップアップフォームのテーマのカラーを設定します。既定のカラーバブルをクリックするか、16 進値の横にある カラーバブル をクリックしてグラジエントからカラーを選択するか、16 進値を入力します。

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

右上にある [次へ] をクリックします。

フォーム

[フォーム]タブで、ポップアップフォームボタンをクリックしたときに訪問者が表示される内容をカスタマイズします。
  1. [Form body(フォーム本文)]:(任意)リードフローによって提供する価値について詳しくアピールするテキストを追加できます。
  2. 含まれるフィールド:既定の E メールフィールドは自動的に含まれます。
    • フォームに追加のフィールドを追加するには、[+別のフォームフィールドを追加]をクリックします。ポップアップフォームは、以下のフィールドタイプをサポートします:単行テキスト、複数行テキスト、ドロップダウン選択、単一チェックボックス、数値カッピッカー、ファイル。
    • 鉛筆アイコン edit をクリックすると、フィールドのラベルを編集したりプレースホルダーテキストを追加したりすることで、訪問者への見せ方をカスタマイズできます。Eメールのフィールドには、ブロックするEメールアドレスやドメインを設定できます。
  3. フォームボタンテキスト:[コールアウト] タブからフォームボタンテキストが自動的にこのフィールドに移動する。フォームステップでボタンテキストを変更するには、ここで更新してください。
  4. 通知および同意/正当な利害関係(GDPR): HubSpot アカウントで GDPR が有効になっている場合、このポップアップフォームの通知と同意のオプションを設定できます。既定のテキストをカスタマイズし鉛筆アイコンeditをクリックします。
  5. [Language(言語)]:フォームの言語を設定します。フォームフィールドのラベルなど、フォームの編集不可能な部分の言語を変更できます。現在は、英語以外にフランス語、スペイン語、日本語、ドイツ語、ポルトガル語(ブラジル)に対応しています。
  6. ライフサイクルステージの設定:ポップアップフォームを送信するライフサイクルステージのコンタクトを選択します。これは既定でリードに設定されています。

右上にある [次へ] をクリックします。

サンキュー

[サンキュー]タブ で、訪問者がポップアップフォームを送信した後に表示するサンキューメッセージを入力します。リッチテキストエディターを使って、提供するリソースやダウンロード用コンテンツへのリンク、簡易なフォーマットのテキストを設定できます。

ウェブページ、ファイルダウンロード、ミーティングリンクなどの訪問者をリダイレクトするサンキューメッセージの後にボタンを追加できます。

  • [ボタンを追加]チェックボックスを選択します。
  • ボタンテキストをカスタマイズします。
  • [What should the button link to?(ボタンリンクは何をするのか? )]の下で、次のいずれかを選択します:
    • 非 HubSpot URL:訪問者を外部ページにリダイレクトします。ページの非 HubSpot URL を入力します。
    • HubSpot ページまたはブログ記事:訪問者を HubSpot ページまたはブログ記事にリダイレクトします[HubSpot ページまたはブログ記事を選択]ドロップダウンメニューをクリックし、公開済み HubSpot ページまたはブログ記事を選択します。
    • ファイルダウンロード: 訪問者をファイルダウンロードにリダイレクトします[Browse files(ファイルを参照)]をクリックして、画面右のファイルマネージャーからファイルを選択します。右下のペインの左下の新しいファイルをアップロードするには、[ファイルダウン] downCaratをクリックし、デバイス、DropboxまたはGoogle Drive からファイルをアップロードします。
    • ミーティングリンク:訪問者がミーティングリンクを使用して、チームとのミーティングをスケジュール設定できるようにします。 [ミーティングリンク]ドロップダウンメニューをクリックして既存のミーティングリンクを選択します。
    • カレンダーイベント:訪問者が新しいカレンダーイベントを Google または Outlook カレンダーに追加できるようにする。イベント名、日付、時間、タイムゾーン、場所、詳細を入力します。

右上にある [次へ] をクリックします。

フォローアップ

[Follow up(フォローアップ)]のタブでは、[follow-up email(フォローアップEメール)を作成する]をクリックしてフォーム送信後に訪問者が受け取るフォローアップEメールを作成できます

注:HubSpot CRM Freeユーザーは、ポップアップフォームでダブルオプトインを有効にするには、Eメールセットアップウィザードを完了する必要があります。

  • 右のパネルで、フォローアップEメールの詳細設定をカスタマイズします。
    • サブスクリプションタイプ:フォローアップEメールのサブスクリプションタイプをクリックして選択。
    • ユーザーから:フォローアップEメールの送信者をクリックして選択します。
    • 件名欄:フォローアップEメールの件名を追加します。
    • Eメール本文:コンタクトとのエンゲージメントを持続させることに役立つEメール本文を追加します。
    • [Eメールのフッターを編集]:フッターをクリックし、Eメール設定で会社名や住所をカスタマイズできます。

  • 完了したら、[保存]をクリックします。Eメールの簡単なプレビューが表示されます。Marketing Hub StarterBasic(レガシー)、ProfessionalEnterpriseのアカウントは[別のEメールを追加]をクリックすると、最大3件のフォローアップEメールを追加できます。
  • 右上にある [次へ] をクリックします。

注:フォローアップEメールを作成すると、フォームにCAPTCHA自動的に追加されます。

ターゲティング

このポップアップフォームをサイトに表示するタイミングを選択して訪問者をターゲットにする。訪問者がポップアップフォームを表示する複数のルールを統合するためのフィルターを追加します。

ウェブサイトURL

特定のウェブページURLおよびクエリパラメータ値の条件付きロジックを追加することができます。既定では、ポップアップフォームがすべてのページに表示されます。

  • ウェブサイトURLに基づいて条件を設定するには、次の手順を実行します。
    • 最初のドロップダウンメニューをクリックし、 [ウェブサイトURL]を選択します
    • 2つ目のドロップダウンメニューをクリックしで始まるまたは含め、条件を入力します。
クエリパラメータ値に基づいてポップアップフォームを表示するターゲットルールを設定することもできます。たとえば、URLがキャンペーンのパラメータebookオファーを含むページにポップアップフォームを表示するには、ルール utm_campaign= ebook_offerを入力します
  • クエリパラメータに基づいて条件を設定するには、次の手順を実行します。
    • 最初のドロップダウンメニューをクリックし、[クエリパラメータ]を選択します
    • 最初のテキストフィールドにクエリパラメータ名を入力します。
    • 2つ目のテキストフィールドにクエリパラメータ値を入力します。
  • 別の規則を追加するには[規則を追加]をクリックします。
  • 特定のページでポップアップフォーム(プライバシーポリシーページなど)を除外するには、[除外ルールを追加]をクリックします。

訪問者の情報および行動

ウェブサイトのターゲットルールは、訪問者が既存のコンタクトまたは匿名のコンタクトであるかどうかに基づいてカスタマイズできます。Marketing Hub ProfessionalおよびEnterpriseアカウントは、リストメンバーシップ、ブラウザーの言語、デバイスタイプなどの訪問者情報に基づいて追加のフィルタリングルールを作成できます。ルールを組み合わせると、特定の訪問者がポップアップフォームを表示する詳細な条件を設定できます。

フィルタリングルールをカスタマイズするには、次の手順を実行します。

  • 最初のドロップダウンメニューをクリックしてフィルタータイプを選択します。
  • 次のドロップダウンメニューをクリックしてフィルタリングルールを選択します。

特定の訪問者を除外するには、[除外ルールを追加]をクリックし、フィルターオプションを選択します。新しいフィルタリングルールを作成するには、[フィルターグループを追加]をクリックし、フィルタリングルールを選択します。

オプション

[オプション] タブで、以下のオプションをカスタマイズします:

  • スケジュール設定(ProfessionalアカウントおよびEnterpriseアカウントのみ):ポップアップフォームをスケジュール設定して、特定の日付からのみアクティブにするには、[後でスケジュール設定]を選択します。
    • 特定の日時にポップアップフォームを公開するには、[開始日]ドロップダウンメニューと時間ドロップダウンメニューを使用します。
    • 特定の日時にポップアップフォームを非公開にするには、[非公開日時を設定]チェックボックスを選択し、[終了日]ドロップダウンメニューと[時間]ドロップダウンメニューを使用します。
  • 小さな画面サイズ: モバイルデバイスでポップアップフォームを無効にするには、小さな画面サイズチェックボックスで [Turn off]ポップアップフォームを選択します。ポップアップフォームはモバイル最適化されていますが、モバイルを無効にすることをお勧めします
  • 却下されたポップアップフォームを再度表示する:ドロップダウンメニューをクリックして、訪問者がポップアップフォームを再び見る前にポップアップフォームを却下した時間を設定します。
  • コンタクトを Salesforce キャンペーンに追加する:Salesforce 統合を使用している場合は、ドロップダウンメニューをクリックして、Salesforce キャンペーンを使用してポップアップフォームを送信するコンタクトを関連付けます。
  • コンタクトを GoToWebinar に追加する:GoToWebinar 統合を使用している場合は、ドロップダウンメニューをクリックして、特定のウェビナーのポップアップフォームを送信するコンタクトを登録します。
  • コンタクトが取得されたらE メール通知を送信します:ドロップダウンメニューをクリックして E メールアドレスを入力するか、ユーザーまたはチームを選択します。
  • オプトインの E メールを送信する:ポップアップフォームのダブルオプトイン設定を管理するには、[設定で管理]をクリックします。
  • フォローアップのサブスクリプションタイプ:ドロップダウンメニュー をクリックして、E メール送信のサブスクリプションタイプを選択します。
  • [Push new contacts to your email provider (optional)(新規コンタクトをEメールプロバイダーにプッシュ(任意))]:[Manage in settings(設定で管理)]をクリックすると、獲得したコンタクトをプッシュするEメールプロバイダーを設定できます。コンタクトを MailChimp リストにプッシュする方法についてもっと詳しく説明します
右上にある [次へ] をクリックします。
 

プレビュー

[プレビュー]タブで、ポップアップフォームのインタラクティブプレビューをテストできます。

  • ポップアップフォームが別のデバイスに表示される方法を確認するには、左上の[デスクトップ][タブレット]または[モバイル]ボタンをクリックします。
  • ポップアップフォームの各ステップを表示するには、左/右矢印アイコンlefleftrightをクリックします。t

公開

右上の[公開] をクリックしてポップアップフォームを公開します。