フルスクリーン?ポップアップ?ウィンドウ非常に効果的な方法でユーザーの注目を集めるために使用される。プロモーションそして呼びかけなど、ユーザーからのタイムリーなレスポンスを必要とするシナリオがある。この記事ではElementorがフルスクリーンのポップアップ?ウィンドウを作成するこのポップアップは、ユーザーが非アクティブのときに表示されます。30秒で自動(dòng)的にトリガーされる。カウントダウン?ウィジェットその目的はユーザーの目を覚まさせると即座に行動(dòng)を促す。

I. なぜフルスクリーンのポップアップ?ウィンドウを使うのか？

フルスクリーンのポップアップには、いくつかの大きな利點(diǎn)があります：

1. 注意を引くフルスクリーンのデザインは、ユーザーがポップアップを無(wú)視できないことを意味し、クリックスルー率とコンバージョン率を高めます。
2. ユーザーの行動(dòng)を促進(jìn)する: カウントダウン機(jī)能と組み合わせることで、ポップアップに切迫感を與え、ユーザーに購(gòu)入完了、購(gòu)読申し込み、イベント參加など、できるだけ早く行動(dòng)を起こすよう促すことができます。
3. 不活性トリガーユーザーのマウスやキーボードの操作を検知することで、長(zhǎng)時(shí)間操作していないユーザーにポップアップウィンドウを表示し、興味を喚起することができます。

次に、Elementorを使ってフルスクリーンのポップアップ?ウィンドウを作成する方法です。

以下の手順で、フルスクリーンで非アクティブなステート?トリガーのポップアップ?ウィンドウを作成します：

1.ポップアップウィンドウの作成

ステップ1：Elementorダッシュボードに行く

1. WordPressのバックエンドにログインします。
2. 左のナビゲーション?メニューで テンプレート > ポップアップウィンドウ > 新しいポップアップウィンドウを追加する.

ステップ 2: テンプレートに名前を付ける

1. 新しいポップアップには、將來(lái)簡(jiǎn)単に認(rèn)識(shí)できるような名前を付ける必要がある。

2. 名前を付け終わったら テンプレートの作成 ボタン。

ステップ3：テンプレートの選択またはデザイン

1. Elementorはテンプレートライブラリあらかじめデザインされたポップアップウィンドウのテンプレートからお選びいただけます。

2. よりパーソナライズされたデザインをご希望の場(chǎng)合は、テンプレートを一からデザインすることも可能です。クリック "空白のテンプレート"をクリックし、カスタマイズを開始する。

2. セットアップフルスクリーンのポップアップ?ウィンドウのデザイン

デザインプロセスでは、ポップアップが視覚的に魅力的で、完全に機(jī)能的であることを確認(rèn)します。ここではElementorのカウントダウンウィジェットにナビゲートし、ユーザー採(cǎi)用を促進(jìn)する。セットアップ.

ステップ1：ポップアップウィンドウのサイズを設(shè)定する

1. 幅ポップアップ?ウィンドウの幅を 100 VW(ビューポート幅の100%)なので、ポップアップウィンドウはウィジェットの位置の幅全體をカバーします。

2. こうどポップアップ?ウィンドウの高さを畫面に合わせて設(shè)定します。100 VH(ビューポートの高さで100%)を使用して、ポップアップウィンドウが畫面全體を覆うようにします。

ステップ2：ポップアップウィンドウの配置を設(shè)定する

1. そうしれいかん 水平位置 に設(shè)定します。 を仲介する。ポップアップ?ウィンドウの內(nèi)容が水平方向の中央に配置されていることを確認(rèn)してください。

2. そうしれいかん 垂直位置 にも設(shè)定されている。 を仲介する。畫面の中央に垂直に並ぶようにする。

ステップ3：オーバーライドとクローズボタンを表示する

1. 表示オーバーライドShow Overlayオプションを有効にすると、ポップアップ?ウィンドウが表示されたときに背景のコンテンツがグレーの半透明のレイヤーで覆われ、ユーザーの注意をさらに引くことができます。

2. 閉じるボタンを表示クローズ?ボタンを有効にして、ユーザーがポップアップ?ウィンドウを自由に閉じることができるようにします。閉じるボタンは通常ポップアップウィンドウの右上にある小さな "X "アイコンです。

ステップ4：スタイルとコンテンツのカスタマイズ

1. テキストと背景ポップアップウインドウをブランディングや現(xiàn)在のプロモーションでカスタマイズできます。テキスト、背景畫像.を使用することが可能です。カスタムフォント、カラー、ボタンデザインあなたのウェブサイトのスタイルに合わせて

2. カウントダウン?ウィジェットElementorの カウントダウン?ウィジェット ポップアップウィンドウにドラッグ＆ドロップします。カウントダウンの時(shí)間を設(shè)定することで、通常、緊急感を與え、ユーザーに即座に行動(dòng)を起こすよう指示します。

3.パブリッシング設(shè)定

ポップアップウィンドウのデザインが完了したらポスト屬表示條件とトリガーの設(shè)定.

ステップ1：コンディション設(shè)定

1. ある パブリッシング設(shè)定 で、ポップアップ?ウィンドウがどのページやシーンに表示されるかを決めることができます。
2. コンディション設(shè)定で を通して > サイト全體.こうすることで、サイトのすべてのページでポップアップが表示されます。

ステップ2：トリガー條件

1. オプション トリガー條件 オプション

2. ユーザーにポップアップを表示する設(shè)定 無(wú)操作狀態(tài)が30秒続くと トリガー：Elementorは自動(dòng)的にユーザーの活動(dòng)狀況（例：マウスの動(dòng)きやクリック）を検出し、指定された時(shí)間內(nèi)にユーザーがアクションを起こさなかった場(chǎng)合、ポップアップウィンドウが自動(dòng)的に表示されます。

ステップ3：終了意図ポップアップの使用

非アクティブのトリガーに加え、以下の組み合わせがある。 終了意図トリガーこのポップアップ?ウィンドウは、ユーザーがページを閉じたり、離脫しようとしたときにも自動(dòng)的に表示されます。これは、離脫しようとしているユーザーの注意を引く効果的な方法です。

4.高度な設(shè)定と最適化

アニメーションと視覚効果

ポップアップをより魅力的にするために、アニメーション効果を追加することができます。 Elementorで作成したポップアップ編集ページで、右側(cè)の"高いレベル"タブの一番下から "Action Effects "にある。スライドイン?フェードアウトElementorは幅広いアニメーションエフェクトを提供しているので、あなたのデザインスタイルに合ったものを選択し、ユーザーエクスペリエンスを向上させることができます。

パフォーマンス最適化

ポップアップはコンバージョンを増加させる効果的なツールですが、その一方で使いすぎ、または頻繁すぎるポップアップ?ウィンドウは、次のような場(chǎng)合があります。ユーザー?エクスペリエンスへの影響.そのため、ポップアップ?ウィンドウの表示頻度を適度に設(shè)定し、ユーザーの通常のブラウジング行動(dòng)を妨げないようにすることをお?jiǎng)幛幛筏蓼?。また、ポップアッ?ウィンドウの読み込み速度を最適化し、ページ全體のパフォーマンスに影響を與えないようにしてください。

概要

この記事の手順に従って、Elementorを使ってフルスクリーンの非アクティブトリガー付きポップアップを作成する方法を理解しましょう。このようなポップアップはユーザーの注意を完全に引くだけでなく、カウントダウンタイマー機(jī)能や終了意図トリガーを使ってユーザーのエンゲージメントとコンバージョンをさらに高めます。実際には、ユーザーエクスペリエンスを向上させるために、ポップアップの頻度とスタイルを最適化することを忘れないでください。

お問い合わせ
チュートリアルが読めない？無(wú)料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み