EP18. “评价区域设计”
🔒 登录后可标记已读- 陌生人的评价,比你自己说产品多好都更有说服力——3 条好评就能显著提升购买意愿
- 首页要加上客户评价区域(Testimonial Section),这是社会证明(Social Proof)最直接的应用
- 用 Sydney Studio 的现成模板,替换成 Starter Pack 里的评价内容,再调整样式
所需工具
WordPress + Elementor + Sydney 主题
重点内容
社会证明为什么重要
- 陌生人的评价比品牌自吹更有说服力。
- 3 条好评就能显著提升潜在客户的购买意愿。
- 评价区域放在 Hero 后面,是访客向下滚动后第一个看到的信任信号。
操作步骤
在首页打开 Elementor 编辑器
- 点击 Elementor 工具栏的 Template(模板) 按钮。
- 搜索 Sydney Studio,找到 Testimonial 模板 #7。
[截图:Elementor Template Library 搜索结果,显示 Sydney Studio Testimonial 模板 #7 预览]
- 点击插入(Insert)。
- 模板会被添加到页面,接下来替换内容。
替换评价内容(来自 Starter Pack)
打开 Starter Pack → Reviews 文件夹,找到 3 条客户评价。
每条评价需要替换:
- 评价正文(Review Text)
- 评价者姓名(Name)
- 评价者头衔 / 标签(Title,例如「Verified Customer」)
逐一点开 Testimonial Widget,复制粘贴对应内容。
样式调整
- 中间栏背景色设为灰色
- 点击中间的评价栏(Column)→ Style → Background
- 颜色设为浅灰色(例:#f5f5f5)
- 这让中间评价在视觉上更突出,形成层次感
- 设置上下外边距(Margin)
- 点击 Section → Advanced → Margin
- 上(Top)和下(Bottom)各设为 80px
- 这让评价区域与上下区域有足够间距,也配合 Tease Scroll 效果
- 点击 Update 保存。
[截图:完成后的评价区域最终效果,中间栏灰色背景 + 三条客户评价]
常见误区
- 不要用虚假评价,真实评价才能建立长期信任。
- 如果 Starter Pack 里的评价还不够真实感,可以在学员群里征集或用课程建议的方式获取。
- 不要跳过灰色中间栏设置,没有区分视觉上会很平。
行动步骤
- 在首页 Elementor 编辑器里,通过 Template 插入 Sydney Studio Testimonial #7。
- 将三条评价(Text / Name / Title)替换为 Starter Pack 里的真实评价。
- 中间栏背景设为灰色,上下 Margin 各设 80px。
- Update 保存,访问网站查看效果。
Sources
Udemy(课程 transcript):
- The Completed Digital Marketing Guide 27 in 1 — Section 3, Lecture 18 Review Section