Elementor Proで終了意図ポップアップを作成する方法

終了意図ポップアップは、ニュースレターの購読、割引オファーの入手、フォームへの入力など、ウェブサイトを離れる前にユーザーが行動を起こすように誘導するための効果的なツールです。Elementor Proを使えば、ユーザーが離脱しようとする際に重要な情報を提示し、コンバージョンを高めるようなポップアップを簡単に作成することができます。この記事では エレメンタル・プロ 退出意図ポップアップを作成し、カスタマイズします。

ステップ1：ポップアップウィンドウテンプレートの作成

ポップアップウィンドウ設定へのアクセス

まず、Elementor Proがインストールされ、有効化されていることを確認します。テンプレート">"ポップアップウィンドウ".新しいポップアップを追加」をクリックしてポップアップテンプレートの作成を開始します。

テンプレートの名前と選択

ポップアップ・ウィンドウの名前を入力してください。終了意図オファーポップアップ".これにより、このポップアップをいつでも簡単に見つけて編集できるようになります。クリック "テンプレートの作成"の後に、Elementorのテンプレートライブラリからプリセットのデザインを選択するか、空白のテンプレートから始めることができます。

代表例
例えばオンライン書店を運営していて、ユーザーがサイトを去ろうとしたときに電子書籍の無料トライアルを表示したいとします。ポップアップウィンドウに「無料お試しキャンペーン」と名前を付け、プリセットテンプレートのライブラリから関連するデザインを選択できます。

ステップ2：ポップアップウィンドウのコンテンツをデザイン

コンテンツモジュールの追加

Elementorのドラッグ＆ドロップ機能を使ってタイトル、テキストボックス、画像、ボタン、フォームモジュール.ユーザーが一目で提供するオファーを理解できるよう、すっきりとした魅力的なデザインにしましょう。

モジュールエレメントそしてタイプ修正

主にポップアップウィンドウのベースコンテンツを設定するために使用します。テキスト、画像、ボタンなど。

コンバージョン率向上のためのデザインの最適化

• 画像選択あなたのオファーに関連した画像を選びましょう。例えば、ベストセラーの本の表紙の画像を加えることで、視覚的なアピールを加えることができます。

• ボタンテキスト: ボタンのテキストは、「今すぐお試しください」や「無料チャプターを獲得してください」のように、明確で願望的なものであるべきです。
• フォームフィールド: フォームはできるだけシンプルにし、必要な情報のみを収集します。例えば、電子書籍のトライアルにアクセスするためには、電子メールアドレスの入力が必要です。

ステップ 3: ポップアップトリガーの設定

トリガー条件の選択

クリック "ポスト「を選択します。前提条件"をクリックして、ポップアップウィンドウを表示する場所を決定します。サイト全体に表示することも、特定のページにのみ表示することもできます。例えば、商品詳細ページやショッピングカートページにのみ終了意図ポップアップを設定することができます。

インテントを終了するトリガーの設定

選択 "フリップフロップ"パネルを有効にしてください。ページ終了の意図"オプションを指定します。これにより、ユーザーのマウスカーソルがブラウザウィンドウから離れたときにポップアップウィンドウが表示されます。

高度なルール設定

必要に応じて詳細設定を行います。例えば、デスクトップデバイスでのみポップアップを表示したり、ユーザーがアカウントにログインしている場合はポップアップを表示しないように設定することができます。

ステップ4：ポップアップのテストと公開

1. ポップアップウィンドウを保存してアクティブにします。
   デザインと設定が完了したら、右下の「保存して閉じる」ボタンをクリックしてポップアップをウェブサイトに公開します。
2. テスト・ポップアップ・ウィンドウ
   ポップアップが正しく動作していることを確認するには、設定した表示条件に対してテストしてください。商品ページやチェックアウトページでマウスをページ外に移動させ、ポップアップがトリガーされるかどうかを確認します。

はんけつをくだす

退出意図ポップアップを細かく設定することで、サイトから離脱しようとしているユーザーを効果的に囲い込み、コンバージョン率を高めることができます。ポップアップの エレメンタル・プロこれらのエフェクトを簡単に実装し、いつでもニーズに合わせてポップアップウィンドウのデザインやトリガー設定を調整することができます。