PageSenseでマルチスクリーンのポップアップを作成する

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

PageSenseでは、従来の単一ステップのポップアップだけでなく、訪問者の名前やメールアドレスなどの情報を求めるものではなく、ウェブサイトのコンバージョンと売上を向上させるために、より効果的で魅力的なマルチスクリーンのポップアップキャンペーンを設定することもできます。マルチスクリーンのポップアップは、通常、リダイレクトリンクやコールトゥアクションボタンで始まり、訪問者に既に開始したプロセスを完了するよう促します。これは、ウェブサイトのオンボーディングプロセスに非常に似ており、訪問者が一連の小さなステップやフォームに従ってアカウントを設定し、サインアップ手続きを完了するというものです。

通常、マルチスクリーンのポップアップは以下のステージから構成されます：

メイン画面では、カスタマイズされたリンクやボタンのアクションでメッセージを表示します

メイン画面で選択された内容に基づいて、フォローアップのポップアップ画面が表示されます

最後に、アクションの完了を示すお礼のメッセージまたはリダイレクションページが表示されます。

このようなポップアップは、以下のような場合に便利です

ユーザーを興味に基づいて識別し、分類し、それに合ったリソースや割引を提供します。
プロセスの各ステップで訪問者に対してメッセージを個別にカスタマイズし、訪問者のニーズに基づいて適切なオファーやコンテンツを提供します。
長いフォームのポップアップを複数の簡単に理解できるステップに分割することで、訪問者の興味を最後まで引き続け、ポップアップフォームでの離脱を減らします。

PageSenseでシンプルなYes/Noのマルチスクリーンポップアップを作成する方法を学びましょう。

マルチスクリーンのポップアップを作成するには：
1. クリックしてくださいポップアップ左側のペインに移動し、次にをクリックしてください。新しいポップアップボタン。

2. 表示したいポップアップの説明的な名前とURLを入力し、クリックしてください。作成する。

3. 以下の手順を実行します。ポップアップタイプタブを選択し、表示したいポップアップデザインを選択してから、右上の次へをクリックします。あらかじめ定義されたテンプレートのセットから選択することもできます。サンプルのようなポップアップ、スライドイン、バナー、 およびフルスクリーン または、独自のものを作成することもできます。空白のテンプレートオプション。

4. ポップアップテンプレートを選択すると、TEMPLATE EDITORのメイン画面が表示されます。メイン画面にユーザーに表示したい関連コンテンツを追加してください。

今度は、eコマースのウェブサイトで顧客に魅力的なショッピング割引を表示するマルチスクリーンポップアップを作成しましょう。ここでは、メイン画面には魅力的な見出しメッセージと2つのコール・トゥ・アクションが表示され、ユーザーが選択できます。メイン画面で「CTA 01」をクリックすると、ポップアップの次の画面に移動し、割引コードが表示されます。一方、「CTA 02」をクリックすると、メイン画面でプロセスの完了を示すサンキュースクリーンが表示されます。

5. 次に、メイン画面のドロップダウンを選択し、追加 新しい画面 ボタンをクリックして新しい画面を追加します。

当社の例に基づいて、 新しい画面（画面02） は、前の手順で既に選択したメイン画面の直後に追加される次の画面です。

デフォルトでは、ポップアップに追加するすべての新しい画面は、画面02、画面03などの数値順に命名されます。いつでも画面の名前を変更、複製、削除することができます。

6. 左のペインから、cGRIDをクリックし、必要な要素（テキストボックス、画像、入力ボックス、ボタンなど）をポップアップの画面2にドラッグアンドドロップします。また、簡単に使えるポップアップテンプレートエディタを使用して、背景色、ボタンの色、影の効果など、要素のプロパティを編集および書式設定することもできます。コーディングのスキルは必要ありません。

7. 次に、アクションボタンをクリックしたときに訪問者をどこにリダイレクトしたいかを決定します。
キャンペーンの目的に基づいて、アクションボタンをカスタマイズして、別のウェブページにリダイレクトしたり、別のポップアップ画面にジャンプしたり、単にポップアップウィンドウを閉じるように選択することができます。ポップアップにアクションボタンを挿入してカスタマイズする方法については、こちらのガイドをご覧ください。
スクリーン02、メイン画面で「はい、今すぐクレームする」をクリックすると、ポップアップ画面が表示され、以下のように割引コードが表示される次の画面に移動します。