PageSenseでのマルチスクリーンポップアップの作成
PageSenseでは、訪問者の名前やメールアドレスなどの情報を最初から求める従来の1段階のポップアップ画面に加え、Webサイトでのコンバージョンや売上の向上につながる、より効果的で魅力的な複数画面のポップアップキャンペーンも設定できます。複数画面のポップアップキャンペーンは複数の手順で構成され、通常はリダイレクトリンクやCTAボタンから始まり、訪問者にすでに開始した処理を完了するよう促します。これはWebサイトのオンボーディングプロセスとよく似ています。訪問者は一連の短い手順やフォームに沿ってアカウントを設定し、登録手続きを完了します。
通常、複数画面のポップアップは、次の段階で構成されます。
-
カスタマイズしたクリックリンクまたはボタンの処理とともにメッセージを表示するメイン画面
-
メイン画面で選択した内容に応じて表示されるフォローアップ用のポップアップ画面
-
最後に、処理の完了を示すお礼メッセージまたはリダイレクト先のページ。
この種類のポップアップ画面は、次のような場合に役立ちます。
-
ユーザーを特定し、興味や関心に応じて分類し、好みに合ったリソースや割引を提供する。
-
処理の各手順で訪問者向けのメッセージをパーソナライズし、ニーズに応じた最適な特典やコンテンツを提供する。
-
長いポップアップフォームを理解しやすい複数の手順に分け、訪問者の関心を最後まで維持することで、フォームからの離脱を減らす。
次に、PageSenseでシンプルな「はい／いいえ」形式の複数画面ポップアップを作成する方法を説明します。
複数画面のポップアップを作成するには
1. 左側のメニューで［ポップアップ画面］をクリックし、［新しいポップアップ画面］ボタンをクリックします。
2. わかりやすい名前と、ポップアップ画面を表示するWebページのURLを入力し、［作成する］をクリックします。
3. ［ポップアップの種類］タブで、訪問者に表示するポップアップ画面のデザインを選択し、右上の［次へ］をクリックします。あらかじめ用意されたテンプレート（［ポップアップ画面］、［スライドイン］、［バナー］、［全画面］）から選択するか、［空のテンプレート］を使用して独自に作成できます。
ここでは、ECサイトの顧客に魅力的な割引を表示する複数画面のポップアップを作成します。メイン画面には、目を引く見出しメッセージと、ユーザーが選択できる2つのCTAが表示されます。訪問者がメイン画面で［CTA 01］をクリックすると、割引コードが表示される次のポップアップ画面に移動します。一方、訪問者が［CTA 02］をメイン画面でクリックすると、処理の完了を示すお礼画面が表示されます。
5. 次に、ドロップダウンから［メイン画面］を選択し、［新しい画面を追加する］ボタンをクリックして、新しい画面を追加します。
6. 左側のパネルで、項目の［グリッド］をクリックし、テキストボックス、画像、入力欄、ボタンなどの必要な要素をポップアップ画面の画面2にドラッグ＆ドロップします。使いやすいポップアップ画面のテンプレートの設計画面では、背景色、ボタンの色、影の効果など、要素のプロパティを編集して形式を設定することもできます。コーディングの知識は必要ありません。
7. 次に、訪問者が処理ボタンをクリックしたときの移動先を決めます。
キャンペーンの目的に応じて、処理ボタンをカスタマイズし、別のWebページや別のポップアップ画面に移動したり、ポップアップ画面を閉じたりできます。詳しくは、ポップアップ画面に処理ボタンを挿入してカスタマイズする方法をご参照ください。
画面02では、訪問者がメイン画面で［はい、今すぐ受け取る］をクリックすると、以下のように、割引コードが表示される次のポップアップ画面に移動します。
一方、訪問者がメイン画面で［いいえ、結構です］をクリックすると、以下のように、処理の完了を示すお礼画面が表示されます。お礼画面を追加するには、ドロップダウンメニューから［新しい画面を追加する］を選択します。
PageSenseの一部のポップアップテンプレートには、初期設定の「お礼画面」メッセージがあらかじめ用意されています。すぐに選択し、ビジネス上の要件に合わせてカスタマイズできます。
8. ポップアップ画面のデザインに問題がなければ、画面右上の［次へ］をクリックして、ポップアップ画面のオーディエンス設定に進みます。