EP35. “捕获潜在客户：顶部栏 + 折扣码 + Thank You 页面”
🔒 登录后可标记已读- EP34 结账勾选框没开 Double Opt-in，这一讲却必须开——原因很简单：这里没有勾选框，确认邮件本身才是同意的证据
- 用网站底部悬浮栏 + 折扣码当诱因，收集访客邮箱，再靠 Thank You 页面自动发放折扣码
- 全程不用花一分钱插件费用
重点内容
什么是 Lead Magnet（潜在客户诱因）
Lead magnet 就是你给访客的「甜头」，让他们愿意把邮箱给你。
对于电商网站：
- ✅ 推荐用折扣码（如「15% off 首次购买」）— 直接刺激购买
- ❌ 不推荐用 Newsletter / 「不要错过最新消息」— 没人会为了这个给你邮箱
安装 MailChimp Top Bar 插件
这个插件会在网站底部显示一条订阅栏。
操作步骤：
- WordPress 后台 → Plugins → Add New
- 搜索「MC4WP」→ 找到 MailChimp Top Bar → Install Now → Activate
- 左侧菜单 → MailChimp Top Bar → Settings
设置 Top Bar 内容
基本设置：
| 设置项 | 建议值 | 说明 |
|---|---|---|
| Enable bar | Yes | 启用悬浮栏 |
| List | 你的 MailChimp audience | 选择你要收集进哪个列表 |
| Bar text | Sign up and get 15% off your first order | 有诱因的文字，不要写「Don't miss the fun」 |
| Button text | Access Discount | 比「Subscribe」更有吸引力 |
| Email placeholder | Your email address | 保持默认即可 |
外观设置（Appearance）：
- Bar position → Bottom（底部）
- 原因：顶部已有导航菜单，访客眼睛自然往下滑，放底部曝光率更好且不打扰浏览
- Bar color → 浅灰色（略深于白色）
- 原因：太黑太突兀，纯白又不明显，浅灰不打扰体验又清晰可见
- Button color → 黑色（配合网站主题）
[截图：MailChimp Top Bar 底部悬浮订阅栏在网站前台的实际显示效果]
为什么这里必须开启 Double Opt-in
在 EP34 的 WooCommerce 结账勾选框里我们没有开 Double Opt-in，但在 Top Bar 这里必须开启。
原因对比：
| 场景 | 是否需要 Double Opt-in | 理由 |
|---|---|---|
| WooCommerce 结账勾选框 | 不需要 | 有明确的同意勾选框，本身就是 GDPR 合规的同意机制 |
| MailChimp Top Bar | 必须开启 | 这个 bar 没有勾选框，无法明确取得同意，Double Opt-in 的确认邮件本身就是同意行为 |
操作路径：Top Bar Settings → Advanced → Double Opt-in → Yes
其他 Advanced 设置：
- Stop loading bar after it is used → Yes（用户订阅后不再反复显示）
- Do not show on pages → 填「checkout」（结账页不显示，避免分散注意力）
创建折扣券（WooCommerce Coupon）
既然承诺了折扣，就要先在后台创建好。
操作路径：WordPress 后台 → Marketing → Coupons → Create your first coupon
设置：
- Discount type → Percentage discount
- Amount → 15%
- Expiry date → 留空（不设过期）
- Code → WELCOME15（一个词，简单好记）
- 点 Publish
创建 Thank You 页面（免费派发折扣码的方法）
MailChimp 免费版不能发自动欢迎邮件，所以用「订阅成功后跳转到 Thank You 页」来代替。
创建页面：
- WordPress 后台 → Pages → Add New Page
- 页面标题：Thank You
- 内容写：
- 感谢订阅文字
- 折扣码：WELCOME15
- 提醒他们去邮箱确认订阅（因为有 double opt-in）
- Publish 发布
- 到页面前台 → Customize → Pages → Enable Sidebar → Off（去掉侧边栏，版面更干净）
[截图：Thank You 页面内容，显示折扣码和确认提醒文字]
设置跳转： Top Bar Settings → Messages → Redirect to URL after successful signup → 贴上 Thank You 页面网址
💡 Thank You 页面的额外好处：以后可以在 Google Analytics 追踪这个页面的浏览量，等于知道精确的订阅人数和来源。
测试整个流程
- 去网站前台，在底部悬浮栏填入测试邮箱 → 点 Access Discount
- 确认跳转到 Thank You 页面，看到折扣码
- 到邮箱找 Double Opt-in 确认邮件 → 点击确认
- 去网站商店加商品到购物车 → 结账 → 输入 WELCOME15 → 确认 15% 折扣生效
行动步骤
- 安装 MC4WP MailChimp Top Bar 插件并启用
- 设置 Bar text 为有诱因的折扣文字，Button text 改为「Access Discount」
- Bar position 设为 Bottom，颜色设为浅灰
- Advanced 里开启 Double Opt-in，Do not show on pages 填「checkout」
- WooCommerce Marketing → Coupons 创建 WELCOME15 折扣码（15% off）
- Pages 新建 Thank You 页面，写上折扣码和确认提醒，关闭侧边栏
- Top Bar → Messages → Redirect 填入 Thank You 页面 URL
- 全程测试一遍，确认订阅 → 跳转 → 确认邮件 → 折扣码可用
工具 & 资源
| 工具 | 用途 | 费用 |
|---|---|---|
| MC4WP MailChimp Top Bar | 网站底部悬浮订阅栏 | 免费 |
| WooCommerce Coupons | 创建和管理折扣码 | 免费（WooCommerce 内建功能） |
| WordPress Pages | 创建 Thank You 跳转页 | 免费 |
常见误区
- ❌ Bar text 写「Sign up now! Don't miss the fun」→ 没有任何诱因，没人会填邮箱
- ❌ Top Bar 不开 Double Opt-in → 没有勾选框的情况下直接收集邮箱违反 GDPR
- ❌ 在结账页显示 Top Bar → 会分散顾客注意力，导致放弃结账
- ❌ 用付费欢迎邮件功能派发折扣码 → 没必要，Thank You 页面方案完全免费且效果相同
Sources
Udemy（课程 transcript）：
- The Completed Digital Marketing Guide 27 in 1 — Section 5, Lecture 35 (Capture Leads)