Elementor 編輯器

用Elementor做Popup彈出式視窗

彈出式視窗(Popup)可以用來收名單、發優惠碼、公告或確認年齡。Elementor Pro 內建 Popup 功能,版面用同一套編輯器排,觸發條件則在另外一個面板設定。

建立一個 Popup

  1. 後台 範本 → 彈出式視窗 → 新增,取名後進入編輯器。
  2. 排版面。和一般頁面一樣用容器與元件。要收 email 就放一個表單元件。
  3. 左下角齒輪的 Popup 設定可以調整寬度、位置、背景遮罩、進場動畫,以及關閉按鈕。
  4. 按發佈,這時候會跳出顯示條件的設定視窗(最重要的一步)。

三組設定

條件 Conditions

決定在哪些頁面出現。例如「整個網站」、「只有部落格文章」、「只有某一個頁面」。

觸發 Triggers

載入後 N 秒最常用。建議 15 秒以上,一進站就跳出來只會被關掉。
捲動到 N%比較不打擾,代表對方真的在看。
離開意圖滑鼠移向關閉分頁時跳出。只在桌機有效。
點擊點某個按鈕才跳出,這種最不惱人,也最適合用來放表單。

進階規則 Advanced Rules

這一組一定要設。最重要的是「顯示次數」——設定同一個人幾天內只看到一次。不設的話,常客每次進站都被攔一次,會直接離開。

手機上的彈窗會影響 Google 排名。Google 明確把「行動裝置上遮蔽主要內容的插頁廣告」列為負面訊號。手機版建議關掉彈窗,或改用畫面底部的細長條(bar)。在顯示條件裡可以只對桌機啟用。

用按鈕手動開啟

任何按鈕的連結欄位填 #elementor-action:action=popup:open&settings=... 就能開啟指定的 Popup。更簡單的做法是:在按鈕的連結欄位點那個「動態」圖示 → Popup → 選要開的那一個,Elementor 會自己填好。

收到的名單去哪裡

Popup 裡的表單送出後,資料要有地方去。可以寄到你的信箱、存進後台,或串到電子報系統。設定方式見 如何設置「訂閱電子報」欄位。