WordPress 彈出式插件：好的、壞的和醜陋的
已發表: 2021-10-12
彈出窗口，您肯定已經在許多網站上看到它們。 它們是當您閱讀文章或嘗試退出時出現在網站上的窗口。 他們的主要目的是增加企業的電子郵件列表（也就是獲取潛在客戶）。
有些營銷人員喜歡它們，有些則不喜歡。 一些網站訪問者可能會對它們感到惱火。 但是，為什麼它們仍然被使用？
因為如果使用得當，它們是一個很好的潛在客戶生成工具。
例如， Sleeknote的人員分析了來自其頂級客戶的超過 10 億個彈出視圖的數據。 他們發現八秒後顯示的彈出窗口比之前或之後顯示的彈出窗口轉換得更好。 
看一下：8 秒後出現的彈出窗口的轉化率為 3.62%，而 0%（意味著沒有彈出窗口）。 這絕對意味著什麼，對吧？
現在，在這篇文章中，我們將討論：
- 最好的 WordPress 彈出式插件；
- 彈出窗口的解剖結構；
- 彈出式最佳案例實踐；
- 彈出式靈感。
我們可以？
最好的 WordPress 彈出式插件
現在，當您開始尋找符合您需求的 WordPress 彈出式插件時，這裡有一些可以派上用場的功能：
- 提供預先設計的模板，這樣您就不必總是從頭開始，或者如果您需要一些靈感；
- 拖放彈出式構建器，讓您可以快速輕鬆地設計一切，無需代碼；
- 電子郵件營銷集成：確保您的 WordPress 彈出插件與您的電子郵件提供商無縫集成。
- 彈出窗口的許多可用觸發器：退出意圖，基於在頁面上花費的時間、地理位置、回訪者與新訪問者等；
現在，讓我們來看看生態系統中最好的 5 個 WordPress 彈出插件：
OptinMonster 
目前被 1,213,400 多個網站使用，這是一個獨立的 SaaS 產品。 他們還有一個 WordPress 插件，有超過 1,000,000 次活動安裝。
以下是它的一些最有價值的功能：
- 提供各種彈出格式：燈箱、浮動條、滑入、遊戲化旋轉輪、倒數計時器等等；
- 拖放 WordPress 彈出式構建器；
- 預建的彈出式模板；
- 多種基於行為的個性化：退出意圖、地理位置、重定向等；
- 彈出式 A/B 測試；
- 動畫和音效；
- 與最流行的WordPress 表單插件集成；
- 電子郵件營銷集成（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyo 等等）；
定價: 每月 9 美元起，基本計劃按年計費。
彈出製作器
在超過 600,000 個網站上使用，這個 WordPress 彈出插件非常受歡迎。 以下是它的一些最有價值的功能：
- 與最流行的 WordPress 表單插件（Ninja Forms、Gravity Forms、Contact Form 7 等）集成；
- 電子郵件營銷集成（Mailchimp、GetResponse、Hubspot 等）；
- 定位任何 WordPress 內容，例如帖子、頁面等 26 個；
- 彈窗調度；
定價：Start 計劃每年 87 美元起。
喧囂
在超過 100,000 個網站上使用，這個 WordPress 彈出插件由 WPMU DEV 創建。 他們支持許多流行的 WordPress 插件。
以下是 Hustle 最有價值的一些功能：
- 不同用例的模板（例如黑色星期五、贈品、COVID 通知、通訊註冊）；
- 完全響應的彈出窗口；
- 提供大量樣式選項，從邊框、陰影、間距、排版、顏色到自定義 CSS；
- 許多行為觸發器，例如頁面停留時間、滾動、退出意圖等。
- 電子郵件營銷集成（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyo 等等）；
定價：5 美元/月，Hustle Pro 計劃按年計費。 可免費試用。
相撲
Sumo 是一個 WordPress 插件，可幫助 60,000 多個網站通過定時彈出窗口增加他們的電子郵件列表。 與 OptinMonster 相同，它也可作為獨立產品使用。 在 WordPress 之外，它為更多網站提供支持。
以下是它的一些最重要的功能：
- 安排一次性營銷電子郵件或電子郵件滴灌與您的訂閱者溝通；
- 選擇加入表格；
- 對彈出窗口的完全設計控制；
- 預先設計的模板；
定價：Sumo 的人吹噓說您可以免費使用 Sumo，並且只有在獲得更多客戶時才付費。
PRO 套餐起價為 39 美元/月，按年計費。
轉換專業
Convert Pro 是我們創建 WordPress 彈出窗口的選擇。 它非常靈活，有很多設計和触發選項。
以下是我們喜歡的功能：
- 拖放編輯器；
- 移動響應能力；
- 多步驟彈出窗口；
- 很多觸發選項；
- 龐大的模板庫；
- 許多彈出格式可用：退出意圖、點擊、信息欄、幻燈片、內聯 CTA、全屏 CTA、轉換墊等。
- 簡單的 A/B 測試；
- 電子郵件營銷集成（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyo 等等）；
定價：起價 79 美元/年。
如何使用 ConvertPro 創建 WordPress 彈出窗口
是時候進行演示了，你不覺得嗎？
因為我們是 Convert Pro 用戶，所以我將在 Colibri 向您展示我們如何使用該工具。
以下是使用 Convert Pro 創建 WordPress 彈出窗口的步驟：
- 購買插件後，前往BrainStormForce 商店（插件的創建者）並使用 Convert Pro 下載一個 zip 文件。 現在，轉到您的 WordPress 儀表板 -> 插件 -> 添加新的。
在此處上傳您的 zip 文件，然後激活插件。 - 轉到 WordPress 儀表板 -> 轉換專業版 -> 新建。
- 選擇您想要的 WordPress 彈出窗口類型。
- 選擇模板和目標。
- 命名您的彈出窗口，然後點擊“創建”。
- 開始設計您的彈出窗口。 添加標題、段落、視覺效果。 您可以從左側菜單中選擇多種形狀和按鈕格式。
例如，如果您正在進行促銷活動，您甚至可以添加倒計時。 在“面板”選項中，您可以調整彈出窗口的大小、添加動畫、背景等。 
您還可以按照自己喜歡的方式設置表單樣式。 
您還可以在高級選項下創建多步驟彈出窗口。 
當您單擊儀表板頂部的移動圖標時，您可以預覽彈出窗口的移動版本。 
- 配置您的表單。 在此級別，您可以從眾多觸發器中進行選擇。
在“目標”菜單中，您可以根據地理位置、設備和其他用戶行為調整您的設置。 
例如，我喜歡為移動和桌面創建單獨的彈出窗口。 在移動設備上，我在 5 秒後觸發 WordPress 彈出窗口，而在桌面上我使用退出意圖。 - 將 Convert Pro 與第三方工具連接起來，例如表單和電子郵件營銷軟件。
- 完成後不要忘記保存並“公開”您的 WordPress 彈出窗口。
就是這樣。 你已經有了你的第一個 WordPress 彈出窗口！
現在，您知道如何設計彈出窗口，讓我們來看看它的必備元素。
彈出窗口的剖析
如前所述，彈出窗口用於將訪問者轉換為潛在客戶或將潛在客戶轉換為客戶。
彈出窗口如何幫助您實現這一目標？ 如果使用得當，彈出窗口可以在正確的時間以正確的信息出現在正確的人面前，從而最大限度地提高轉化機會。
因此，以下是彈出窗口的元素：
- 一個表格。 這些表單可以是非常基本的，只有一個號召性用語按鈕，或者可以有一些額外的自定義字段。
- 一個觸發器。 這些彈窗可以根據某些網站或用戶行為出現，例如：在頁面停留 8 秒後、滾動 70% 後、用戶打算退出網站時等。
- 瞄準。 您可以根據訪問者的地理位置或他所在頁面的類型等觸發這些彈出窗口。也許訪問者正在閱讀有關健康飲食的文章。 您可以向他展示一個彈出窗口，宣傳您的電子書，其中包含充滿活力的冰沙食譜。 如果您想最大限度地提高轉化率，定制是關鍵。
- 自定義設計元素可幫助您傳達信息或使其更具吸引力：圖像、視頻等。
現在，您的工作還沒有以彈出式設計結束。 你需要弄清楚接下來的步驟。 通常，您需要通過電子郵件營銷活動來培養潛在客戶。 這意味著您將需要一些電子郵件軟件來連接您的 WordPress 彈出插件。
現在，讓我們看一些設計高轉化率彈窗的好做法。
彈出式最佳案例實踐
我會保持這個簡短而甜蜜的。 開始了：
- 不要打擾您的彈出窗口。 明智地使用觸發器。 我總是追求退出意圖，這樣我就不會過多地干擾用戶體驗。
- 不要在所有頁面上顯示彈出窗口。 想想你的頁面的目的。 您真的想在定價或聯繫我們頁面上顯示彈出窗口嗎？ 對此要明智。
- 確保您的彈出窗口在所有設備上看起來都很好。
- 使網站訪問者可以輕鬆關閉彈出窗口。
- 在彈出窗口中使用圖像。 Sleeknote 分析表明，它們比沒有圖像的轉換更好。
- 在您的彈出式副本中引入 FOMO（害怕錯過）。 例如，您可以通過插入倒數計時器來告訴人們距離促銷結束還有多少天。
- 表單中的字段越多，轉化次數就越少。 小心你如何平衡這些事情。 一方面，多個表單字段可以幫助您更好地細分潛在客戶。
- 確定使用特定彈出窗口的目標和目的。
- 實施定時彈出窗口以提高參與度。
- 嘗試為新訪客和重複訪客細分彈出窗口。
- 當用戶向下滾動您的內容或在文章上花費更多時間時，這意味著您已經吸引了他們的注意力。 使用滾動觸發器向他們顯示內容升級或網絡研討會邀請的彈出窗口怎麼樣？
7 個彈出式示例來激發您的靈感
現在，理論說得夠多了，讓我們看看一些真實的彈出窗口。
彈窗示例一：Sleeknote
這個 Sleeknote 彈出窗口使用社交證明來試圖說服人們訂閱他們的時事通訊。 註冊後，您將加入其他 70.000 名營銷人員。
而且因為有些人可能會經歷通訊疲勞，所以他們使用“每週營銷靈感”這個詞。 Sleeknotes 還“賄賂”其訪問者，讓他們終身訪問客戶資源，以換取訂閱。 他們還使用 gif 和表情符號，使彈出窗口更具視覺吸引力。
彈窗示例 2：Hubspot
在下面的示例中，我們有一個來自 Hubspot（營銷和銷售軟件）的退出意圖彈出窗口，試圖說服他們的網站訪問者訂閱他們的時事通訊。 他們還使用社交證明來更有說服力：已有超過 600,000 名營銷人員加入。
他們可以使用一些圖像看起來更吸引人。 
彈出示例 3：高級頭巾
這家價值數百萬美元的電子商務商店正在使用彈出窗口，為訂閱時事通訊的訪問者提供 15% 的折扣。
彈窗示例4：Backlinko
著名的 SEO 專家 Brian Dean 在博客上有一些鎖定的內容。 這是一個非常有價值的案例研究，他願意與讀者分享以換取他們的電子郵件。
當您單擊“立即解鎖”按鈕時，您將觸發一個彈出窗口。
彈窗示例5：Mailpoet
Mailpoet（電子郵件營銷軟件）和大多數網站都使用彈出窗口來通知訪問者有關網站 cookie 的信息。 Mailpoet 使用乾淨的彈出式設計來做到這一點，而不是我們習慣的舊的、灰色的和沈悶的設計。
彈出示例 6：維珍航空
維珍航空正在使用信息欄彈出窗口向乘客通報 COVID-194 安全措施。 
其他網站正在使用這種策略來促進特價銷售，甚至將其與倒計時結合起來。
彈窗示例 7：Dedoles
嘗試用秘密獎金吸引網站訪問者。 Dedoles 的人們為此使用了獎品輪盤。 作為交換您的電子郵件，您將收到折扣或禮物。
包起來
如果你還在我身邊，請眨眼兩次
現在，讓我們看看我們今天學到了什麼：
- 哪些是生態系統中排名前 5 位的 WordPress 彈出式插件；
- 如何使用 ConvertPro 創建 WordPress 彈出窗口；
- 哪些是彈出窗口的元素；
- 您可以竊取哪些最佳案例實踐來創建可轉換的 WordPress 彈出窗口；
這就是所有的人！
如果您喜歡這篇文章，並且想了解有關如何設計 WordPress 網站的更多信息，請務必訂閱 Colibri 的Youtube 頻道並在Twitter和Facebook上關注我們！