點選閱讀如何使用 JetPopup 插件建立 WordPress 網站彈出視窗?原文
JetPopup是一個建立彈出視窗的WordPress插件。或者更準确地說,它是一個Elementor擴充元件。JetPopup是一個由Crocoblock創造的進階Elementor附加元件。您可以使用它作為Elementor的原生彈出視窗建構器的替代品。
總的來說,JetPopup提供的特性與Elementor的内置彈出式建構器差别不大。JetPop還支援多種觸發器。當通路者單擊按鈕或将滑鼠懸停在小部件上時,可以顯示彈出視窗。也可以通過頁面加載或頁面滾動顯示彈出視窗。
目錄 隐藏
如何使用 JetPopup
從模闆建立彈出視窗
總結
如何使用 JetPopup
您可以使用JetPopup建立幾種彈出類型,如電子郵件訂閱表單、cookie政策确認的特别優惠橫幅。JetPopup提供了幾十個彈出模闆,可以節省建立彈出視窗的時間。如果你想建立一個完全唯一的彈出視窗,你也可以從頭開始建立一個彈出視窗。
如果你使用MailChimp,您還可以将JetPopup與您的MailChimp帳戶內建,以建立電子郵件訂閱表單彈出視窗。要将JetPopup與MailChimp內建,可以轉到JetPlugins->JetPop設定。輸入MailChimp API密鑰并單擊儲存按鈕。
從模闆建立彈出視窗
如前所述,JetPoup提供了數十個彈出式模闆供您選擇。如果你對要建立的彈出視窗還沒有概念,你可以從模闆庫中選擇一個設計,或者你也可以從頭開始建立一個彈出視窗。
要從模闆建立彈出視窗,請轉到JetPlugins–>JetPopup庫打開JetPopup的彈出庫。在彈出式庫中,選擇要使用的模闆,然後單擊添加按鈕。可以按類别篩選模闆。
再單擊添加按鈕,您将被引導到Elementor編輯器。您可以編輯彈出視窗的内容或用Elementor編輯器自定義它。一旦完成,你就可以設定彈出視窗在你的網站上的顯示方式。
- 設定顯示條件
要設定顯示條件,可以單擊左下角的齒輪圖示打開彈出式設定。在上設定顯示條件。您可以設定是要在整個網站上顯示彈出視窗還是隻顯示在特定頁面/文章。單擊顯示按鈕設定顯示條件。
- 事件設定
設定顯示條件後,可以設定彈出視窗的顯示方式。你可以從設定彈出設定區,通過單擊開放式活動選項。也可以通過單擊下拉菜單來設定進入動畫選項。
設定完顯示條件和事件後,單擊釋出按鈕。
- 單擊按鈕時顯示彈出視窗
JetPopup還允許在通路者單擊按鈕或小部件後顯示彈出視窗。為此,請使用Elementor編輯頁面/文章。添加按鈕小部件(如果頁面有按鈕,則編輯現有的小部件)。要編輯現有按鈕,可以将滑鼠懸停在按鈕上并單擊鉛筆圖示。
按鈕小部件激活後,轉到進階頁籤,然後打開JetPopup選項。單擊下拉菜單,選擇要顯示的彈出視窗,點選下拉菜單中的“設定”按鈕觸發器類型節。
單擊單擊更新按鈕應用新更改。
從頭開始建立彈出視窗
如果你想建立一個獨特的彈出式視窗,你可以建立一個全新的彈出視窗而不是從一個模闆建立。為了簡化從頭開始建立彈出視窗的工作,JetPop提供了彈出視窗布局。彈出視窗布局是在特定位置和主要樣式上預先制作的塊,您可以将其用作自定義彈出式視窗的出發點。彈出式布局沒有内容,您可以在Elementor編輯器添加自己的内容。
要開始,請轉到JetPopup->所有彈出視窗然後單擊在上面的彈出視窗布局按鈕。
選擇彈出視窗布局并單擊建立彈出視窗菜單按鈕開始建立彈出視窗。
單擊按鈕後,您将被引導到Elementor編輯器。添加所需的小部件編輯内容并自定義彈出視窗。一旦你完成了,你可以打開彈出視窗設定來設定顯示條件和事件,就像上面介紹的從模闆建立一個彈出視窗一樣。
總結
JetPopup是在你的WordPress站點上建立彈出視窗的好工具。它是一個 Elementor 擴充。您可以通過Elementor的可視化編輯器建立彈出視窗。JetPopup附帶了一個彈出視窗庫,其中包含數十個彈出模闆。它可以是Elementor本地彈出視窗建構器的一個很好的替代品。