conversion-rate-optimization

转化率优化

概述

转化率优化（CRO）是一个系统化的过程，旨在提高完成购买的访客比例。在投入工具或测试之前，请先使用免费的平台分析工具和热图工具进行结构化审查，找出用户实际流失的位置。大多数商店都有 3–5 项影响显著的改进，无需进行 A/B 测试，只需落实即可。

何时使用此技能

• 当商店整体转化率低于 2%，且你需要采用结构化方法进行诊断时
• 当你要根据数据而非猜测，准备 A/B 测试待办列表时
• 当你要在扩大广告支出前，优化新上线的结账流程时
• 当重新设计后的指标显示转化率下降，需要进行根因分析时
• 当利益相关者需要一份按优先级排列的 CRO 实验路线图时

核心说明

第 1 步：安装分析工具和热图工具

工具	费用	展示内容
Google Analytics 4	免费	按步骤查看漏斗流失情况、按来源查看转化率
Microsoft Clarity	免费	会话录屏、热图、愤怒点击检测
Hotjar	提供免费套餐	热图、会话录屏、站内调查
Lucky Orange	$18/月	热图 + 漏斗分析，与 Shopify 集成良好

在开展任何 CRO 工作前，至少安装 GA4（必需）和一个热图工具。数据收集需要 2–4 周，之后才有足够的数据采取行动。

---

Shopify

1. 前往 Shopify Admin → Online Store → Preferences
2. 在 Google Analytics 下方输入 GA4 Measurement ID（以 G- 开头）
3. 对于 Microsoft Clarity：从 Shopify App Store 安装 Microsoft Clarity 应用，它会自动将跟踪代码注入所有页面，包括结账页面
4. 对于 Hotjar：将 Hotjar 跟踪代码添加到主题中的 Online Store → Themes → Edit Code → theme.liquid

---

WooCommerce

1. 安装 MonsterInsights 插件（免费套餐），它可以将 WordPress 连接到 GA4，并内置电商跟踪功能
2. 对于热图：安装 Microsoft Clarity WordPress 插件（免费，官方插件）或 Hotjar 插件
3. 对于漏斗跟踪：MonsterInsights 会在 WordPress 管理后台的 Insights → Reports → eCommerce 下显示结账漏斗步骤

---

BigCommerce

1. 前往 BigCommerce Admin → Advanced Settings → Analytics
2. 在“Google Analytics”下添加 GA4 Measurement ID
3. 对于热图：前往 Apps → Marketplace，安装 Microsoft Clarity 或 Hotjar

---

第 2 步：开展 CRO 审查——先检查这些影响显著的项目

在进行任何 A/B 测试前，请按此清单检查你的商店。这些是投资回报率最高的改进：

结账阻力（先修复这些问题）：

• 无需强制创建账户即可访客结账——强制注册是导致弃购的首要原因（35% 的用户会离开）
• 结账表单的第一个字段是电子邮箱字段——即使用户未完成结账，也能获取弃购用户的邮箱以便通过电子邮件挽回
• 移动端首屏可见快捷支付方式（Shop Pay、Apple Pay、Google Pay）
• 在客户进入付款步骤前显示运费——意外的运费会导致 25% 的弃购
• 结账页面或产品页面上可见退货政策

产品页面阻力：

• 无需在移动端滚动即可看到主要的“Add to Cart”按钮
• 产品图片包含多个角度、生活方式场景照，并支持缩放
• 产品页面上展示评价/评分
• 库存少于 10 件时显示库存不足/紧迫感提示

信任信号：

• 浏览器中显示 SSL 锁形图标
• 结账按钮附近显示支付方式图标（Visa、PayPal 等）
• 产品页面链接到退款保证或退货政策

第 3 步：使用平台分析工具找出流失率最高的步骤

Shopify

1. 前往 Shopify Admin → Analytics → Reports → Checkout funnel
2. 这里会显示结账各步骤的转化率：信息 → 配送 → 付款 → 订单确认
3. 流失率最高的步骤就是你的首要优化目标

还要检查：

• Analytics → Reports → Sessions by landing page — 找出哪些页面带来了流量，但转化率较低
• Analytics → Live View — 观看实时会话，了解用户行为

---

WooCommerce with MonsterInsights

1. 前往 WordPress Admin → Insights → Reports → eCommerce
2. 查看结账漏斗：产品页面 → 购物车 → 结账 → 订单完成
3. 如果「购物车 → 结账」流失率较高，说明购物车页面可能存在问题；如果「结账 → 订单完成」流失率较高，说明结账流程存在阻碍

---

GA4（所有平台）

1. 前往 GA4 → Reports → Monetization → Checkout journey
2. 这里会显示 Google 标准电商漏斗：查看商品 → 加入购物车 → 开始结账 → 购买
3. 点击任意步骤，即可在 Clarity/Hotjar 中查看与该步骤流失用户相匹配的会话录屏

步骤 4：查看热图和会话录屏

收集 2 周数据后：

1. 打开 Microsoft Clarity 或 Hotjar
2. 热图：在产品页面和结账页面查找愤怒点击（用户反复点击的红色区域）——这表明用户感到受挫
3. 会话录屏：观看 10–20 个到达结账页面但未购买的用户会话，找出具体的阻碍点
4. 产品页面点击图：用户是否在点击不可点击的产品图片？他们是否没看到「加入购物车」按钮？

步骤 5：使用 ICE 评分确定实验优先级

在建立 A/B 测试待办列表前，先为每个假设评分：

假设	影响（1–5）	信心（1–5）	难易度（1–5）	ICE 分数
启用访客结账	5	5	3	75
在移动端首屏添加 Apple/Google Pay	4	4	4	64
在产品页面显示运费	4	4	3	48
添加「仅剩 X 件」紧迫感文案	3	3	5	45

按 ICE 分数顺序开展实验。同时进行的 A/B 测试不得超过 3 个。

各平台的 A/B 测试工具：

• Shopify：Shopify Experiments（内置，仅限 Shopify Plus）或适用于所有套餐的 Intelligems 应用
• WooCommerce：Nelio A/B Testing 插件或 Google Optimize（已停用——请使用 VWO 或 Intelligems）
• 所有平台：对于正式的测试项目，可使用 VWO（$200/月）或 Convert（$199/月）

步骤 6：实施影响最大的优化措施

对于 Shopify 商店，其中许多措施属于主题设置，无需修改代码：

• 启用访客结账：Shopify Admin → Settings → Checkout → 勾选「Allow customers to check out as guests」
• 启用 Shop Pay：Shopify Admin → Settings → Payments → 启用 Shop Pay
• 添加紧迫感文案：从 Shopify App Store 使用 Urgency Bear 或 Sales Countdown Timer 等免费应用
• 添加信任徽章：大多数主题都有「信任徽章」版块，可将其添加到产品页面和购物车页面

最佳实践

• 优先修复表现最差步骤的流失问题——先优化流失人数最多的步骤，再处理流失人数较少的步骤
• 在进行其他测试前启用访客结账——这始终是影响最大的改动之一
• 在付款表单附近展示信任信号——在用户最焦虑的环节展示 SSL 徽章、退货政策和支持的银行卡标志
• 在移动端首屏展示快捷付款方式——Shop Pay、Apple Pay 和 Google Pay 可将移动端结账时间从 2 分钟缩短至 15 秒
• 运行测试前设定最小可检测效应——不预先计算样本量就运行测试，会导致假阳性
• 使用每位访客的收入，而不只是转化率——有时改动会提高转化率（CVR），却降低平均订单金额（AOV）

常见问题

问题	解决方案
A/B 测试每周的结果相互矛盾	根据统计功效计算确定固定的实验时长，而不是“看到显著结果就停止”
加购到结账的转化率很高，但结账完成率很低	流失发生在结账流程中——查看 Shopify 的 Checkout Funnel 报告，找出具体步骤
CRO 改动提高了 CVR，却降低了 AOV	跟踪每位访客带来的收入，而不只是 CVR
热力图显示用户在不可点击的元素上反复点击	让这些元素可交互（将商品图片链接到商品页面），或移除其视觉暗示
GA4 与 Shopify Analytics 的漏斗指标不一致	以 Shopify 的订单数为准；广告拦截器可能导致 GA4 漏记订单

相关技能

• @cart-abandonment-recovery
• @exit-intent-popups
• @cross-sell-upsell-engine
• @social-proof-widgets
• @marketing-attribution-dashboard