Communitygithub.com

coastdigitalgroup/coastai-skills

稽核並最佳化向上銷售和交叉銷售策略,以提高平均訂單價值 (AOV) 和客戶終身價值 (CLV)。當網站擁有健康的轉換率但每位訪客收入偏低或組合優惠表現不佳時,觸發此技能。

coastai-skills 是什麼?

此技能提供一個系統化框架,用於在關鍵決策點策略性地呈現更高價值的替代方案(向上銷售)或互補產品(交叉銷售),從而提升每筆交易的價值。它適用於電子商務、SaaS 平台和 B2B 服務,透過分析交易數據、產品目錄和用戶旅程,找出機會並制定優惠地圖。技能支援多種平台,並能產生具體的文案、設計建議和組合規格,以在維持良好用戶體驗的同時最大化平均訂單價值 (AOV) 和每位訪客收入 (RPV)。工作流程包含識別價值錨點、規劃時機與位置、應用心理觸發因素(如誘餌效應、稀缺性)以及最佳化 UI/UX,確保優惠不干擾主要購買流程。它還包含關鍵決策規則(例如 25% 規則)和驗證標準,以監控並確保向上銷售/交叉銷售策略的成效。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/coastdigitalgroup/coastai-skills/tree/HEAD/website-growth/upsell-cross-sell-optimization

在你喜歡的 AI 中提問

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

說明文件

向上銷售與交叉銷售最佳化

目的

向上銷售與交叉銷售最佳化技能提供一個系統化框架,用以提升每筆交易的價值。透過在關鍵決策點策略性地呈現更高價值的替代方案(向上銷售)或互補產品(交叉銷售),此技能旨在最大化平均訂單價值 (AOV) 和每位訪客收入 (RPV),同時維持正向的用戶體驗。

使用案例

  • 希望透過組合或附加項目提高 AOV 的電子商務商店。
  • 鼓勵用戶在入職或達到使用限制時升級至更高方案等級的 SaaS 平台。
  • 為標準服務套裝提供專業附加功能的 B2B 服務。
  • 使用應用程式內提示解鎖高級功能的手機應用程式。

何時不應使用

  • 低轉換率網站: 如果基礎轉換率不佳,應先專注於 hero-section-optimization 或 product-page-optimization。在轉換漏斗已有漏洞的情況下加入向上銷售,可能會增加摩擦並進一步損害轉換率。
  • 純資訊型網站: 不存在交易或明確貨幣價值交換的網站。
  • 高摩擦結帳流程: 如果結帳流程已經過於複雜,應避免加入可能導致購物車放棄的交叉銷售步驟。

輸入

  1. 交易數據: 目前的平均訂單價值 (AOV)、每位訪客收入 (RPV) 以及最暢銷的產品組合。
  2. 產品目錄: 產品、其利潤以及邏輯關係的對應圖(例如,「相機」->「記憶卡」)。
  3. 用戶旅程地圖: 辨識關鍵的「意圖高峰」(例如,加入購物車、查看定價、購買後的感謝頁面)。
  4. 目前優惠: 任何現有的組合、折扣代碼或「經常一起購買」的小工具。

輸出

  1. 向上銷售/交叉銷售稽核: 識別目前流程中錯失的機會和摩擦點。
  2. 策略性優惠地圖: 針對特定漏斗階段提供的具體優惠建議(例如,「購物車內保險交叉銷售」)。
  3. 文案與設計指導: 針對非干擾性向上銷售提示的最佳化訊息和 UI 模式。
  4. 組合規格: 旨在以最小摩擦提高 AOV 的高價值產品分組。

工作流程

1. 識別「價值錨點」與差距

分析產品目錄以識別高利潤的向上銷售和邏輯上的交叉銷售「邏輯匹配」。

  • 向上銷售: 尋找主要產品的「更好/最佳」版本。
  • 交叉銷售: 尋找「基本必需品」(例如,電池)或「增強體驗」項目(例如,保護殼)。
  • 組合: 識別有 80% 以上機率會一起使用的商品。

2. 規劃時機與位置

根據用戶意圖決定觸發優惠的位置。

  • 購買前 (PDP): 顯示「經常一起購買」或「比較表」以鼓勵向上銷售。
  • 購物車內 (插頁式): 提供低摩擦的「衝動型」附加產品或「免運費門檻」進度條。
  • 購買後 (感謝頁面): 提供相關商品限時折扣,且無需重新輸入付款資訊(一鍵向上銷售)。

3. 應用心理觸發因素

使用經過驗證的說服原則來設計優惠。

  • 誘餌效應: 提供一個中間選項,使高級選項看起來更具價值。
  • 稀缺性/急迫性: 「在 10 分鐘內將此商品加入訂單,可享 20% 折扣。」
  • 社會認同: 「80% 的客戶也購買了 [產品]。」
  • 進度偏誤: 「您只需再消費 $10 即可獲得免運費!加入此 [產品] 嗎?」

4. 最佳化 UI/UX

確保優惠不會干擾完成初始購買的主要目標。

  • 「不」路徑: 始終提供明確且簡便的方式來拒絕優惠(例如,「不用了,謝謝」)。
  • 對比: 確保主要的「接受」按鈕顯眼,但「關閉」選項也易於找到,以避免「暗黑模式」的指控。
  • 一鍵整合: 對於購買後的向上銷售,使用「一鍵」功能,跳過重新輸入運送或帳單資訊的步驟。

5. 根據決策規則進行審查

根據向上銷售啟發法驗證策略。

決策規則

  • 25% 規則: 向上銷售或交叉銷售優惠通常不應讓總訂單金額增加超過原始商品價格的 25%,以避免「價格衝擊」。
  • 相關性優先: 絕不提供不相關的產品。購買割草機的用戶應獲得油料或保護罩的推薦,而非廚房刀具。
  • 「一鍵」優先: 購買後的優惠應始終是一鍵完成。在此階段增加任何額外表單欄位都將嚴重損害轉換率。
  • 摩擦平衡: 如果加入向上銷售後,主要轉換率下降超過 2%,則表示該優惠過於干擾,必須移動或簡化。

限制條件

  • 相關性要求: 向上銷售和交叉銷售建議必須對買家真正有用——不相關的推薦會降低信任度,並有降低主要轉換率的風險。
  • 透明定價: 任何向上銷售的額外成本都必須在用戶確認前明確說明。
  • 無暗黑模式: 禁止預先選取的附加項目、隱藏訂閱或模糊總價的組合。

非目標

  • 附加項目和組合的定價策略或產品目錄決策。
  • 組合定價、折扣疊加或庫存分組的後端邏輯。
  • 基於電子郵件的購買後向上銷售序列。

常見失敗模式

  • 「優惠牆」: 在用戶甚至尚未進入購物車前,就用多個彈出視窗轟炸他們。
  • 不相關的附加產品: 使用顯示與當前購物車內容無關的通用「您可能也喜歡」小工具。
  • 「隱藏的不」: 讓拒絕優惠變得困難,導致用戶沮喪並放棄購物車。
  • 打斷流程: 為交叉銷售強制進行頁面重新載入或開啟新視窗,破壞結帳的動能。
  • 過度折扣: 為向上銷售提供過深的折扣,以致貶低了主要產品的價值或侵蝕了所有利潤。

驗證標準

  • 平均訂單價值 (AOV) 提升: (總收入 / 總訂單數)。目標:提升 10-25%。
  • 交叉銷售接受率: (含附加產品的訂單數 / 總訂單數) * 100。
  • 每位訪客收入 (RPV): (總收入 / 總不重複訪客數)。
  • 次要轉換影響: 監控主要轉換率,以確保向上銷售不會導致放棄率上升。

Individual skills in this repo

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

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for progressive disclosure using accordions, ensuring structural integrity, visual affordances, and accessibility across different content densities and devices.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for long-form content, managing readability, vertical rhythm, and information density to ensure a superior reading experience.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for informational elements that communicate state (Badges) and categorization (Tags) with clarity and accessibility.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for non-overlay notifications, managing global announcements and contextual inline alerts to communicate system states without interrupting the user's flow.

coastdigitalgroup/coastai-skills

Design and implement a systematic, asymmetrical bento-grid layout framework to organize diverse content types cohesively while maintaining strict visual hierarchy, logical focus order, and responsive flexibility.

coastdigitalgroup/coastai-skills

Design a responsive, mobile-first bottom navigation bar and persistent action dock system for mobile websites and web applications, establishing spatial anchors, tab bar anatomy, badge indicators, thumb-zone ergonomics, safe area inset handling, active/inactive state contrast, and desktop responsive adaptation rules.

coastdigitalgroup/coastai-skills

Design a mobile-first bottom sheet overlay system with configurable detents, drag affordances, safe area padding, responsive desktop modal/popover adaptation, and WCAG AA accessibility compliance.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for secondary navigation trails that provide orientation, context, and one-click access to parent levels in deep information architectures.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for buttons and interactive triggers, managing visual hierarchy, variant logic, and action grouping to ensure clear intent and accessible interaction.

coastdigitalgroup/coastai-skills

Design a systematic framework for date and time selection, managing calendar grids, range pickers, and scheduling interfaces to ensure precision and accessibility.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for modular content containers that maintain hierarchy, structural integrity, and action alignment across variable content and responsive viewports.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for horizontal discovery components, managing navigation affordances, scroll behavior, and accessibility to ensure effective content density without compromising usability.

coastdigitalgroup/coastai-skills

Design a systematic, highly accessible, and developer-friendly UI layout framework for code blocks, snippet showcases, multi-file code tabs, line-highlighting, diff views, and syntax token contrast in technical documentation and developer platforms.

coastdigitalgroup/coastai-skills

Design a systematic framework for global command menus (Cmd+K panels) that combines keyboard-driven navigation, command execution, and shortcut discovery into an accessible, responsive overlay.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for threaded conversations, managing nesting depths, action hierarchies, and community signaling to foster engagement and readability.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for side-by-side comparison interfaces, managing high attribute density and responsive complexity to support informed decision-making.

coastdigitalgroup/coastai-skills

Design and implement a systematic framework for user privacy, managing consent banners, preference centers, and persistent privacy controls to balance legal compliance with user trust.

coastdigitalgroup/coastai-skills

Design and implement a systematic, highly accessible, and responsive visual layout framework for conversational chat widgets, live chat boxes, and chatbot panels that ensures clear message scannability, native focus flow, and seamless mobile keyboard adaptation.

coastdigitalgroup/coastai-skills

Design a systematic, accessible, and high-conversion framework for custom select dropdowns and comboboxes, defining anatomy, states, search-filtering, and responsive mobile-adaptive patterns.

coastdigitalgroup/coastai-skills

Design and implement a systematic color palette that ensures WCAG 2.2 accessibility compliance. Trigger this skill when asked to define brand colors, create UI themes, or establish a visual system for a website.

相關技能