MINOUJSS/multistore

落地页与转化率优化（CRO）技能

本技能提供全面的营销框架、文案撰写技巧、视觉层次规则以及转化率优化（CRO）策略，用于构建和优化高转化率的落地页与促销店铺。

---

1. 核心 CRO 原则与框架

A. 首屏（英雄区）规则

英雄区必须在3秒内实现3个目标：

1. 这是什么？（清晰胜于花哨）
2. 对访问者有什么好处？（直接的利益陈述）
3. 他们应该采取什么行动？（明确的首要行动号召）

英雄区检查清单：

• H1 大标题：清晰、有力的利益驱动型标题（例如：用 AI 驱动的自动化改造你的电商店铺）。
• 副标题：扩展标题内容，针对客户的主要痛点并说明解决方案如何解决它们。
• 首要 CTA 按钮：高对比度、以行动为导向的微文案（例如：开始免费试用、立即获取我的定制店铺、今日立享五折，而不是提交或了解更多）。
• 社交证明摘要：将星级评分、客户数量或信任徽章紧挨着主 CTA 下方放置（例如："⭐⭐⭐⭐⭐ 深受 5,000+ 阿尔及利亚商家信赖"）。
• 英雄区视觉元素：产品截图、产品演示视频或高转化率的产品英雄区图片。

---

2. 文案撰写框架

A. PAS 框架（问题 - 激化 - 解决方案）

• 问题：突出客户面临的确切痛点。
• 激化：强调不解决问题所带来的情感或经济成本。
• 解决方案：将你的产品/服务呈现为终极、无忧的解决方案。

B. AIDA 框架（注意力 - 兴趣 - 欲望 - 行动）

• 注意力：用一个大胆的陈述或惊人的统计数据抓住读者。
• 兴趣：展示令人信服的事实、功能以及契合他们目标的利益点。
• 欲望：通过社交证明、前后对比场景和保证来建立情感共鸣。
• 行动：提供清晰、低门槛的行动号召，并带有紧迫感或风险逆转。

C. 功能到利益转换矩阵

永远不要孤立地列出功能。始终将每个功能与直接的人类利益配对：

• ❌ 功能："集成了 Yalidine 和 ZrExpress 快递 API"
• ✅ 利益："一键自动发货——无需手动输入数据"

---

3. 视觉层次与用户体验优化

A. 眼动追踪模式（Z 型模式 & F 型模式）

• 将 logo 放在左上角，导航/联系方式放在右上角。
• 对于从左到右（LTR）的页面，将主要价值主张放在左侧；对于从右到左（RTL）的页面，放在右侧。
• 保持 CTA 按钮与背景颜色之间的高视觉对比度。

B. 减少认知摩擦

• 限制选择：避免在同一部分出现相互竞争的 CTA。
• 最小化表单字段：只询问必要的信息（例如，货到付款落地页只需姓名 + 电话号码）。
• 移动端固定 CTA：在移动设备屏幕上，当用户滚动时，保持一个固定的底部 CTA 栏可见。

---

4. 信任因素与转化助推器

1. 风险逆转：突出 100% 退款保证、货到付款（COD）选项或免费试用期。
2. 真实的社交证明：使用带有真实姓名、位置和个人照片的客户评价。
3. 紧迫感与稀缺性（合乎道德）：展示限时折扣倒计时、库存数量或特别奖励。
4. 安全与承运商徽章：显示支付图标（CIB、EDAHABIA、PayPal、Stripe）以及值得信赖的快递公司 logo（Yalidine、Mayastro、ZrExpress）。

---

5. 电商与多店铺特定 CRO 策略

• 货到付款（COD）表单优化：在落地页上直接放置简单的姓名 + 电话号码 + 省/市/县下拉选择表单，实现无摩擦结账。
• 订单追加销售与升级销售：在订单确认前提供互补产品或套餐升级。
• 社交证明弹窗：显示最近的订单通知，营造动态购买势头。

---

6. HTML/Blade 落地页模板蓝图

<!-- 高转化英雄区 -->
<section class="hero-section py-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 mb-4 mb-lg-0">
                <span class="badge bg-primary-soft text-primary px-3 py-2 mb-3 rounded-pill">
                    🔥 限时特惠
                </span>
                <h1 class="display-4 fw-bold text-dark mb-3">
                    通过智能自动化，轻松扩展您的在线店铺
                </h1>
                <p class="lead text-muted mb-4">
                    加入成千上万卖家的行列，他们在几分钟内提高了配送率并实现了订单发货自动化。
                </p>
                <div class="d-flex flex-column flex-sm-row gap-3 mb-4">
                    <a href="#order-form" class="btn btn-success btn-lg px-4 py-3 fw-bold text-uppercase shadow-sm">
                        立即领取优惠 &rarr;
                    </a>
                </div>
                <div class="d-flex align-items-center gap-2">
                    <div class="stars text-warning fs-5">★★★★★</div>
                    <span class="text-muted small fw-semibold">4.9/5 由 1,200+ 阿尔及利亚商家评分</span>
                </div>
            </div>
            <div class="col-lg-6 text-center">
                <img src="{{ asset('path/to/hero-product.png') }}" alt="产品展示" class="img-fluid rounded-4 shadow-lg">
            </div>
        </div>
    </div>
</section>