Elementor 編輯器
用Elementor做Popup彈出式視窗
彈出式視窗(Popup)可以用來收名單、發優惠碼、公告或確認年齡。Elementor Pro 內建 Popup 功能,版面用同一套編輯器排,觸發條件則在另外一個面板設定。
建立一個 Popup
- 後台 範本 → 彈出式視窗 → 新增,取名後進入編輯器。
- 排版面。和一般頁面一樣用容器與元件。要收 email 就放一個表單元件。
- 左下角齒輪的 Popup 設定可以調整寬度、位置、背景遮罩、進場動畫,以及關閉按鈕。
- 按發佈,這時候會跳出顯示條件的設定視窗(最重要的一步)。
三組設定
條件 Conditions
決定在哪些頁面出現。例如「整個網站」、「只有部落格文章」、「只有某一個頁面」。
觸發 Triggers
| 載入後 N 秒 | 最常用。建議 15 秒以上,一進站就跳出來只會被關掉。 |
| 捲動到 N% | 比較不打擾,代表對方真的在看。 |
| 離開意圖 | 滑鼠移向關閉分頁時跳出。只在桌機有效。 |
| 點擊 | 點某個按鈕才跳出,這種最不惱人,也最適合用來放表單。 |
進階規則 Advanced Rules
這一組一定要設。最重要的是「顯示次數」——設定同一個人幾天內只看到一次。不設的話,常客每次進站都被攔一次,會直接離開。
手機上的彈窗會影響 Google 排名。Google 明確把「行動裝置上遮蔽主要內容的插頁廣告」列為負面訊號。手機版建議關掉彈窗,或改用畫面底部的細長條(bar)。在顯示條件裡可以只對桌機啟用。
用按鈕手動開啟
任何按鈕的連結欄位填 #elementor-action:action=popup:open&settings=... 就能開啟指定的 Popup。更簡單的做法是:在按鈕的連結欄位點那個「動態」圖示 → Popup → 選要開的那一個,Elementor 會自己填好。
收到的名單去哪裡
Popup 裡的表單送出後,資料要有地方去。可以寄到你的信箱、存進後台,或串到電子報系統。設定方式見 如何設置「訂閱電子報」欄位。