Popup 的問題不是 Popup 本身

「Popup 很煩」——大家都這樣說，但還是有很多工具顯示 Popup 的轉換率可以達到 3–11%。

問題不是 Popup 這個設計模式，而是「什麼時候出現、出現什麼內容」。

一個在你剛打開頁面 3 秒後就跳出來的「訂閱我們的電子報」Popup，和一個在你閱讀文章讀到一半時（已對內容感興趣）才出現的「免費下載這篇文章的完整版 PDF」Popup——這是兩種截然不同的體驗。

Popup 的時機策略

時間延遲觸發（Time Delay）

進入頁面後，等 X 秒才顯示 Popup。

建議：至少等 30–60 秒。讓訪客有時間感受到你的內容的價值，再提出要求。

進入頁面的第一個 3 秒內的 Popup 幾乎是最差的使用者體驗——在用戶還沒看到任何內容之前就要他們訂閱。

捲動深度觸發（Scroll Depth）

當用戶滾動到頁面的 50%–70% 以下才觸發。

這意味著用戶已經花時間看了大半的內容，對你的主題感興趣——這時候提出相關的 Popup，轉換率顯著更高。

在文章頁面非常有效：用戶讀到文章一半以上，Popup 提示「這是這篇文章的完整 PDF 版本，輸入 Email 免費下載」。

Exit Intent（離開意圖）

偵測用戶的鼠標移向瀏覽器頂部（準備關閉標籤或離開），在那一刻觸發 Popup。

為什麼有效：用戶已經準備離開了，再差也不過是他繼續離開（和不顯示 Popup 結果相同）；但如果 Popup 提供了好的理由，可能讓他改變主意。

適合放：最後一次行動邀請、折扣或優惠（限時感增強緊迫性）。

點擊觸發（Click Trigger）

不是自動觸發，而是用戶主動點擊某個元素後才彈出。這是最不具侵入性的 Popup 類型。

例如：文章旁的「下載完整版 PDF」按鈕，點擊後彈出 Email 收集表單。

Popup 設計的關鍵要素

1. 標題要清楚說明用戶能得到什麼

弱標題：「訂閱我們的電子報」

強標題：「免費取得：台灣品牌官網 SEO 設定完整清單 PDF」

用戶不在乎你的電子報——他在乎他能得到什麼。

2. 表單要簡單

超過 2 個欄位的 Popup 表單，轉換率明顯下降。

訂閱型 Popup：只需要 Email 地址，或最多 Email + 姓名。

不要加「你的行業是什麼」「你的公司規模」等額外欄位——先讓他訂閱，這些資訊可以之後慢慢了解。

3. 關閉按鈕要顯而易見

不要把關閉按鈕設計得很小、很難找到。這不會讓用戶留下來，只會讓他感到煩躁、對品牌留下負面印象，並立刻關掉標籤頁。

關閉按鈕要清楚、容易點擊（手機版要有足夠大的觸控面積）。

4. 設計風格與品牌一致

Popup 要和你的網站設計系統一致——相同的品牌色、字型、語氣。一個外觀完全不同的 Popup 看起來像是從其他網站複製來的廣告。

5. 手機版特別注意

在手機上，Popup 必須：

  • 不遮蓋超過 30% 的螢幕（Google 對遮蓋太多的 Popup 有 SEO 懲罰）
  • 關閉按鈕容易用拇指點擊
  • 表單欄位在手機鍵盤彈出時仍然可見

Google 自 2017 年起，對移動版「侵入性 Popup」（遮蓋主要內容）有排名懲罰——特別是在用戶進入頁面的第一次互動前就出現的 Popup。

每個網站只需要 1–2 種 Popup

常見的過度使用情況：滾動到 50% 有一個 Popup，滾動到 75% 又有另一個，準備離開還有一個……

這讓用戶感覺被「圍攻」，體驗很差。

建議：一個主要的 Popup（通常是 Exit Intent 或 Scroll Depth），加上一個頁面底部的 Sticky Bar（非彈出式，常駐但不遮蓋內容）——這已足夠。