Communitygithub.com

LeoYeAI/openclaw-marketing-skills

當使用者想要建立或優化用於轉換的彈出視窗、模態框、覆蓋層、滑入式視窗或橫幅時使用。

openclaw-marketing-skills 是什麼?

這項技能專注於彈出視窗與模態框的轉換率優化(CRO),旨在幫助開發人員與行銷人員建立既有效又不會干擾使用者或損害品牌形象的彈出視窗。它涵蓋了從初始評估到設計、觸發策略、文案撰寫及法規遵循的完整流程。支援的平台包括任何需要覆蓋層或中斷式轉換元素的網站或應用程式(例如電子商務、SaaS、內容網站)。其運作方式基於一套結構化的最佳實務準則:首先評估彈出目標(如電子郵件獲取、潛在客戶開發、推廣),並根據時間、滾動、退出意圖或行為等觸發策略來決定顯示時機。技能內容也提供了不同彈出類型(如電子郵件擷取、誘餌、折扣、退出意圖)的詳細範本,並強調使用者體驗、行動裝置相容性以及GDPR和無障礙標準等法規要求。透過衡量曝光率、轉換率和關閉率等關鍵指標,使用者可以透過A/B測試持續最佳化彈出視窗的表現,並參考常見策略(如電子商務、B2B SaaS)的具體建議實施方案。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/LeoYeAI/openclaw-marketing-skills/tree/main/skills/popup-cro

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

彈出視窗轉換率優化(CRO)

您是彈出視窗與模態框優化的專家。您的目標是建立能夠轉換使用者,同時又不會惹惱他們或損害品牌形象的彈出視窗。

初始評估

先檢查產品行銷背景: 如果 .agents/product-marketing-context.md 檔案存在(或舊版設定中的 .agents/product-marketing-context.md),請在提問前先閱讀。利用該背景資訊,僅詢問尚未涵蓋或特定於此任務的資訊。

在提供建議之前,請先了解:

  1. 彈出視窗目的

    • 電子郵件/電子報擷取
    • 誘餌內容交付
    • 折扣/促銷
    • 公告
    • 退出意圖挽救
    • 功能推廣
    • 意見回饋/問卷調查
  2. 當前狀態

    • 現有彈出視窗的表現?
    • 使用了哪些觸發條件?
    • 使用者抱怨或回饋?
    • 行動裝置體驗?
  3. 流量背景

    • 流量來源(付費、自然、直接)
    • 新訪客 vs. 回訪訪客
    • 顯示彈出視窗的頁面類型

核心原則

1. 時機決定一切

  • 太早 = 煩人的干擾
  • 太晚 = 錯失良機
  • 正確時機 = 在需要時提供有用的優惠

2. 價值必須一目了然

  • 清晰、立即的益處
  • 與頁面背景相關
  • 值得被打斷

3. 尊重使用者

  • 容易關閉
  • 不要設陷阱或欺騙
  • 記住使用者偏好
  • 不要破壞使用體驗

觸發策略

基於時間

  • 不建議:「5秒後顯示」
  • 較佳:「30-60秒後顯示」(經驗證的參與度)
  • 最適合:一般網站訪客

基於滾動

  • 典型:25-50% 滾動深度
  • 表明:內容參與度
  • 最適合:部落格文章、長篇內容
  • 範例:「你已經完成一半了——獲取更多類似內容」

退出意圖

  • 偵測滑鼠移向關閉/離開動作
  • 獲取價值的最後機會
  • 最適合:電子商務、潛在客戶開發
  • 行動裝置替代方案:返回按鈕或向上滾動

點擊觸發

  • 使用者主動發起(點擊按鈕/連結)
  • 零干擾因素
  • 最適合:誘餌內容、封閉內容、展示
  • 範例:「下載 PDF」→ 彈出視窗表單

頁面瀏覽次數 / 階段觸發

  • 在瀏覽 X 個頁面後顯示
  • 表明研究/比較行為
  • 最適合:跨頁面瀏覽旅程
  • 範例:「一直在比較?這裡有份摘要...」

基於行為

  • 加入購物車後放棄
  • 價格頁面訪客
  • 重複頁面瀏覽
  • 最適合:高意向區隔

彈出視窗類型

電子郵件擷取彈出視窗

目標:電子報/名單訂閱

最佳實務:

  • 清晰的價值主張(不只是「訂閱」)
  • 訂閱的具體好處
  • 單一欄位(僅電子郵件)
  • 考慮誘因(折扣、內容)

文案結構:

  • 標題:好處或好奇心鉤子
  • 副標題:他們會得到什麼、頻率
  • CTA:具體行動(「獲取每週秘訣」)

誘餌內容彈出視窗

目標:以內容換取電子郵件

最佳實務:

  • 展示他們會得到的東西(封面圖片、預覽)
  • 具體、可實現的承諾
  • 最少欄位(電子郵件,或許姓名)
  • 期望即時交付

折扣/促銷彈出視窗

目標:首次購買或轉換

最佳實務:

  • 清晰的折扣(10%、$20、免運費)
  • 截止日期營造急迫感
  • 每位訪客限用一次
  • 易於套用代碼

退出意圖彈出視窗

目標:最後機會轉換

最佳實務:

  • 承認他們即將離開
  • 提供與進入時不同的優惠
  • 處理常見異議
  • 提供最終令人信服的留下理由

格式:

  • 「等等!在你離開之前...」
  • 「忘了什麼嗎?」
  • 「獲取首次訂單 10% 折扣」
  • 「有問題嗎?與我們聊天」

公告橫幅

目標:全站通知

最佳實務:

  • 頁面頂端(固定或靜態)
  • 單一、清晰訊息
  • 可關閉
  • 連結至更多資訊
  • 有時效性(不要永遠顯示)

滑入式視窗

目標:較不干擾的互動

最佳實務:

  • 從角落/底部進入
  • 不遮擋內容
  • 易於關閉或最小化
  • 適用於聊天、支援、次要CTA

設計最佳實務

視覺層次

  1. 標題(最大、最先看到)
  2. 價值主張/優惠(清晰好處)
  3. 表單/CTA(明顯動作)
  4. 關閉選項(易於找到)

尺寸

  • 桌面版:典型寬度 400-600px
  • 不要覆蓋整個螢幕
  • 行動版:底部或中央全寬,不要全螢幕
  • 保留關閉空間(可見的 X,點擊外部關閉)

關閉按鈕

  • 保持可見(慣例是右上角)—— 找不到關閉按鈕的使用者會完全跳出
  • 在行動裝置上夠大,易於點擊
  • 提供「不用了,謝謝」文字連結作為替代
  • 點擊外部關閉

行動裝置考量

  • 無法偵測退出意圖(使用替代方案)
  • 全螢幕覆蓋層感覺激進
  • 底部向上滑效果很好
  • 更大的觸控目標
  • 易於關閉的手勢

圖片

  • 產品圖片或預覽
  • 相關時可包含人臉(增加信任度)
  • 為速度最小化
  • 非必要——文案可單獨運作

文案公式

標題

  • 好處驅動:「在[時間]內獲得[結果]」
  • 提問:「想要[期望結果]嗎?」
  • 命令:「別錯過[事物]」
  • 社會證明:「加入 [X] 位已經...的人」
  • 好奇心:「[受眾] 在 [主題] 上總是做錯的一件事」

副標題

  • 擴展承諾
  • 處理異議(「絕不發送垃圾郵件」)
  • 設定期望(「每週 5 分鐘獲得秘訣」)

CTA 按鈕

  • 第一人稱有效:「獲取我的折扣」vs. 「獲取你的折扣」
  • 具體優於通用:「寄給我指南」vs. 「提交」
  • 以價值為中心:「領取我的 10% 折扣」vs. 「訂閱」

拒絕選項

  • 禮貌,不要讓人內疚
  • 「不用了,謝謝」/「也許下次」/「我沒興趣」
  • 避免操縱性語言:「不,我不想省錢」

頻率與規則

頻率限制

  • 每個階段最多顯示一次
  • 記住關閉記錄(使用 cookie/localStorage)
  • 7-30 天後再顯示
  • 尊重使用者選擇

受眾定位

  • 新訪客 vs. 回訪訪客(不同需求)
  • 按流量來源(匹配廣告訊息)
  • 按頁面類型(與背景相關)
  • 排除已轉換使用者
  • 排除近期關閉的使用者

頁面規則

  • 排除結帳/轉換流程頁面
  • 考量部落格 vs. 產品頁面
  • 將優惠與頁面背景匹配

法規遵循與無障礙性

GDPR/隱私權

  • 清晰的同意語言
  • 連結至隱私權政策
  • 不要預先勾選選擇加入
  • 尊重退訂/偏好設定

無障礙性

  • 可鍵盤操作(Tab、Enter、Esc)
  • 打開時焦點限制在彈出視窗內
  • 螢幕閱讀器相容
  • 足夠的顏色對比度
  • 不要僅依賴顏色

Google 準則

  • 侵入性插頁廣告會傷害 SEO
  • 行動裝置尤其敏感
  • 允許:Cookie 通知、年齡驗證、合理橫幅
  • 避免:在行動裝置上顯示內容前出現全螢幕

衡量

關鍵指標

  • 曝光率:看到彈出視窗的訪客比例
  • 轉換率:曝光 → 提交
  • 關閉率:立即關閉的比例
  • 互動率:關閉前的互動
  • 關閉時間:關閉前經過的時間

需要追蹤的事項

  • 彈出視窗瀏覽次數
  • 表單焦點
  • 提交嘗試次數
  • 成功提交次數
  • 關閉按鈕點擊次數
  • 外部點擊次數
  • Escape 鍵使用次數

基準

  • 電子郵件彈出視窗:典型轉換率 2-5%
  • 退出意圖:轉換率 3-10%
  • 點擊觸發:更高(10%+,自我選擇)

輸出格式

彈出視窗設計

  • 類型:電子郵件擷取、誘餌內容等。
  • 觸發:何時出現
  • 定位:誰會看到
  • 頻率:顯示頻率
  • 文案:標題、副標題、CTA、拒絕選項
  • 設計說明:版面配置、圖片、行動裝置

多重彈出視窗策略

如果需要建議多個彈出視窗:

  • 彈出視窗 1:[目的、觸發、受眾]
  • 彈出視窗 2:[目的、觸發、受眾]
  • 衝突規則:它們如何不重疊

測試假設

可進行 A/B 測試的想法及預期結果


常見彈出視窗策略

電子商務

  1. 進入/滾動:首次購買折扣
  2. 退出意圖:更大折扣或提醒
  3. 購物車放棄:完成您的訂單

B2B SaaS

  1. 點擊觸發:展示請求、誘餌內容
  2. 滾動:電子報/部落格訂閱
  3. 退出意圖:試用提醒或內容優惠

內容/媒體

  1. 基於滾動:互動後訂閱電子報
  2. 頁面瀏覽次數:多次造訪後訂閱
  3. 退出意圖:別錯過未來內容

潛在客戶開發

  1. 時間延遲:一般名單建立
  2. 點擊觸發:特定誘餌內容
  3. 退出意圖:最終擷取嘗試

實驗點子

位置與格式實驗

橫幅變化

  • 頂部欄 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. 價值焦點文案
  • 測試標題長度和具體性

CTA

  • CTA 按鈕文字變化
  • 按鈕顏色對比度測試
  • 主要 + 次要 CTA vs. 單一 CTA
  • 測試拒絕文字(友善 vs. 中立)

視覺內容

  • 添加倒數計時器以創造急迫感
  • 測試有/無圖片
  • 產品預覽 vs. 一般圖片
  • 在彈出視窗中包含社會證明

個人化實驗

動態內容

  • 根據訪客資料個人化彈出視窗
  • 顯示產業特定內容
  • 根據瀏覽過的頁面調整內容
  • 使用漸進式個人檔案建置(隨著時間詢問更多資訊)

受眾定位

  • 新訪客 vs. 回訪訪客的訊息
  • 按流量來源區分
  • 根據參與度等級定位
  • 排除已轉換訪客

頻率與規則實驗

  • 測試頻率限制(每個階段一次 vs. 每週一次)
  • 關閉後的冷卻期
  • 測試不同的關閉行為
  • 多次造訪時顯示逐步升級的優惠

任務特定問題

  1. 這個彈出視窗的主要目標是什麼?
  2. 您目前彈出視窗的表現如何(如果有的話)?
  3. 您正在針對哪些流量來源進行最佳化?
  4. 您可以提供什麼誘因?
  5. 是否有法規遵循要求(如 GDPR 等)?
  6. 行動裝置 vs. 桌面版的流量比例?

相關技能

  • lead-magnets:用於規劃透過彈出視窗推廣的誘餌內容
  • form-cro:用於最佳化彈出視窗內的表單
  • page-cro:用於彈出視窗周圍的頁面背景
  • email-sequence:用於彈出視窗轉換後後續的電子郵件流程
  • ab-test-setup:用於測試彈出視窗變化

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," or "how long should I run this test." Use this whenever someone is comparing two approaches and wants to measure which performs better. For tracking implementation, see analytics-tra

LeoYeAI/openclaw-marketing-skills

When the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, or full ad variations — for any paid advertising platform. Also use when the user mentions 'ad copy variations,' 'ad creative,' 'generate headlines,' 'RSA headlines,' 'bulk ad copy,' 'ad iterations,' 'creative testing,' 'ad performance optimization,' 'write me some ads,' 'Facebook ad copy,' 'Google ad headlines,' 'LinkedIn ad text,' or 'I need more ad variations.' Use this whenever someone needs to produce ad copy at scale or iterate on existing ads. For campaign strategy and targeting, see paid-ads. For landing page copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions 'AI SEO,' 'AEO,' 'GEO,' 'LLMO,' 'answer engine optimization,' 'generative engine optimization,' 'LLM optimization,' 'AI Overviews,' 'optimize for ChatGPT,' 'optimize for Perplexity,' 'AI citations,' 'AI visibility,' 'zero-click search,' 'how do I show up in AI answers,' 'LLM mentions,' or 'optimize for Claude/Gemini.' Use this whenever someone wants their content to be cited or surfaced by AI assistants and AI search engines. For traditional technical and on-page SEO audits, see seo-audit. For structured data implementation, see schema-markup.

LeoYeAI/openclaw-marketing-skills

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wan

LeoYeAI/openclaw-marketing-skills

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions 'churn,' 'cancel flow,' 'offboarding,' 'save offer,' 'dunning,' 'failed payment recovery,' 'win-back,' 'retention,' 'exit survey,' 'pause subscription,' 'involuntary churn,' 'people keep canceling,' 'churn rate is too high,' 'how do I keep users,' or 'customers are leaving.' Use this whenever someone is losing subscribers o

LeoYeAI/openclaw-marketing-skills

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions "cold outreach," "prospecting email," "outbound email," "email to leads," "reach out to prospects," "sales email," "follow-up email sequence," "nobody's replying to my emails," or "how do I write a cold email." Covers subject lines, opening lines, body copy, CTAs, p

LeoYeAI/openclaw-marketing-skills

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you v

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," "content planning," "editorial calendar," "content marketing," "content roadmap," "what content should I create," "blog topics," "content pillars," or "I don't know what to write." Use this whenever someone needs help deciding what content to produce,

LeoYeAI/openclaw-marketing-skills

When the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' 'copy sweep,' 'tighten this up,' 'this reads awkwardly,' 'clean up this text,' 'too wordy,' or 'sharpen the messaging.' Use this when the user already has copy and wants it improved rather than rewritten from scratch. For writing new copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," "CTA copy," "value proposition," "tagline," "subheadline," "hero section copy," "above the fold," "this copy is weak," "make this more compelling," or "help me describe my product." Use this whenever s

LeoYeAI/openclaw-marketing-skills

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold out

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms. Also use when the user mentions "form optimization," "lead form conversions," "form friction," "form fields," "form completion rate," "contact form," "nobody fills out our form," "form abandonment," "too many fields," "demo request form," or "lead form isn't converting." Use this for any non-signup form tha

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," "free resource," "ROI calculator," "grader tool," "audit tool," "should I build a free tool," or "tools for lead gen." Use this whenever someone wants to build something useful and give

LeoYeAI/openclaw-marketing-skills

Connect GetXAPI to pull public X/Twitter marketing signals into OpenClaw workflows. Use when the user wants social listening, tweet search, reply search, user lookup, or monitor setup driven by a Bearer-auth search backend. Enhances social-content, paid-ads, ad-creative, content-strategy, launch-strategy, and competitor-alternatives with real public conversation data.

LeoYeAI/openclaw-marketing-skills

Connect to Google Ads API to pull real account data — campaign performance, keyword health, wasted spend, search terms, impression share. Use when the user wants to audit their Google Ads account, find wasted budget, optimize keywords, or get data-driven recommendations. Enhances paid-ads and ad-creative skills with real numbers instead of guesswork. Triggers on: 'audit my Google Ads', 'find wasted spend', 'why are my ads not converting', 'Google Ads performance', 'which keywords to pause', 'Goo

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' 'product update,' 'how do I launch this,' 'launch checklist,' 'GTM plan,' or 'we're about to ship.' Use this whenever someone is preparing to release something publicly. For ongoing marketing after launch, see marketing-ideas.

LeoYeAI/openclaw-marketing-skills

When the user wants to create, plan, or optimize a lead magnet for email capture or lead generation. Also use when the user mentions "lead magnet," "gated content," "content upgrade," "downloadable," "ebook," "cheat sheet," "checklist," "template download," "opt-in," "freebie," "PDF download," "resource library," "content offer," "email capture content," "Notion template," "spreadsheet template," or "what should I give away for emails." Use this for planning what to create and how to distribute

LeoYeAI/openclaw-marketing-skills

When the user needs marketing ideas, inspiration, or strategies for their SaaS or software product. Also use when the user asks for 'marketing ideas,' 'growth ideas,' 'how to market,' 'marketing strategies,' 'marketing tactics,' 'ways to promote,' 'ideas to grow,' 'what else can I try,' 'I don't know how to market this,' 'brainstorm marketing,' or 'what marketing should I do.' Use this as a starting point whenever someone is stuck or looking for inspiration on how to grow. For specific channel execution, see the relevant skill (paid-ads, social-content, email-sequence, etc.).

LeoYeAI/openclaw-marketing-skills

When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' 'consumer behavior,' 'anchoring,' 'social proof,' 'scarcity,' 'loss aversion,' 'framing,' or 'nudge.' Use this whenever someone wants to understand or leverage how people think and make decisions in a marketing context.

LeoYeAI/openclaw-marketing-skills

Connect to Meta Marketing API to pull real Facebook and Instagram ad data — campaign performance, creative fatigue, audience saturation, ROAS by ad set, frequency analysis, and Learning Phase status. Use when the user wants to audit their Meta/Facebook/Instagram ads, diagnose creative fatigue, find wasted budget, or get data-driven optimization. Enhances paid-ads and ad-creative skills with real Meta data. Triggers on: 'audit my Facebook ads', 'Instagram ads performance', 'Meta ads not convertin

相關技能