JetPopupプラグインとElementorポップアップビルダー:誰がルールを設定しますか?

公開: 2019-10-18

サイトでポップアッププラグインを使用することは、ニュースレターやソーシャルネットワークのページにユーザーの注意を引き付けたり、読者に働きかけたいその他のアクションを要求したりするための実証済みの方法です。 一部のユーザーはポップアップを嫌い、無視するかもしれませんが、これによってポップアップの効果が低下することはありませんよね? また、適切に構成すると、正常に機能します。 幸いなことに、私たちの時代には十分なポップアッププラグインがあるので、Webリソースを作成する技術的な側面について考える必要はありません。

1つの質問が残っています-どちらを使用しますか?

最近、 Elementorは、Webサイトをより美しくするための新しいPopUpBuilderを発表しました。 彼らはそれがポップアップの世界を爆破し、そこに秩序をもたらすことを約束します。 そしてもちろん、以前にElementorで使用されていたZemezJetの既知のポップアッププラグインを忘れないでください。 どちらがいいですか? 正しい選択をすることのジレンマは、私たちの目の前に立っています。 それでは、これらのプラグインのそれぞれの長所と短所を一緒に調べてみましょう。

インストールの比較

JetPopupは、Zemezチームによって開発されたElementorライブページビルダーのアドオンです。


詳細| デモ

これを使用すると、ポップアップを作成して、Elementorで作成されたページに追加できます。 JetPopupを使用するには、まず、プラグインをElementorエディターに追加する必要があります。 ただし、手順は非常に簡単です。WordPressダッシュボードにログインし、[プラグイン]タブに移動し、[新しいボタンを追加]をクリックし、ハードドライブから[JetPopup]ボタンをアップロードして、インストールプロセスを開始します。

Elementorポップアップビルダー

Elementorチームが提供するElementorPopup Builderは、インストールを必要としません。

Elementor Proバージョンをインストールすると、ポップアップを即座に作成およびカスタマイズできるようになります。

機能比較

どちらのプラグインでも、さまざまなポップアップテンプレートを作成してそれらのユニバーサル条件を設定し、テンプレートを特定のウィジェットに添付して、ドラッグアンドドロップ機能を使用して特定のページに表示できます。 そして最も嬉しいニュースは、どちらのテーマもポップアップを操作するためにコーディングスキルをまったく必要としないということです。

JetPopupプラグイン

JetPopupの主な機能により、次のことが可能になります。

  • ドラッグアンドドロップでポップアップを作成します。 JetPopupは、レイアウトを作成してコンテンツを追加するときにElementorウィジェットを適用することを提案します。
  • ポップアップデザインをカスタマイズします。 CSSの知識がなくてもポップアップのスタイルを設定できます。
  • トリガーイベントを管理します。 ポップアップを表示するイベントと日付を選択します。
  • 事前に設計されたテンプレートを選択して使用します。 JetPopupには、ニーズに応じてさまざまなテンプレートがあります。

上記のすべてに加えて、このプラグインはポップアップウィンドウをウィジェットにアタッチすることを可能にするだけでなく簡単にします。 したがって、マウスが特定のウィジェットにカーソルを合わせているとき、または指定されたセレクターで要素をクリックすることにより、ポップアップを表示できます。

JetPopupを使用すると、ポップアップにアニメーション効果を追加することもできます。

あなたはそれらのダースから選んで適用することができます:

  • フェード;
  • ズームイン;
  • ズームアウトする;
  • 上に移動;
  • バウンスイン;
  • バウンスアウト;
  • 上にスライドします;
  • 下;
  • 左;
  • 右;
  • 水平フリップ;
  • 垂直フリップ;
  • 回転します。

JetPopupを使用すると、ポップアップウィンドウの位置、サイズ、および動作を簡単に変更できます。

  • クラシック。 画面中央のコンテンツ上部にポップアップウィンドウが表示されます。
  • スライドイン。 ポップアップウィンドウが片側からスライドしてコンテンツを移動します。
  • バー。 ポップアップは、ページの上部または下部に細いバーの形で表示されます。
  • ボーダー。 ポップアップは、画面の隅の1つに微妙な通知の形で表示されます。
  • 全景。 ポップアップは、通知される情報のために全画面を占めます。
  • カスタム。 ポップアップの表示方法(位置と動作)を自分で選択できます。

さらに、プラグインを使用すると、必要に応じて任意のポップアップタイプを作成できます。

  • 申し込む。 ここでは、MailChimpサブスクライブフォームを追加するための最適なポップアッププリセットを使用できます。
  • 割引。 このタイプのポップアップは、サイトの訪問者に最新の割引について通知するのに役立ちます。
  • はい・いいえ。 このプリセットの助けを借りて、訪問者の意図の確認は非常に簡単です。
  • 秒読み。 カウントダウンのオプションは、重要で重要なイベントになると非常に便利です。
  • お問い合わせ。 このプリセットは、スタイリッシュなJetPopupプラグインを使用して、連絡先フォームをポップアップに簡単に統合するのに役立ちます。
  • 情報カード。 一部の情報を目立たせたい場合は、このポップアップタイプを使用してください。
  • GDPR。 GDPRプリセットは、訪問者の個人データの安全性を保証します。
  • クッキーポリシー。 これらのプリセットは、訪問者にデータのプライバシーをサポートおよび尊重していることを示すために作成されています。

上記のオプションに加えて、JetPopupはPROポップアップも提供します。 これらは、必要に応じて個別に購入できるプレミアムポップアップバンドルです。

Elementorポップアップビルダー

Elementor Popup Builderを使用すると、Elementor Page Builderを使用してサイトに対して行うのと同じように、文字通りすべてのポップアップに対して行うことができます。 あなたはできる:

  • ポップアップウィンドウをカスタマイズし、ポップアップの内部を構築します。
  • さまざまな設定と機能を使用して、ターゲティングルールを設定します。
  • ポップアップをサイトのリンクとお問い合わせフォームに接続します。
  • Elementorテンプレート、WordPressコンテンツ、およびWooCommerce製品を使用します。

さらに、ポップアップの数に制限はありません。必要な数だけポップアップを作成してください。

これらすべての機能に加えて、このポップアップビルダーのもう1つの優れた機能は、オンデマンドのポップアップです。 これは、特定のトリガーを使用して(後で説明します)、またはリンクやフォームを介して手動トリガーを設定することにより、ポップアップウィンドウを表示するための特定の設定を選択できることを意味します。

Elementor Popup Builderには、要件を満たすための9つのポップアップタイプがあります。

  • 電子メールサブスクリプション。 このタイプは、Eメールマーケティングツールを改善し、サブスクライバーリストを増やすのに役立ちます。
  • ログインフォーム。 これらのフォームを使用すると、サイトのユーザーはサイトに簡単にログインできます。
  • プロモーション&セールバナー。 特別オファーをポップアップ内に配置すると、サイトの訪問者がそれらを見逃すことはありません。
  • リードキャプチャ。 このプリセットは、訪問者に選択または参加させることで、コンバージョン率を高めるのに役立ちます。
  • コンテンツのロックとアップグレード。 このポップアップを使用すると、条件に同意したユーザーにプレミアムコンテンツを表示できます。
  • お知らせ。 このポップアップにより、いつでも訪問者に必要な情報を通知できます。
  • インテントを終了します。 それは、訪問者が退出したいときに滞在する動機として機能します。
  • ウェルカムマット。 サイトにアクセスした訪問者向けのフルスクリーンのウェルカムポップアップ。
  • 関連製品とアップセル。 関連するWooCommerce製品を提供して販売率を上げたい場合は、このポップアップを使用してください。

また、このポップアップビルダーは、フライイン、フルスクリーン、ハローバー、ボトムバー、クラシック、スライドインなど、ポップアップの外観を選択するための多くの機能を提供します。

ポップアップデザインの比較

JetPopupプラグイン

JetPopupを使用すると、ニーズや特定の目標に合わせてポップアップテンプレートを作成できます。 ポップアップの設計を簡素化し、より快適にするために、JetPoupプラグインには次の機能が含まれています。

  • 何十ものスタイリッシュなポップアップテンプレート。
  • レスポンシブレイアウト;
  • クロスブラウザの互換性;
  • 多様なスタイルのオプション。

Elementorポップアップビルダー

Elementor Popup Builderの助けを借りて、ビルダーに統合されたさまざまなウィジェットとデザイン指向の機能を使用して、美しいポップアップを作成できます。

  • 100以上の強力なElementorウィジェット。
  • 100以上のスタイリッシュなポップアップテンプレート。
  • 柔軟なレスポンシブレイアウトとスタイルコントロール。
  • 常にブランドにある正確なポップアップ。
  • クロスサイト設計の一貫性。

このツールを使用すると、ポップアップのコンテンツだけでなく、ポップアップウィンドウ(高さ、幅、水平および垂直方向の配置を含む)および周囲のデザイン(閉じるボタンとオーバーレイを含む)もカスタマイズする機会が得られます。 以下に、いくつかの詳細設定を示します。

  • 設定した時間後に閉じるボタンを表示します。
  • 設定した時間後に自動的に閉じます。
  • オーバーレイとESCキーで閉じないようにします。
  • ページスクロールを無効にします。
  • 複数のポップアップは避けてください。

ターゲティングの比較

JetPopupプラグイン

JetPopupプラグインには、以下に示すターゲティング用の3つの主要な機能があります。

条件

JetPopupの条件は次のとおりです。

  • サイト全体。 それはポップアップがあなたのウェブサイトのどのページにも現れることができることを意味します。
  • 特異な。 このオプションを使用すると、コンテンツのタイプを選択できます。
    • 表紙;
    • 投稿タイプ;
    • 役職;
    • カテゴリからの投稿;
    • タグからの投稿;
    • ページ;
    • ページ、ページテンプレートの子;
    • 404ページ。
  • アーカイブ。 このポップアップが表示されるアーカイブの種類からコンテンツを選択できます。 含まれるもの:
    • すべてのアーカイブ;
    • 投稿タイプのアーカイブ;
    • カテゴリーアーカイブ;
    • タグアーカイブ。

トリガー。

JetPopupのもう1つのオプションは、特定のトリガーイベントを設定する機能です。

  • オープニングについて。 最適な用途:
    • O現在の販売と割引。
    • 新鮮なニュースや記事;
    • ルールと条件が変更されます。
  • ユーザーは終了を試みます。 最適な用途:
    • Oサインアップフォーム;
    • 特別なオファー;
    • はい/いいえフォーム。
  • ページの進行状況のスクロール。 最適な用途:
    • サイトまたはサービスの使用方法に関するOTips。
    • サブスクリプションオファー;
    • ソーシャル共有リンク。
  • ウィジェットに添付されています。 最適な用途:
    • O連絡先情報;
    • ソーシャルメディアへのリンク。
    • その他のコンテンツ。
  • 設定日。 最適な用途:
    • プロジェクトの立ち上げ。
    • 割引;
    • 休日。
  • ユーザーの非アクティブ時間。 最適な用途:
    • はい/いいえフォーム;
    • ニュースレター購読フォーム;
    • 広告。

ユーザーロール。 JetPopupは、登録ユーザーまたは以前に定義された特定の役割を持つユーザーに対してのみポップアップウィンドウを表示する機会を提供します。

Elementorポップアップビルダー

次に、Elementor Popup Builderには、直感的なターゲティングを整理するためのいくつかのオプションもあります。

条件。

それらは非常に簡単で、それらの使用法はElementorの他のテンプレートで適用される方法と変わりません。 条件設定を使用すると、次のようなポップアップのページ、投稿、および領域を自分で選択できます。

  • ウェブサイト全体;
  • 特定のページ;
  • アーカイブ(カテゴリ、作成者、日付);
  • 投稿(カテゴリ、タグ、作成者);
  • ページを検索します。
  • WooCommerce(アーカイブおよび単一の製品ページ)。

トリガー。

Elementor PopupBuilderはそのようなものを提供します:

  • ページの読み込み時;
  • スクロール;
  • 要素までスクロールします。
  • クリック;
  • 非アクティブ後;
  • ページ上の終了インテント。

高度なルール。

高度なルール。 これらは、ポップアップが表示されるための特別な条件を設定するのに役立ちます。 たとえば、特定のURLからアクセスしたユーザー、または定義されたページ数にアクセスしたユーザーにポップアップを表示するルールを設定できます。

  • X回のページビューの後。
  • X回のセッション後。
  • 特定のデバイスに表示します。
  • ログインしたユーザー/ロールを非表示にします。
  • 特定のURLから到着する場合。
  • 最大X回表示します。
  • 内部、外部リンクまたは検索エンジンから到着する場合。

価格比較

Elementorポップアップビルダー

ここで、ElementorProの一部であるプラグインを個別にダウンロードまたは購入できると信じていた人々を失望させます。 Elementor Popup Builderは、Elementor Pro(プレミアムバージョン)をお持ちの場合にのみ機能します。これは別途購入する必要があります。

JetPopupプラグイン

JetPopupはElementorのアドオンです。 つまり、これはサードパーティの開発者によって開発されたスタンドアロン製品であり、Elementorチームとは関係がなく、Proバージョンの一部ではありません。 したがって、無料バージョンのElementorでプラグインを使用するには、象徴的な$ 15でプラグインを購入します。

まとめましょう

JetPopupプラグインポップアップビルダー
Elementorエディターへの追加インストールが必要追加のインストールは必要ありません。ElementorProに付属しています
ポップアップを作成するためのドラッグアンドドロップ機能ドラッグアンドドロップ機能を使用してポップアップを作成します
カスタマイズ可能なデザインカスタマイズ可能なデザイン
ターゲティングのトリガー、ユーザーロール、および条件を管理しますトリガー、ユーザーロール、および高度なルールを介してターゲティングルールを設定するのに役立ちます
さまざまなアニメーション効果を追加します動的コンテンツを追加してポップアップを後押しします
ポップアップウィンドウの位置、サイズ、および動作を変更しますレイアウト(高さ、幅、水平および垂直方向の配置)を完全に制御できます
8つの異なる目的のためにポップアップを作成します9つの異なる目的のためにポップアップを作成します
何十ものスタイリッシュなテンプレートを使用100以上のデザイナー製ポップアップテンプレートを使用する
テンプレートを特定のウィジェットに添付しますポップアップをウィジェット、サイトリンク、お問い合わせフォームに接続します
コーディングスキルは必要ありませんコーディングスキルは必要ありません
15ドルの費用Elementor Proが付属しています(サブスクリプションの種類に応じて49ドルから199ドル)

最後の言葉

これらのツールを比較するのは簡単ではありません–両方のプラグインは価値があります。 すべての長所と短所をもう一度読み直して、自分に最適なものを決定します。 2つのツールのどちらを選択するかをまだ決定していない場合は、両方を試すことをお勧めします。 何が自分に最も適しているかを理解できるのは、あなたより優れている人は誰もいません。

ちなみに、コメントであなたの意見を共有してください、あなたはこれについてどう思いますか?