官網『退出意圖彈窗』(Exit Intent Popup) 設計完整攻略：中小企業如何在訪客準備關掉分頁那一秒，用一顆彈窗把跳離變成名單

你官網每 100 個訪客，大概有 97 個就這樣走了

做官網的老闆一定有過這種經驗：花錢投廣告、寫 SEO、拍產品照，好不容易把人拉進網站，看了兩眼、滑一下就關掉分頁。GA 上一看跳出率 70% 起跳，購物車放棄率 70~80%，這是全球電商的平均值，不是你網站特別糟。

問題是：這些人已經來了，代表他至少對你有一點興趣。就這樣讓他走，等於前面所有廣告費、SEO 心力、文案打磨都白費。「退出意圖彈窗」（Exit Intent Popup）就是專門處理這一秒的工具──當它偵測到訪客準備關分頁的動作時，跳出一個彈窗做最後一次挽留。

不是每個彈窗都有用。做得爛的彈窗會被罵、被關、甚至被 Google 因為版位干擾而降 SEO 權重；做得對的彈窗，加購率提升 2~4%、E-mail 名單一個月多 300~800 筆，這都是我們實際看到的落差。這篇就把它拆開來講。

一、什麼是「退出意圖」？它到底怎麼偵測

Exit Intent Popup 的核心是「偵測訪客即將離開」的訊號，然後在他真的關掉之前跳出來。在桌機和手機上偵測邏輯不一樣，你要挑一個支援這兩種的工具，或請工程師分開處理：

桌機端常用「滑鼠往上、往頁面外離開」的軌跡判斷。訪客的游標一旦快速往網頁頂端（分頁列、網址列、關閉鈕方向）移動，系統就判定他準備要跳走，立刻觸發彈窗。這個技術大概八九年前就成熟了，準確率不錯。

手機端沒有滑鼠移動軌跡可以偵測，做法完全不同。常見的替代訊號是：連續往上快速滑動（要按上一頁或分頁列）、頁面停留超過 X 秒但沒任何互動、閱讀進度到底部後停頓、按了瀏覽器上一頁鍵。手機的觸發要更保守，錯誤觸發一次體驗就毀了。

不用一開始就上很複雜的訊號組合。一個中小企業官網，先把桌機的滑鼠離開軌跡＋手機的頁面滯留 15 秒＋滑到底部這三招做起來，就足以蓋掉八成有效場景。

Photo by CARTIST on Unsplash

二、彈窗要給什麼？別再放「訂閱電子報」了

最常見的失敗案例，就是彈窗跳出來一句「訂閱電子報，接收最新消息」，然後訪客秒關。訂閱電子報對訪客沒有立即誘因，他為什麼要留下 E-mail？

好的退出彈窗要在 3 秒內回答一件事：「我現在留下來，能拿到什麼？」依照你的產業和頁面情境，常見有效的誘餌是：

電商產品頁：首購 88 折折扣碼、免運券、贈品券。金額不用大，讓客戶覺得「不領白不領」就好。折扣碼要限時（例如 15 分鐘內結帳有效），逼迫他當下決定。

服務業／B2B 網站：免費諮詢、免費估價、免費樣品、免費試用。中小企業做網站、系統開發、包裝設計這種客單價高的，訪客不會第一次來就下單，能拿到他的聯絡方式、之後用 LINE 或電話追蹤，就是一次完美挽回。

內容型網站／部落格：完整版懶人包 PDF、Checklist 檢核表、免費線上工具。這種免下載連結送給訪客最容易換到 E-mail，因為他明顯就是為了資訊來的。

結帳頁的購物車放棄：這是最值錢的一格。訪客都已經加購了，快關頁的時候用一個「別走！這一張單再送你 5% 折扣＋免運」，比較容易把他拉回結帳。

一個原則：給的東西要跟他在這頁看的東西相關。訪客在看嬰兒床，你彈出「訂閱電子報得知母嬰新品」是很弱的；改成「留下 E-mail 立領嬰兒床選購避雷 Checklist」就有力多了。

三、時機比內容更關鍵：什麼時候該跳、什麼時候絕對不要跳

Google 從 2017 年就明說：行動裝置上，一進頁面就跳全螢幕彈窗，會影響 SEO 排名。這是為什麼「退出意圖」比「進站就跳」的彈窗更聰明，它跳在訪客準備走、而不是剛進來，體驗和 SEO 都不會被扣分。

幾個實務上要嚴守的時機規則：

1. 進站 5~10 秒內不要跳。訪客連你在賣什麼都沒看清楚，跳彈窗只會被關。

2. 同一個訪客同一天不要跳超過一次。用 cookie 記錄，關掉的人 7 天內不再打擾。這是最基本的禮貌。

3. 已經是會員或已經留過 E-mail 的人不要跳。整合你的 CRM 或會員系統，判斷這位訪客是不是已在名單裡，是就不打擾。

4. 結帳流程中不要亂跳。訪客正在填資料，跳一個彈窗打斷他，等於自己把結帳流程搞爛。要跳只能在他準備關掉整個分頁的那一秒。

5. 手機不要跳大彈窗遮住整個畫面。用底部滑上來的 Bottom Sheet、頂部橫幅、或 60~70% 高度的半透明遮罩，讓訪客一看就知道怎麼關。

Photo by Austin Distel on Unsplash

四、彈窗設計本身的 6 個實務細節

訊號和時機對了，剩下就是版面。這幾點看似小，實際上決定了留下 E-mail 還是被關掉：

1. 標題一句話，不要超過 12 個字。「別走，帶走 88 折」比「歡迎訂閱我們的最新消息與獨家優惠」有效十倍。字大、粗、直接。

2. 只留一個欄位。只要 E-mail 就好，不要姓名、手機、生日、公司名一起要。多一格填寫欄位，轉換率就掉一半。

3. 按鈕文字寫「拿走」不要寫「送出」。「立即領取折扣碼」比「送出」高出至少 20% 點擊率。用動詞，用受益者視角。

4. 關閉鈕要明顯，不要藏。叉叉要在右上角、大顆、好按。有些網站故意把 X 做超小、或用淺灰色藏起來，短期填單率會高一點，但客戶記在心裡，下次不會再來。

5. 拒絕按鈕的文案可以「暗酸」但不要人身攻擊。「不了，我不需要優惠」這種寫法會讓部分訪客回頭選領取，是心理學上的「反向情緒觸發」。但要拿捏，太過火會被客訴。

6. 版面留白、圖片放右邊、CTA 按鈕用高對比色。彈窗只有 500x400 左右的空間，資訊塞太多客戶看不完就關了。一個標題、一句副標、一個欄位、一顆按鈕就夠。

五、彈窗之後：留下的 E-mail 要怎麼用

很多中小企業做完彈窗，E-mail 收集了 500 筆躺在資料庫裡三個月，一封都沒發。這樣做等於白做。

基本三段式後續動作先做起來：

當下（0 分鐘）：立刻寄一封信，附上他剛剛承諾要給的折扣碼／PDF／連結。這封信非常重要，如果延遲超過 5 分鐘，訪客可能已經去別家買了。用 Mailchimp、Brevo、或直接串你網站的 SMTP 都可以做自動化。

第 2 天：寄一封 follow-up，內容不要再推銷，改講「你剛剛看的商品／服務，這幾個客戶回饋你可以看看」，附案例或評價。

第 7 天：如果他沒下單、沒詢問，寄一封「折扣碼快到期了」的提醒。這封轉換率通常是最高的。

做到這裡，一顆退出彈窗才算完成任務。你收的不是 E-mail，是一個可以持續溝通的溝通權。

Photo by Money Knack on Unsplash

六、量化：怎麼判斷你的彈窗有沒有效

做完不看數據等於沒做。至少每週看這三個數字：

1. 彈窗曝光率。一天觸發幾次？佔全站訪客的百分之幾？低於 5% 代表你偵測邏輯太嚴、跳太少；高於 30% 代表跳太寬，體驗會被抱怨。健康值大概落在 10~20%。

2. 彈窗轉換率。看到彈窗的訪客中，多少人真的填了 E-mail？產業平均 2~5%，做得好的可以到 8~12%。低於 2% 就是誘餌不夠吸引、或文案太弱，要改。

3. 這批 E-mail 後續的下單率。不能只看收多少信箱，更要看這批人 30 天內下單的比例。如果彈窗換來的名單根本不下單，代表誘餌吸引到的是「來蹭折扣」而非「本來會買」的客人，這種名單就要重新設計。

持續 A/B 測試不同的標題、誘餌、彈窗版型，通常兩三輪之後轉換率就會穩定拉升。

結語：一顆會挑時機的彈窗，勝過十顆滿版打擾

很多老闆一開始很抗拒做彈窗，理由是「這樣會不會很煩、影響體驗？」──會，如果你亂做的話。但退出意圖彈窗的核心概念是：只在他準備走的那一秒現身，其他時間都不打擾。做對了它不但不煩，還會讓訪客覺得「這家還蠻懂客戶的」。

對中小企業來說，網站是一分投放廣告的成本、七分留住訪客的能力。前者要花錢，後者只要做好幾個小細節就能提升轉換。退出彈窗就是其中一個 CP 值最高的動作，一顆彈窗設計費一次性、後續維護幾乎零成本，卻能持續幫你把跳離變成名單。

做網站不是把頁面上線就結束，是要持續看數據、優化每個關鍵時刻。這個時刻，就在訪客滑鼠往上、準備關掉分頁的那一秒。