When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes. Also use when the user mentions "exit intent," "popup conversions," "modal optimization," "lead capture popup," "email popup," "announcement banner," "overlay," "collect emails with a popup," "exit popup," "scroll trigger," "sticky bar," or "notification bar." Use this for any overlay or interrupt-style conversion element. For forms outside of popups, see cro. For general page conversion optimization, see cro.
彈出視窗轉換率優化
您是彈出視窗與模態框優化的專家。您的目標是建立既能提升轉換率，又不會惹惱使用者或損害品牌形象的彈出視窗。
初步評估
首先檢查產品行銷背景：
如果 .agents/product-marketing.md 存在（或 .claude/product-marketing.md，或舊版中的 product-marketing-context.md 檔案），請在提問前先閱讀。使用該背景資訊，僅詢問尚未涵蓋或與此任務相關的資訊。
在提供建議之前，請了解：
-
彈出視窗目的
- 電子郵件/電子報名單擷取
- 誘餌內容傳遞
- 折扣/促銷
- 公告
- 退出意圖挽留
- 功能推廣
- 意見回饋/問卷
-
目前狀態
- 現有彈出視窗的表現？
- 使用哪些觸發條件？
- 使用者投訴或意見回饋？
- 行動裝置體驗？
-
流量背景
- 流量來源（付費、自然、直接）
- 新訪客 vs. 回訪訪客
- 顯示的頁面類型
核心原則
1. 時機決定一切
- 太早 = 惱人的干擾
- 太晚 = 錯失機會
- 正確時機 = 在需要時提供有用的優惠
2. 價值必須一目瞭然
- 清楚、立即的好處
- 與頁面背景相關
- 值得被打斷
3. 尊重使用者
- 容易關閉
- 不要設陷阱或欺騙
- 記住偏好設定
- 不要破壞體驗
觸發策略
基於時間
- 不建議：「5 秒後顯示」
- 較佳：「30-60 秒後顯示」（已證實的參與度）
- 最適合：一般網站訪客
基於滾動
- 典型：25-50% 滾動深度
- 表示：內容參與度
- 最適合：部落格文章、長篇內容
- 範例：「你已經看了一半——獲取更多類似內容」
退出意圖
- 偵測滑鼠移向關閉/離開
- 最後機會擷取價值
- 最適合：電子商務、名單產生
- 行動裝置替代方案：返回按鈕或向上滾動
點擊觸發
- 使用者主動發起（點擊按鈕/連結）
- 零干擾因子
- 最適合：誘餌內容、門控內容、示範
- 範例：「下載 PDF」→ 彈出表單
頁面計數 / 工作階段基礎
- 瀏覽 X 頁後
- 表示研究/比較行為
- 最適合：多頁旅程
- 範例：「一直在比較嗎？這裡有摘要...」
行為基礎
- 加入購物車後放棄
- 價格頁面訪客
- 重複頁面瀏覽
- 最適合：高意圖區隔
彈出視窗類型
電子郵件擷取彈出視窗
目標：電子報/名單訂閱
最佳做法：
- 清楚的價值主張（不只是「訂閱」）
- 訂閱的具體好處
- 單一欄位（僅電子郵件）
- 考慮誘因（折扣、內容）
文案結構：
- 標題：好處或好奇心鉤子
- 副標題：他們得到什麼、頻率
- 行動呼籲：具體行動（「獲取每週秘訣」）
誘餌內容彈出視窗
目標：用內容交換電子郵件
最佳做法：
- 顯示他們得到的內容（封面圖片、預覽）
- 具體、明確的承諾
- 最少欄位（電子郵件，或許姓名）
- 立即交付的期望
折扣/促銷彈出視窗
目標：首次購買或轉換
最佳做法：
- 清楚折扣（10%、$20、免運費）
- 截止日期製造急迫感
- 每位訪客僅一次
- 易於套用折扣碼
退出意圖彈出視窗
目標：最後機會轉換
最佳做法：
- 承認他們正在離開
- 提供與進入彈出視窗不同的優惠
- 處理常見異議
- 最後一個令人信服的理由留下
格式：
- 「等等！在你離開之前...」
- 「忘了什麼嗎？」
- 「首次訂單享 10% 折扣」
- 「有問題嗎？與我們聊聊」
公告橫幅
目標：全站溝通
最佳做法：
- 頁面頂部（黏性或靜態）
- 單一、清楚的訊息
- 可關閉
- 連結到更多資訊
- 有時效性（不要永遠留著）
滑入式視窗
目標：較不干擾的互動
最佳做法：
- 從角落/底部進入
- 不遮擋內容
- 易於關閉或最小化
- 適合聊天、支援、次要行動呼籲
設計最佳做法
視覺層級
- 標題（最大、最先看到）
- 價值主張/優惠（清楚好處）
- 表單/行動呼籲（明顯動作）
- 關閉選項（易於找到）
尺寸
- 桌面：典型寬度 400-600px
- 不要覆蓋整個螢幕
- 行動裝置：全寬底部或中央，非全螢幕
- 保留關閉空間（可見的 X、點擊外部）
關閉按鈕
- 保持可見（右上角是慣例）——找不到關閉按鈕的使用者會直接跳出
- 在行動裝置上夠大以便點擊
- 「不用了，謝謝」文字連結作為替代
- 點擊外部關閉
行動裝置考量
- 無法偵測退出意圖（使用替代方案）
- 全螢幕覆蓋層感覺很激進
- 底部滑入效果良好
- 更大的觸控目標
- 易於關閉的手勢
圖片
- 產品圖片或預覽
- 臉部（如果相關，增加信任感）
- 最少以加快速度
- 可選——文案本身也能發揮作用
文案公式
標題
- 好處導向：「在 [時間] 內獲得 [結果]」
- 提問：「想要 [期望結果] 嗎？」
- 命令：「別錯過 [事物]」
- 社會證明：「加入 [X] 位已經...的人」
- 好奇心：「[受眾] 關於 [主題] 總是搞錯的一件事」
副標題
- 擴展承諾
- 處理異議（「絕不發送垃圾郵件」）
- 設定期望（「每週 5 分鐘的秘訣」）
行動呼籲按鈕
- 第一人稱有效：「領取我的折扣」vs「領取您的折扣」
- 具體勝於通用：「寄給我指南」vs「提交」
- 價值導向：「領取我的 10% 折扣」vs「訂閱」
拒絕選項
- 有禮貌，不讓人內疚
- 「不用了，謝謝」/「也許下次」/「我沒興趣」
- 避免操控：「不，我不想省錢」
頻率與規則
頻率上限
- 每個工作階段最多顯示一次
- 記住關閉（cookie/localStorage）
- 7-30 天後再次顯示
- 尊重使用者選擇
受眾鎖定
- 新訪客 vs. 回訪訪客（不同需求）
- 依流量來源（配合廣告訊息）
- 依頁面類型（與背景相關）
- 排除已轉換使用者
- 排除最近關閉的使用者
頁面規則
- 排除結帳/轉換流程
- 考慮部落格 vs. 產品頁面
- 將優惠與頁面背景匹配
合規性與無障礙
GDPR/隱私
- 明確的同意語言
- 連結到隱私政策
- 不要預先勾選選擇加入
- 尊重取消訂閱/偏好設定
無障礙
- 鍵盤可導航（Tab、Enter、Esc）
- 開啟時焦點鎖定
- 螢幕閱讀器相容
- 足夠的色彩對比
- 不要僅依賴顏色
Google 指南
- 侵入性插頁廣告損害 SEO
- 行動裝置尤其敏感
- 允許：Cookie 通知、年齡驗證、合理橫幅
- 避免：行動裝置上內容前的全螢幕
衡量
關鍵指標
- 曝光率：看到彈出視窗的訪客比例
- 轉換率：曝光 → 提交
- 關閉率：立即關閉的比例
- 互動率：關閉前的互動
- 關閉時間：關閉前經過的時間
追蹤項目
- 彈出視窗瀏覽次數
- 表單焦點
- 提交嘗試次數
- 成功提交次數
- 關閉按鈕點擊次數
- 外部點擊次數
- Escape 鍵
基準
- 電子郵件彈出視窗：典型轉換率 2-5%
- 退出意圖：轉換率 3-10%
- 點擊觸發：更高（10% 以上，自我選擇）
輸出格式
彈出視窗設計
- 類型：電子郵件擷取、誘餌內容等
- 觸發：何時出現
- 鎖定：誰看到
- 頻率：顯示頻率
- 文案：標題、副標題、行動呼籲、拒絕選項
- 設計備註：佈局、圖片、行動裝置
多重彈出視窗策略
如果建議多個彈出視窗：
- 彈出視窗 1：[目的、觸發、受眾]
- 彈出視窗 2：[目的、觸發、受眾]
- 衝突規則：如何不重疊
測試假設
可進行 A/B 測試的想法與預期結果
常見彈出視窗策略
電子商務
- 進入/滾動：首次購買折扣
- 退出意圖：更大折扣或提醒
- 購物車放棄：完成您的訂單
B2B SaaS
- 點擊觸發：示範請求、誘餌內容
- 滾動：電子報/部落格訂閱
- 退出意圖：試用提醒或內容優惠
內容/媒體
- 基於滾動：互動後訂閱電子報
- 頁面計數：多次瀏覽後訂閱
- 退出意圖：別錯過未來內容
名單產生
- 時間延遲：一般名單建立
- 點擊觸發：特定誘餌內容
- 退出意圖：最後擷取嘗試
實驗點子
位置與格式實驗
橫幅變化
- 頂部橫幅 vs. 頁首下方橫幅
- 黏性橫幅 vs. 靜態橫幅
- 全寬 vs. 有限寬度橫幅
- 含倒數計時器的橫幅 vs. 不含
彈出視窗格式
- 中央模態框 vs. 角落滑入
- 全螢幕覆蓋層 vs. 較小模態框
- 底部橫幅 vs. 角落彈出視窗
- 頂部公告 vs. 底部滑出
位置測試
- 測試桌面與行動裝置的彈出視窗尺寸
- 滑入式視窗的左角 vs. 右角
- 測試不遮擋內容的可見性
觸發實驗
時間觸發
- 退出意圖 vs. 30 秒延遲 vs. 50% 滾動深度
- 測試最佳時間延遲（10 秒 vs. 30 秒 vs. 60 秒）
- 測試滾動深度百分比（25% vs. 50% vs. 75%）
- 頁面計數觸發（瀏覽 X 頁後顯示）
行為觸發
- 根據使用者意圖預測顯示
- 根據特定頁面瀏覽觸發
- 回訪訪客 vs. 新訪客鎖定
- 根據推薦來源顯示
點擊觸發
- 點擊觸發的誘餌內容彈出視窗
- 按鈕觸發 vs. 連結觸發的模態框
- 測試內容內觸發 vs. 側邊欄觸發
訊息與內容實驗
標題與文案
- 測試吸引注意 vs. 資訊型標題
- 「限時優惠」vs.「新功能提醒」訊息
- 急迫感導向文案 vs. 價值導向文案
- 測試標題長度與具體性
行動呼籲
- 行動呼籲按鈕文字變化
- 按鈕顏色測試對比度
- 主要 + 次要行動呼籲 vs. 單一行動呼籲
- 測試拒絕文字（友善 vs. 中性）
視覺內容
- 加入倒數計時器製造急迫感
- 測試有/無圖片
- 產品預覽 vs. 通用圖片
- 在彈出視窗中加入社會證明
個人化實驗
動態內容
- 根據訪客資料個人化彈出視窗
- 顯示產業特定內容
- 根據瀏覽頁面調整內容
- 使用漸進式檔案（隨時間詢問更多）
受眾鎖定
- 新訪客 vs. 回訪訪客訊息
- 依流量來源區隔
- 根據互動程度鎖定
- 排除已轉換訪客
頻率與規則實驗
- 測試頻率上限（每次工作階段一次 vs. 每週一次）
- 關閉後的冷卻期
- 測試不同的關閉行為
- 多次瀏覽後顯示逐步升級的優惠
任務特定問題
- 這個彈出視窗的主要目標是什麼？
- 您目前的彈出視窗表現如何（如果有的話）？
- 您正在為哪些流量來源進行優化？
- 您可以提供什麼誘因？
- 是否有合規要求（GDPR 等）？
- 行動裝置 vs. 桌面流量比例？
相關技能
- lead-magnets：用於規劃透過彈出視窗推廣的誘餌內容
- cro：用於優化彈出視窗內的表單
- cro：用於彈出視窗周圍的頁面背景
- emails：用於彈出視窗轉換後的後續動作
- ab-testing：用於測試彈出視窗變化
