JetPopup 插件與 Elementor Popup Builder:誰來統治?

已發表: 2019-10-18

在您的網站上使用彈出式插件是一種行之有效的方法,可以將用戶的注意力吸引到您的時事通訊、社交網絡中的頁面上,或者呼籲您想要推動讀者採取任何其他行動。 一些用戶可能會討厭並忽略彈出窗口,但這並不會降低它們的效率,對嗎? 正確配置後,它們將成功運行。 幸運的是,在我們這個時代有足夠多的彈出插件,因此您不再需要考慮創建 Web 資源的技術方面。

一個問題仍然存在——使用哪一個?

最近, Elementor推出了一個全新的 PopUp Builder,用於使網站更加美觀。 他們承諾它將炸毀彈出窗口並在那裡帶來秩序。 而且,當然,不要忘記之前在 Elementor 中使用的 ZemezJet 已知的 Popup 插件。 哪一個更好? 做出正確選擇的困境就擺在我們面前。 那麼,讓我們一起找出每個插件的優缺點。

安裝比較

JetPopup 是 Elementor 實時頁面構建器的插件,由 Zemez 團隊開發。


詳情 | 演示

有了它,您可以創建彈出窗口並將其添加到使用 Elementor 構建的頁面。 要使用 JetPopup,首先必須將插件添加到 Elementor 編輯器中。 但是,該過程非常簡單:登錄 WordPress 儀表板 > 轉到插件選項卡 > 單擊添加新按鈕 > 從硬盤上傳 JetPopup 按鈕並開始安裝過程。

元素彈出生成器

Elementor 團隊提供的 Elementor Popup Builder 不需要任何安裝。

安裝Elementor Pro 版本後,您將能夠立即創建和自定義彈出窗口。

功能比較

這兩個插件都允許您創建各種彈出模板並為其設置通用條件,將模板附加到特定小部件並藉助拖放功能將它們顯示在某些頁面上。 最令人愉快的消息是,這兩個主題都不需要編碼技能即可使用彈出窗口。

JetPopup 插件

JetPopup 的主要功能讓您能夠:

  • 拖放以構建彈出窗口。 JetPopup 提供在創建佈局並向其添加一些內容時應用 Elementor 小部件。
  • 自定義彈出設計。 在沒有任何 CSS 知識的情況下設置彈出窗口的樣式。
  • 管理觸發事件。 選擇要出現的彈出窗口的事件和日期。
  • 選擇並使用預先設計的模板。 JetPopup 有許多不同的模板,可根據您的需要。

除了上述所有內容外,該插件不僅使將彈出窗口附加到小部件成為可能,而且還很簡單。 因此,當鼠標懸停在特定小部件上時,或通過單擊具有指定選擇器的元素時,您可以顯示彈出窗口。

使用 JetPopup,還可以向彈出窗口添加動畫效果。

您可以從其中十幾個中進行選擇來申請:

  • 褪色;
  • 放大;
  • 縮小;
  • 提升;
  • 彈入;
  • 跳出;
  • 向上滑動;
  • 下;
  • 剩下;
  • 對;
  • 水平翻轉;
  • 垂直翻轉;
  • 旋轉。

使用 JetPopup,可以很容易地改變彈出窗口的位置、大小和行為:

  • 經典的。 彈出窗口出現在內容頂部的屏幕中央。
  • 滑入式。 彈出窗口從一側滑動移動內容。
  • 酒吧。 彈出窗口以細條的形式顯示在頁面的頂部或底部。
  • 接壤。 彈出窗口以微妙通知的形式顯示在屏幕的一個角落中。
  • 全視圖。 彈出窗口占據整個屏幕以供注意信息。
  • 風俗。 您自己可以選擇彈出窗口的顯示方式——它的位置和行為。

此外,該插件讓您有機會根據您的需要構建任何類型的彈出窗口:

  • 訂閱。 在這裡,您可以使用最好的彈出式預設來添加 MailChimp 訂閱表單。
  • 折扣。 這種類型的彈出窗口有助於通知網站訪問者最新的折扣。
  • 是/否。 借助這個預設,來訪者意圖的確認非常容易。
  • 倒數。 當涉及重大事件時,倒計時選項非常有用。
  • 聯繫我們。 此預設有助於使用時尚的 JetPopup 插件輕鬆地將聯繫人表單集成到彈出窗口中。
  • 信息卡。 如果您希望某些信息引人注目,請使用此彈出類型。
  • GDPR。 GDPR 預設將確保訪問者的個人數據安全。
  • 餅乾政策。 創建這些預設是為了向您的訪問者表明您支持並尊重他們的數據隱私。

除了上述選項,JetPopup 還提供 PRO 彈出窗口。 這些是高級彈出式捆綁包,您可以根據需要單獨購買。

元素彈出生成器

使用 Elementor Popup Builder,您幾乎可以對彈出窗口進行任何操作 - 就像使用 Elementor Page Builder 對您的站點進行操作一樣。 你可以:

  • 自定義彈窗,構建彈窗內部;
  • 借助不同的設置和功能來設置您的定位規則;
  • 將彈出窗口連接到您的站點鏈接和聯繫表格;
  • 使用 Elementor 模板、WordPress 內容和 WooCommerce 產品。

此外,彈出窗口的數量不受限制 - 根據需要創建任意數量的彈出窗口。

除了所有這些功能之外,此彈出式窗口構建器的另一個重要功能是按需彈出式窗口。 這意味著您可以使用某些觸發器(我們將在稍後討論它們)或通過鏈接或表單設置手動觸發器來選擇彈出窗口的特定設置。

Elementor Popup Builder 有 9 種彈出類型可以滿足您的任何要求:

  • 電子郵件訂閱。 這種類型將幫助您改進電子郵件營銷工具並增加訂閱者列表。
  • 登錄表格。 使用這些表單,您的站點用戶將輕鬆登錄到您的站點。
  • 促銷和銷售橫幅。 將您的特別優惠放在彈出窗口中,網站的訪問者不會忽視它們。
  • 鉛捕獲。 此預設將通過讓您的訪問者選擇或參與來提高轉化率。
  • 內容鎖定和升級。 通過此彈出窗口,您可以向同意您的條款的用戶展示您的優質內容。
  • 公告。 由於此彈出窗口,您可以隨時通知訪問者您想要的任何信息。
  • 退出意圖。 當訪客想要離開時,它可以作為訪客留下的動力。
  • 歡迎墊。 為訪問網站的訪問者提供全屏歡迎彈出窗口。
  • 相關產品和追加銷售。 如果您想通過提供相關的 WooCommerce 產品來提高銷售率,請使用此彈出窗口。

此外,此彈出窗口構建器提供了許多用於選擇彈出窗口外觀的功能,包括 Fly-In、全屏、Hello Bar、Bottom Bar、Classic、Slide-in 等等。

彈出式設計比較

JetPopup 插件

使用 JetPopup,您可以創建一個彈出模板以滿足您的需求和特定目標。 為了簡化和更舒適地設計彈出窗口,JetPoup 插件包括以下功能:

  • 數十種時尚的彈出模板;
  • 響應式佈局;
  • 跨瀏覽器兼容性;
  • 多樣的風格選擇。

元素彈出生成器

在 Elementor Popup Builder 的幫助下,您可以使用集成到構建器中的不同小部件和麵向設計的功能創建漂亮的彈出窗口:

  • 100 多個強大的 Elementor 小部件;
  • 100 多個時​​尚的彈出模板;
  • 靈活的響應式佈局和样式控件;
  • 始終在品牌上的精確彈出窗口;
  • 跨站點設計一致性。

使用此工具,您不僅可以自定義彈出窗口的內容,還可以自定義彈出窗口(包括高度、寬度、水平和垂直對齊方式)和周圍設計(包括關閉按鈕和疊加層)。 在下面,您可以看到一些高級設置:

  • 設定時間後顯示關閉按鈕;
  • 設定時間後自動關閉;
  • 防止在覆蓋層和 ESC 鍵上關閉;
  • 禁用頁面滾動;
  • 避免多個彈出窗口。

定位比較

JetPopup 插件

JetPopup 插件具有三個主要的定位功能,您可以在下面看到。

條件

JetPopup 條件包括:

  • 整個網站。 這意味著彈出窗口可以出現在您網站的任何頁面上。
  • 單數。 此選項使您可以選擇內容類型:
    • 首頁;
    • 帖子類型;
    • 郵政;
    • 來自類別的帖子;
    • 來自標籤的帖子;
    • 頁;
    • 頁面,頁面模板的子級;
    • 404頁面。
  • 檔案。 它允許您選擇此彈出窗口將從哪些檔案中顯示的內容類型。 這包括:
    • 所有檔案;
    • 帖子類型檔案;
    • 分類檔案;
    • 標記檔案。

觸發器。

JetPopup 的另一個選項是能夠設置特定的觸發事件。

  • 在開幕。 最適合:
    • O當前的銷售和折扣;
    • 新鮮的新聞和文章;
    • 規則和條款發生變化。
  • 用戶嘗試退出。 最適合:
    • O註冊表單;
    • 特價;
    • 是/否表格。
  • 頁面進度滾動。 最適合:
    • 關於如何使用網站或服務的提示;
    • 訂閱優惠;
    • 社交分享鏈接。
  • 附加到小部件。 最適合:
    • O聯繫方式;
    • 社交媒體鏈接;
    • 其他內容。
  • 在設定日期。 最適合:
    • O啟動項目;
    • 折扣;
    • 假期。
  • 用戶不活動時間。 最適合:
    • 是/否表格;
    • 通訊訂閱表格;
    • 廣告。

用戶角色。 JetPopup 提供了只為註冊用戶或具有先前定義的特定角色的用戶顯示彈出窗口的機會。

元素彈出生成器

反過來,Elementor Popup Builder 也有幾個用於組織直觀定位的選項:

狀況。

它們非常簡單,它們的使用與它們在 Elementor 中與其他模板一起應用的方式沒有什麼不同。 在條件設置的幫助下,您可以自己選擇頁面、帖子和彈出窗口的區域,包括:

  • 整個網站;
  • 特定頁面;
  • 檔案(類別、作者、日期);
  • 帖子(類別、標籤、作者);
  • 搜索頁面;
  • WooCommerce(存檔和單一產品頁面)。

觸發器。

Elementor Popup Builder 提供了這樣的:

  • 在頁面加載時;
  • 滾動;
  • 滾動到元素;
  • 點擊;
  • 不活動後;
  • 在頁面退出意圖上。

高級規則。

高級規則。 它們有助於設置彈出窗口出現的特殊條件。 例如,您可以設置規則來為來自特定 URL 或訪問定義數量頁面的用戶顯示彈出窗口:

  • 在 X 次頁面瀏覽量之後;
  • X 次會話後;
  • 在特定設備上顯示;
  • 隱藏已登錄的用戶/角色;
  • 從特定 URL 到達時;
  • 最多顯示 X 次;
  • 當來自內部、外部鏈接或搜索引擎時。

價格對比

元素彈出生成器

在這裡,我要讓那些認為屬於 Elementor Pro 的插件可以單獨下載或購買的人感到失望。 Elementor Popup Builder 只有在您擁有 Elementor Pro 的情況下才能使用 - 它的高級版本,必須單獨購買。

JetPopup 插件

JetPopup 是 Elementor 的插件。 也就是說,它是由第三方開發人員開發的獨立產品,與 Elementor 團隊無關,當然也不屬於其 Pro 版本。 因此,您可以以像徵性的15 美元購買該插件,從而在 Elementor 的免費版本中使用該插件。

讓我們總結一下

JetPopup 插件彈出窗口生成器
需要額外安裝到 Elementor 編輯器不需要額外安裝,隨 Elementor Pro 一起提供
用於構建彈出窗口的拖放功能使用拖放功能構建彈出窗口
可定制設計可定制設計
管理觸發器、用戶角色和定位條件通過觸發器、用戶角色和高級規則幫助設置定位規則
添加不同的動畫效果添加動態內容以增強彈出窗口
更改彈出窗口的位置、大小和行為完全控制佈局(高度、寬度、水平和垂直對齊)
為 8 種不同目的創建任何彈出窗口為 9 種不同目的構建任何彈出窗口
使用數十種時尚模板使用 100 多個設計師製作的彈出模板
將模板附加到特定的小部件將彈出窗口連接到小部件、您的站點鏈接和聯繫表單
無需編碼技能無需編碼技能
費用 15 美元隨附 Elementor Pro(根據訂閱類型為 49-199 美元)

遺言

比較這些工具並不容易——這兩個插件都值得。 再次重新閱讀所有的利弊,以決定什麼最適合你。 如果您還沒有決定選擇這兩種工具中的哪一種,我建議您都嘗試一下。 沒有人比您更了解什麼最適合您。

順便說一句,在評論中分享您的意見,您對此有何看法?