內容簡介
一旦啟用了此外掛，在「區段設定」彈出式視窗中的 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!)
