インタラクションでポップアップを表示する

インタラクションのためにポップアップをトリガーする理由

インタラクションを通じてポップアップをトリガーすると、ユーザーはターゲットを絞ったタイムリーな情報を受け取ることができるため、コンバージョンが向上し、ユーザー エクスペリエンスが向上します。 

たとえば、「お得情報を入手」ボタンをクリックすると、割引の詳細を示すポップアップが表示されたり、「サインアップ」ボタンをクリックすると、メールを収集するためのサブスクリプションフォームが開いたりします。同様に、製品画像の上にマウスを置くと、追加機能やデモビデオを示すポップアップが表示されることがあります。

以下の具体的な例をご覧ください。「お得情報を入手」ボタンをクリックすると、ニュースレター購読フォームのポップアップが表示されます。

インタラクションでポップアップを表示する方法

ここでは、顧客が「お得情報を入手」ボタンをクリックしたときに、割引を受けるためにメールアドレスの送信を促すポップアップが表示されるように設定する方法を説明します。

ステップ1: ポップアップを追加する

ドラッグアンドドロップ ポップアップ ページに要素を追加します。

メール フィールド、テキスト、CTA ボタンなどのコンテンツを使用してポップアップをカスタマイズします。

ステップ2: インタラクション設定を開く

クリック 相互作用 左側のサイドバーにあるボタンをクリックすると、インタラクション設定が開きます。

ステップ3: インタラクションを構成する

皮切りに： インタラクションを開始する特定の要素を選択します。

というラベルの付いたボタンを選択してください 取引を掴む ターゲットとして。

いつ：  この設定により、ポップアップをアクティブにするユーザー アクションが決まります。

• トリガーアクションを選択します: 詳しくはこちら or ホバー.
• この例では、 要素をクリック ボタンがクリックされたときにポップアップを表示します。

逆相互作用

訪問者が再度クリックした場合にインタラクションを元に戻すには、チェックを入れます。クリックごとにインタラクションを元に戻すには、チェックを外します。

次に、次の操作を実行します: (トリガーされたアクション)

• 選択する ポップアップ アクションによってトリガーされるターゲット要素として。

• 前日比選択 オープンポップアップ ポップアップを表示します。

利用可能な「前日比「」オプションは、対象要素によって異なります。

公開する前にインタラクションをプレビューします。