最後更新時間：2025-11-20，由 Dean 更新 
有時候會遇到一些來架設網站的客戶，希望可以在網站的特定頁面，跳出視窗顯示「填寫表單」或「免費諮詢」等資訊，提升顧客的詢價次數或產品轉換率；或是，有想要曝光的資訊，希望用跳窗呈現。
雖然，如果你有使用 Elementor 頁面編輯器，付費後也能設計出精緻的跳窗效果；但有些客戶不希望另外付費，這時候就會建議他們使用 Popup Maker 這款免費的 WordPress 跳窗外掛。
WordPress 跳窗外掛：Popup Maker
Popup Maker 是一個 WordPress 跳窗外掛，可以設定自己的跳窗內容、跳窗條件、跳窗位置等。上手簡單，卻也能做到很細緻的設定。常見的用途像是：
- 最新優惠資訊跳窗通知
- 跳出訂閱框，蒐集名單
- 退出頁面時，跳出警示
- 結帳時，跳窗進行追售
- 跳出 Cookie 安全性通知
實務上，我們很常會結合 Contact Form 7、WPForms 等表單外掛使用，讓潛在客戶填寫完表單後，跳出像是「繼續閱讀文章」的按鈕，將他們留在網站內。
或是，也能夠串 Kit、MailChimp 等電郵管理系統，直接將輸入的名單資料，同步到管理系統中，未來能夠再寄信給這些人，提供更精準的資訊，也省下大量的行銷成本。
第一步：安裝並下載 Popup Maker
要建立跳窗，首先你要到 WordPress 後台安裝外掛的地方，搜尋 “Popup Maker”。
選擇第一個外掛，安裝並啟用。
第二步：建立彈出式視窗
安裝完畢後，我們要開始建立新的跳窗。
左側選單點選 “Popup Maker”，進到設定頁面後點上方的 “Create New Popup”，新增一個新的跳窗。
第三步：設定跳窗內容
接著，就要開始來設定跳窗內容了。
最上方會有一個 “Popup Name”，這是跳窗的名稱，取自己能辨識的就好。
中間的 “Popup Title” 比較重要，這是你的跳窗標題，會顯示在跳窗上的；當然，如果你不想顯示，也可以直接空白。
下方有個很大的編輯區，就是你的跳窗內容。你可以手打文字，或是事先製作圖片插入進來也行。
第四步：設定觸發條件 (Triggers)
同個頁面往下拉，會看到 “Popup Settings”。
第一個設定是 “Triggers”，也就是跳窗的觸發條件，是整個跳窗最重要的設定，其中包含：
- 跳窗條件：你跳窗要出現的時機、位置等，都由這設定。
- Cookie 事件：用來記錄特定行為的用戶，可以根據情境建立 Cookie 事件，來進行更進階的跳窗設定。
下面，我分別來說明幾個一定要做的設定，先從「跳窗條件」開始。
- 選擇觸發跳窗的條件：
- Click Open：當點擊特定物件時，會跳出視窗。
- Time Delay / Auto Open：進入頁面後過一段時間，自動跳窗。
- Form Submission：提交表單後，觸發跳窗。
- 回訪客重複跳窗設定：
- 如果不要讓回訪者重複看到跳窗，上方的方塊要勾選起來。
- 勾起來後，下方可以設定不重複看到跳窗的條件。建議選 “On Popup Close”，也就是跳窗關閉後就不要再重複顯示。
- 跳窗延遲 & Cookie 設定：
- Delay：設定跳窗延遲的時間，不要一進到頁面就跳窗。要注意，這邊的時間單位是「毫秒」。
- Cookie Name：如果你有另外設定 Cookie 事件 (或是參考後面的教學)，可以選擇讓有某個 Cookie 的用戶不顯示跳窗。
接著，來講「Cookie 事件」的設定。
- 選擇 Cookie 建立時機：
- 挑選你希望建立 Cookie 建立的時機，例如 “On Popup Close” 就是當用戶關閉跳窗時，建立一個 Cookie。
- Cookie 設定：
- Cookie Name：為這個 Cookie 事件取一個名稱。(用於跳窗條件設定中的 Cookie Name)
- Cookie Time：設定這個 Cookie 過多久才失效。例如：你建立一個關閉跳窗的 Cookie，讓回訪者不會重複跳窗；但 Cookie 時間設定一個月，那麼一個月這個訪客再回來時，一樣會出現跳窗。
Cookie Settings 還能夠做進階設定，但個人認為用不太到。如果有需要的人，直接參考官方 Cookie 教學。
第五步：設定目標頁面 (Targeting)
設定完跳窗的觸發條件後，接下來就要設定跳窗的位置，也就是要跳窗的頁面。
在 “Targeting” 設定中，上方的框框，可以依照你想顯示的位置，選擇特定的文章。
下方，則是可以選擇這個跳窗是否要顯示在行動裝置上。原因是有些跳窗的尺寸，可能在行動裝置上會變成「蓋板」，影響使用者閱讀體驗。
通常，如果有什麼優惠資訊，使用「文章: Selected」設定，可以讓單一幾篇文章顯示跳窗。
但有時候，我們會希望「某個分類」、「某個標籤」或「某個分類中的某個標籤」可以出現跳窗。
這時，就會需要使用「文章: With 分類/標籤」設定，能設定多重篩選條件，讓跳窗資訊更精準。
第六步：設定跳窗樣式 (Display)
跳窗內容設定完成，還可以設定跳窗的外觀。
在 “Display” 設定中，”Display Presets” 中有預設的跳窗樣式，主要分成：蓋板、右下跳窗、上方釘選、左下跳窗。
但是，預設的樣式都不太好看，我建議可以根據自己的品牌設計一個。
回到跳窗管理介面 (可點左側選單 “Popup Maker” 字樣，但記得剛剛編輯的跳窗要先儲存)，上方點選 “Create New Popup Theme”。
進入頁面後，在 “Theme Settings” 可以設計自己喜歡的跳窗樣式；右方的 “Theme Preview” 則是樣式的即時預覽。
設計完成後，記得點選發佈。
回到剛剛跳窗的 “Display” 設定，點選 “Appearance”。
在 “Popup Theme” 下拉選單中，你會看到你剛剛自己設計的樣式，選擇它。
這樣，你的跳窗就會跳用你設計的樣式了。
第七步：設定關閉條件 (Close)
跳窗的關閉條件，也是可以設定的。
在 “Close” 中，主要設定兩個部分：
- Close Text：關閉按鈕上的文字，如果你不想讓按鈕上有文字，直接留白的話會自動顯示「x」。
- Close Button Delay：有時不想讓瀏覽者直接關掉跳窗，能夠設定延遲幾秒才出現關閉按鈕。時間單位是毫秒。
基本設定是這樣，其他設定像是「按 ESC 關閉、提交表單後關閉」等小細節，大家再根據個人需求設定就好。
第八步：管理並查看跳窗數據
跳窗都設定完成後，記得要按「發佈」。
接著，到會出現跳窗的文章中，看看跳窗有沒有正常顯示。
未來，要管理跳窗，就到 “Popups” 管理頁面：
- Enabled：只要開啟就會顯示跳窗；如果短暫不想顯示，直接關閉就不會再顯示。
- Opens：可以檢視每個跳窗出現的次數，知道哪個跳窗效果比較好。
以上，主要是用於「展示資訊」的跳窗，以曝光為主，沒有轉換的問題。
其他像是 “Conversions” 或 “Conversion Rate” 都要另外串接表單外掛，才會能夠計算轉換成效。
WordPress 跳窗外掛常見問題
每次進入網站都會跳一次窗怎麼辦？
代表你在 Cookie 事件沒設定好，可以參考本文的第四步驟。
除 Popup Maker，有其他跳窗設定方式嗎？
有，可以使用 Elementor Pro 的彈出視窗建構器，但就會需要付費。
不過，如果你想要讓跳窗的設計能做到更精緻，還是蠻建議購買使用的。
需要購買 Popup Maker 付費版嗎？
針對一般官網、內容網站，免費版就能做到蠻多設定的，不用特別買付費版。
除非你是電商，需要一些進階功能，如：針對廣告來的訪客跳窗、針對瀏覽過幾個產品頁的人跳窗、把產品加入購物車時跳窗、購物車只有特定產品時跳窗等等。
