ポップアップ

ポップアップ

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

ポップアップとは、訪問者がランディングページを閲覧しているときに、ページ上に表示されるウィンドウです。ポップアップは、お知らせや特典の案内、フォームを通じた見込み客の登録促進などに使用できます。適切にデザインし、最適なタイミングで表示することで、ランディングページの目標到達(コンバージョン)を向上できます。

ポップアップの活用例
  1. フィードバックの収集
  2. 訪問者の配信リストへの登録
  3. 特典コードの案内
  4. 訪問者による商品の即時購入
  5. イベントの案内
  6. 最新情報の共有
Zoho LandingPageでは、ドラッグ&ドロップ操作でランディングページ用の魅力的なポップアップを作成できます。表示タイミングを適切に設定することで、目標到達(コンバージョン)の向上につながるポップアップを作成できます。

ポップアップの作成

ポップアップを作成するには、
  1. ランディングページ作成画面の上部バーにある[挿入]をクリックし、[ポップアップ]に移動します。



  2. ランディングページにポップアップがすでに設定されている場合、メニューに表示され、選択できます。
  3. 新しいポップアップを作成するには、[新しいポップアップ]ボタンをクリックします。
  4. ポップアップテンプレートまたはレイアウトを選択して、新しいポップアップの作成を開始できます。また、別のページで以前に保存したポップアップテンプレートを再利用することもできます。
  5. モーダル形式またはスライドイン形式のポップアップを選択できます。
  6. ポップアップを一から作成することもできます。



  7. ポップアップ作成画面では、1列または2列のレイアウトを選択できます。
  8. 左側のメニューからポップアップに要素を追加し、ドラッグ&ドロップで並べ替えることができます。



  9. ポップアップ内の各要素をクリックし、プロパティでテキストや外観を変更できます。



  10. ポップアップにフォームを追加した場合は、お礼画面を編集するための設定も表示されます。

     
  11. ポップアップのサイズや背景の色などを変更するには、上部のナビゲーションバーにある歯車アイコンをクリックします。
  12. スライドイン形式のポップアップでは、ポップアップの位置とスライドインの種類も選択できます。
ポップアップのデザインが完了したら、ポップアップを表示するタイミングを設定できます。
  1. ポップアップ作成画面の上部ナビゲーションメニューで、[設定]をクリックします。
  2. ポップアップ設定では、次の表示タイミングから選択できます。
    1. ページが読み込まれた直後。
    2. ページが読み込まれてから「n」秒後。
    3. 訪問者がページの半分までスクロールしたとき。
    4. 訪問者がページを離れようとしたとき。
    5. 訪問者がフォームを送信したとき。
    6. 訪問者がCTAをクリックしたとき。
  3. ページ上でポップアップを表示する頻度/theを設定するには、選択した設定の横にある編集アイコンをクリックします。表示された画面で、ポップアップの表示頻度を選択できます。次のいずれかを選択できます。
    1. ページが読み込まれるたびにポップアップを表示する。
    2. 訪問者が目的の操作を完了するまでポップアップを表示する。例:メールマガジンへの登録。
    3. 指定した回数だけポップアップを表示する。
    4. 一度のみポップアップを表示する。

表示タイミングの設定が完了したら、ポップアップのフォームを他のアプリケーションと連携できます。


連携の設定手順については、こちらのリンクを参照してください。

ポップアップの効果を把握するには、ページの[分析]セクションを確認します。
  1. ページ作成画面で[分析]アイコンをクリックするか、ワークスペースのページ一覧で[ページ分析]をクリックします。
  2. [分析]画面の左側のメニューで、[ポップアップ]をクリックします。
  3. このレポートでは、訪問数、目標到達(コンバージョン)数、コンバージョン率などを確認できます。

ポップアップの保存と再利用

ポップアップの作成後、同じポップアップのデザインを保存し、複数のランディングページで簡単に再利用できます。
  1. ポップアップ作成画面の右上にある縦三点リーダーをクリックし、[テンプレートとして保存する]を選択します。



  2. ポップアップテンプレートの名前を入力し、[保存する]をクリックします。


  3. 保存したポップアップテンプレートは[保存済みテンプレート]に表示され、新しいポップアップを作成するときに使用できます。



  4. 保存済みテンプレートを選択し、要件に合わせてカスタマイズした後、必要に応じて他のランディングページでも再利用できます。