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

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

更新日時 2019年 6月 13日

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

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

タイプ

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

  • ポップアップボックス:ページのポップアップボックスとして表示されます。
  • ドロップダウンバナー: ページ上部のドロップダウンバナーとして表示されます。
  • スライドインボックス左/ライト: ページの左下または右のスライドインボックスとして表示されます。

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

コールアウト

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

  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メールを作成できます

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

フォローアップEメールの詳しい設定をカスタマイズします。
  • 送信者:[送信者] ドロップダウンメニューをクリックし、フォローアップ E メールの送信者を選択します。
  • 件名:フォローアップ E メールの件名を追加します。
  • Eメール本文:コンタクトとのエンゲージメントを持続させることに役立つメッセージを追加します。
    • [Edit email footer(Eメールのフッターを編集)]:フッターをクリックし、Eメール設定で会社名や住所をカスタマイズできます。

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

オプション

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

  1. ポップアップフォームの場所: ポップアップフォームが表示されるページを制御するターゲットルールを設定します。
    • URL に基づいて条件を設定するには、最初のドロップダウンメニュー をクリックし、 [ウェブサイト URL]を選択します
      • すべてのページにポップアップフォームを表示するには、2 つ目のドロップダウンメニューをクリックして、 すべてのページを選択します
      • 特定のページでのみポップアップフォームを表示するには、2 つ目のドロップダウンメニューをクリックし で始まるまたは含め、条件を入力します。
    • パラメータと対応する値をペアにするには、最初のドロップダウンメニューをクリックし、[Qurey パラメータ]を選択し、規則を入力します。たとえば、URL がキャンペーンのパラメータ ebook オファーを含むページにポップアップフォームを表示するには、ルール utm_campaign= ebook_offer を入力します。
    • 別の規則を追加するには[規則を追加]をクリックします。
    • 特定のページでポップアップフォーム(プライバシーポリシーページなど)を除外するには、 [除外ルールを追加]をクリックします。
  2. フォームトリガー:ポップアップフォームを表示するユーザーアクションを選択します。
    • 50%ページスクロール:訪問者がページの 50%をスクロールすると、ポップアップフォームが表示されます。
    • 終了 intent:(ポップアップボックス のみ) 訪問者がブラウザーウィンドウに移動するとポップアップフォームが表示されます。
    • 経過時間 x 秒:x 秒の間にポップアップフォームが表示されます(最小 7 秒)。
  3. スケジュール設定(ProfessionalアカウントおよびEnterpriseアカウントのみ):ポップアップフォームをスケジュール設定して、特定の日付からのみアクティブにするには、[後でスケジュール設定]を選択します。
    • 特定の日時にポップアップフォームを公開するには、[開始日]ドロップダウンメニューと時間ドロップダウンメニューを使用します。
    • 特定の日時にポップアップフォームを非公開にするには、[非公開日時を設定]チェックボックスを選択し、[終了日]ドロップダウンメニューと[時間]ドロップダウンメニューを使用します。
  4. 小さな画面サイズ: モバイルデバイスでポップアップフォームを無効にするには、小さな画面サイズチェックボックスで [Turn off]ポップアップフォームを選択します。ポップアップフォームはモバイル最適化されていますが、モバイルを無効にすることをお勧めします
  5. 却下されたポップアップフォームを再度表示する:ドロップダウンメニューをクリックして、訪問者がポップアップフォームを再び見る前にポップアップフォームを却下した時間を設定します。
  6. コンタクトを Salesforce キャンペーンに追加する:Salesforce 統合を使用している場合は、ドロップダウンメニューをクリックして、Salesforce キャンペーンを使用してポップアップフォームを送信するコンタクトを関連付けます。
  7. コンタクトを GoToWebinar に追加する:GoToWebinar 統合を使用している場合は、ドロップダウンメニューをクリックして、特定のウェビナーのポップアップフォームを送信するコンタクトを登録します。
  8. コンタクトが取得されたらE メール通知を送信します:ドロップダウンメニューをクリックして E メールアドレスを入力するか、ユーザーまたはチームを選択します。
  9. オプトインの E メールを送信する:ポップアップフォームのダブルオプトイン設定を管理するには、[設定で管理]をクリックします。
  10. フォローアップのサブスクリプションタイプ:ドロップダウンメニュー をクリックして、E メール送信のサブスクリプションタイプを選択します。
  11. [Push new contacts to your email provider (optional)(新規コンタクトをEメールプロバイダーにプッシュ(任意))]:[Manage in settings(設定で管理)]をクリックすると、獲得したコンタクトをプッシュするEメールプロバイダーを設定できます。コンタクトを MailChimp リストにプッシュする方法についてもっと詳しく説明します
右上にある [次へ] をクリックします。
 

プレビュー

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

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

公開

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