前言介紹
- 這款 WordPress 外掛「Popups for Divi」是 2018-01-08 上架。
- 目前有 100000 個安裝啟用數。
- 上一次更新是 2025-04-22,距離現在已有 11 天。
- 外掛最低要求 WordPress 4.0.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 有 416 人給過評分。
- 論壇上目前有 7 個提問,問題解答率 86% ,不低,算是個很有心解決問題的開發者團隊了!
外掛協作開發者
timstrifler | strackerphil-1 | devjenndivilife |
外掛標籤
內容簡介
一旦啟用了此外掛,在「區段設定」彈出式視窗中的 Visual Builder 會顯示一個名為「Popup」的新標籤。在「Popup」標籤中,您可以將一個普通的區段變成彈出式視窗!
使用該外掛非常簡單,您可以在插件的演示頁面中看到:divimode.com/divi-popup/demo
ℹ️ 運作方式
首先啟用外掛(無需配置!)
在 Visual Builder 中打開並編輯區段 - 您會在「區段設定」中看到一個新的「Popup」標籤。
切換「這是彈出式視窗」選項,並將「彈出式視窗 ID」設置為某些內容(例如「newsletter-optin」)。關閉區段設定。
在頁面其他位置添加一個按鈕模塊,並將「鏈接 URL」設置為您的彈出式視窗 ID,使用領先的「#」哈希符號(例如「#newsletter-optin」)。
就這樣。保存頁面並退出 Visual Builder!點擊按鈕,並您將會看到彈出式視窗。恭喜!
⭐️ 附加細節
請查看外掛網站以獲取更多詳細信息。您會找到以下內容:
範例
CSS 類別選項
JS API 文檔
WP 過濾器文檔
在 Windows 和 Mac 上的所有主流瀏覽器中進行了測試:Chrome、Firefox、Safari、IE 11,還有 Edge!
Divi 彈出式視窗課程
在過去的幾年中,我們增加了很多功能,並創建了一個穩定且強大的營銷外掛。為了慶祝週年紀念,我們創建了一個為期六天的課程,教您有關外掛的所有知識。課程從創建您的第一個彈出式視窗的基礎知識開始,展示了自定義彈出式視窗佈局的可能方式,以及外掛的高級技術和用法。
「指導電子郵件確實幫助我了解如何正確使用該外掛!」
一旦安裝並啟用該外掛,該課程就會在您的 wp-admin 資訊中心中提供。查看截圖以查看表單。此外,如果您想要禁用此功能,請參閱常見問題解答部分。
🥳 想要更多?
如果您想要充分利用 Divi,您需要查看Divi Areas Pro以獲得更多功能:
管理 UI 來創建和配置您的彈出式視窗
選擇 4 種區域類型:彈出式、內嵌式、飛入式、懸停式
一個美麗的 UI,與 Divi 完美配合
為您的區域添加高級觸發器:
單擊時
滑鼠懸停時
滾動時
延遲後
退出時
自定義區域顯示方式:
僅在某些頁面上顯示
僅在某些設備上顯示
僅為某些用戶角色或訪客顯示
自定義區域行為:
顯示/隱藏關閉按鈕
每小時、每天、每週顯示區域一次,等等
內嵌式區域的彈性位置:
替換/擴展頁面標頭
或著頁腳
或著評論區
或實際上頁面內容裡 Divi 區段的任何一個位置
附帶擴展版本的 JS AP
原文外掛簡介
After the plugin is activated, the Visual Builder displays a new tab called “Popup” in the Section Settings modal. In the “Popup” tab, you can turn a regular Section into a Popup!
It’s super simple, as you can see on the plugins Demo Page: divimode.com/divi-popup/demo
ℹ️ How it works
First, activate the plugin (no configuration needed!)
Open up your Visual Builder and edit a Section – you’ll see a new “Popup” tab in the Section Settings.
Toggle the option “This is a Popup” and set the “Popup ID” to something (e.g., “newsletter-optin“). Close the Section Settings.
Add a Button Module somewhere else on the page and set the “Link URL” to your Popup ID, with a leading “#” hash (e.g. “#newsletter-optin“)
That’s all. Save the page and exit the Visual Builder! Click on the button, and you’ll see your Popup. Congratulations!
⭐️ Additional details
Check out the Plugin website for more details. You’ll find:
Examples
CSS class options
JS API documentation
WP filter documentation
Tested in all major browsers on Windows and Mac: Chrome, Firefox, Safari, IE 11, Edge!
Popups for Divi Course
During the past years, we’ve added a ton of features and have created a stable and powerful marketing plugin.
To celebrate the anniversary, we have created a six-day course that teaches you everything about the plugin. It walks you through the basics of creating your first Popup, shows possible ways to customize your Popup layouts and goes into advanced techniques and usages of the plugin.
“The instruction emails really helped me to understand how to use the plugin correctly!”
The course is available in your wp-admin Dashboard right after you install and activate the plugin. Check out the screenshots to see the form. Also, have a look in the FAQ section, if you want to disable this feature.
🥳 Want more?
If you want to get the most out of Divi, you need to have a look at Divi Areas Pro to get additional features:
An admin UI to create and configure your popups
Choose between 4 Area Types: Popup, Inline, Fly-in, Hover
A beautiful UI that blends in perfectly with Divi
Add advanced triggers to your Areas:
On click
On hover
On scroll
After delay
On Exit
Customize the Area Display
Show on certain pages
Show on certain devices
Show for certain user roles or guests
Customize Area Behavior
Show/Hide the Close button
Display the Area once per hour, day, week, …
Flexible position for Inline Areas
Replace/extend the page header
or Footer
or Comment section
or actually any Divi section inside the page content
It comes with an extended version of the JS API
Great documentation built into the plugin and an online knowledge base
and much more…
👉 Learn more about Divi Areas Pro (with screenshots!)
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Popups for Divi」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.5.1 | 1.6.0 | 1.6.2 | 1.6.3 | 1.7.0 | 1.7.1 | 1.7.2 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.4 | 2.0.5 | 2.1.0 | 2.1.1 | 2.2.0 | 2.2.1 | 2.2.2 | 2.2.3 | 2.2.4 | 2.2.5 | 2.3.0 | 2.3.4 | 2.3.5 | 2.3.6 | 3.0.1 | 3.0.2 | 3.0.3 | 3.0.5 | 3.0.6 | 3.0.7 | 3.0.8 | 3.0.9 | trunk |
延伸相關外掛(你可能也想知道)
Popup Builder & Popup Maker for WordPress – OptinMonster Email Marketing and Lead Generation 》🤩使用這個外掛可以製作彈出視窗和訂閱表單,增加電子郵件訂閱者、銷售和業績–最受歡迎的彈出視窗建構器!🚀, 最佳的 WordPress 彈出視窗建構器和電子報彈窗...。
Popup Maker – Boost Sales, Conversions, Optins, Subscribers with the Ultimate WP Popups Builder 》透過彈出視窗提高銷售和電子郵件列表訂閱率, 使用彈出視窗、滑動式內嵌頁面和橫幅等轉換導向活動,在 WordPress 網站上提高收入和電子郵件列表。, Popup Make...。
Creative Mail – Easier WordPress & WooCommerce Email Marketing 》Creative Mail是專門為WordPress和WooCommerce設計的電子郵件外掛。, 我們智能(且超級有趣的)郵件編輯器簡化了郵件營銷活動的創建過程,並將WordPress博客...。
Pinterest for WooCommerce 》Pinterest 提供人們下一個偉大的想法。它部分收藏品,部分市場,是數百萬個分享者獲取靈感、新產品和新可能性的一站式購物平台。它就像一個視覺搜尋引擎,引...。
HubSpot – CRM, Email Marketing, Live Chat, Forms & Analytics 》h HubSpot, you can easily create and manage email marketing campaigns through the HubSpot WordPress plugin., Live Chat & Chatbots, Engage with ...。
Newsletters, Email Marketing, SMS and Popups by Omnisend 》總結文案:, 「Omnisend 外掛連接至 Omnisend 電子郵件行銷工具,可讓其他外掛自動將表單數據和聯絡資訊傳送至 Omnisend。這能夠簡化聯絡人分類並發送個人化郵...。
Hustle – Email Marketing, Lead Generation, Optins, Popups 》Hustle 是一個終極的行銷外掛程式,可建立郵件列表並轉換網站流量。通過簡單的設置選項表單、目標行銷彈出式窗口和設計師制作的模板,提高潛在客戶數量。同時...。
Email Marketing for WooCommerce by Omnisend 》最直觀的電子報、電商電子行銷和簡訊解決方案,專為你的 WordPress 和 WooCommerce 商店而設計, 有什麼比一鍵式 WooCommerce 商店整合更好的呢?擁有預建工作...。
Contact Form 7 Extension For Mailchimp 》WordPress Extension for Mailchimp (Chimpmatic Lite)可將Contact Form 7與Mailchimp Audience集成。使用Mailchimp的最新API自動將Contact Form 7提交的信息...。
WP ULike – All-in-One Engagement Toolkit 》作為一個內容創建者,收到反饋是至關重要的,但不幸的是,預設情況下可以收集反饋的內容類型有所限制。然而,在 WP ULike 外掛的幫助下,可以對您網站上的任...。
Smart Floating / Sticky Buttons – Call, Sharing, Chat Widgets & More – Buttonizer 》4>Buttonizer - WordPress外掛,提供多種聯絡我們方式, Buttonizer是WordPress的智慧型浮動動作(固定)按鈕外掛程式中最多功能多樣化的。它可以支援WhatsApp...。
Klaviyo 》Klaviyo 是一個統一的客戶平台,讓您的網上品牌直接擁有您的消費者數據和互動,讓您能夠以規模化的方式將與客戶的交易轉化為有生產力的長期關係。由於 Klaviy...。
Mailchimp List Subscribe Form 》使用 MailChimp List Subscribe 外掛快速在 WordPress 2.8 及以上版本的網站上新增 MailChimp 訂閱表單小工具。, 安裝後,您可以使用 API 金鑰登入,選擇您的...。
Advanced Popups 》使用此輕量而功能豐富的外掛,顯示高轉換率的電子報彈出視窗、Cookie 注意事項,或通知。。
YayMail – WooCommerce Email Customizer 》這是最佳的 WooCommerce Email 自訂外掛,附有自訂區塊和視覺化設計師。, 文件 | YayMail Pro💎, , 免費版 vs. 專業版 | YayMail 外掛, YayMail 是一款免費的...。