Shopify 商品页面优化指南+案例分析

正如我在前面所说的那样，很多人因为没有完全优化他们的商店页面，或太过相信Shopify 提供的“转化优化页面”而白白花钱。

大多数主题产品产品的页面看起来像下图这样，它可能有着完善的功能，但严重缺乏实现高转化率所需的重要元素。对于这类页面，其转化率通常在在 0.5-1.5% 之间。

于是我们创建了一个框架，在页面中包含了重要的、影响转化的元素，这些元素可以把转化率提升到一个新的水平。

下面，让我通过示例来逐步分解每个元素。

1. 信任政策

我们可以在页面导航下方添加信任政策，立即获得潜在买家的信任。

使用图标+文字的形式，加入以下让人觉得“值得信赖”的内容：

– 免运费 Free Shipping

– 退款保证 Money Back Guarantees

– 客户支持 Customer Support

– 退货政策 Returns Policies

– 生产地点 Manufacture Location

2. 产品价值

在潜在买家访问页面时，我们要突出显示产品的优势和价值，深深吸引他们——这可以通过Shopify的产品标题轻松实现。

只需把之前的产品标题“ConversionVit ” 改为——“ConversionVit | Get healthier and happier in 7 days”

3. 社会证明

可以展示其他人留下的正面评价，让潜在买家立即想要购买我们的产品。

大多数页面都有评论功能，但这还不够！

把 “★★★★★ 4.9” 改为 “⭐️⭐️⭐️⭐️⭐️Rated 4.9/5 by hundreds of happy customers（被数百名满意的客户评为 4.9/5）“

4. 增强产品描述

把枯燥乏味的默认产品描述更改为引人注目的内容。 移除Shopify上那些无聊的产品描述，把它们改为：

– 3-5 个好处要点

– 使用表情符号

– 粗体关键词

5. 价格标签

为客户计算折后的价格，正确放置价格标签——让“节省了多少钱”这个数字对潜在买家更具吸引力。顾客都是懒惰的，所以我们能为他们做的越多越好：

– 突出显示新价格

– 把旧标价设置成灰色或删除线

– 加上“SAVE 💰XX”标签

5. 价格标签

为客户计算折后的价格，正确放置价格标签——让“节省了多少钱”这个数字对潜在买家更具吸引力。顾客都是懒惰的，所以我们能为他们做的越多越好：

– 突出显示新价格

– 把旧标价设置成灰色或删除线

– 加上“SAVE 💰XX”标签

6. 明确的行动号召

默认情况下，大多数页面会以与“品牌相同的颜色“显示我们的CTA。

这是个大问题，因为这样的CTA对买家来说并不突出。 我们可以通过以下方式让它们醒目起来：

– 选择大胆的颜色

– 使用感性的文本

– 添加“NOW”一词

– 添加一个让人想戳的方向箭 “ > ”

7. 营造紧迫感

我们可以增加稀缺性和紧迫性，让潜在买家害怕错过这样的好价格。有很多应用程序可以帮我们为页面加上“库存倒数”。

如果APP不可用，也可以添加表情符号 + 文本：

– 库存不足🟠 Low in stock

– 快速销售💨 Selling fast

– 仅剩27件 ⚠ 27 left

8. 支付方式标识

加上支持用户使用的所有“支付方式”的徽标，锚定号召性用语按钮。

通过向潜在买家展示这些知名公司，我们就可以利用他们的信任和信誉。 记得在每个按钮下添加这些支付标识。

Oliver Kenyon CRO案例

Ridge Wallets 是一家很棒的商店，它的销售额超过 1 亿美元——但我认为他们还可以通过一些简单的PDP优化，显着提高转化率。

品牌：ridgewallet

我的目标是直观地展示如何提高转化率。

在本文中，我将详细谈论：1. 我们更改了什么内容，为什么它有助于转化 2. 更改前后的对比 3. 可以造成巨大的差异的细微之处——让我们开始吧👇

1. 优化导航栏

❌之前：顶部工具栏不够突出。

✅之后：我们更改了导航栏的颜色，还添加了表情符号，使工具栏脱颖而出并易于阅读。我们还在导航下方为信任策略添加了一个辅助工具栏。

2. 改进图像UI/UX

❌之前：图像比例很好，但图像缩略图的浏览感受不佳。

✅之后：把顶部图像设为 1:1 比例，然后在下方添加清晰标记的缩略图，让整个页面浏览体验变得更好。

3. 添加FOMO/Social Proof

❌之前：页面上没有任何迹象表明该产品是“受欢迎的“或“有限的”。

✅之后：我们添加了一个带有时钟图标的简单文字行，增加社交证明，营造一种“立即购买不然就会错过”的紧迫感。

4. 增强社会认同

❌之前：评论很突出，但与其他内容相比不够突出。

✅之后：简单地更改星星的颜色，向该部分添加一个数字（10,000+），效果立刻就变强了。

5. 添加明确的描述

❌之前：CRO的一大禁忌是隐藏重要元素或让潜在买家寻找重要元素。

✅之后：我们展示了对产品的清晰简洁的描述，以消除任何购买阻碍或不确定性。

6. 添加紧迫感

❌之前：产品页面上没有任何内容告诉我该产品“有货但库存有限”。

✅之后：添加一个简单的图标 + 有货消息，下意识地增强“立即购买特定产品”的欲望，暗示人们不要在有货时错过这个绝佳机会。

7. 添加利益卖点 

❌之前：所有的卖点和价值主张都不明显，还有些隐藏在下拉列表中。

✅之后：我们把关键卖点转变为非常清晰易读的利益卖点，增加人们对产品价值的认可。

8. 使用突出的CTA

❌之前：CTA按钮平淡无奇，不突出，没有任何支持性文字。

✅之后：我们改变了按钮颜色，使其更加突出，还添加了方向提示👉；我们还在CTA按钮下方加上了支付供应商的logo，增加购物的可信度。

9. 利用信任和信誉

❌以前：Ridge也曾出现在一些很棒的出版物上，但在页面上却看不到这一点。

✅之后：通过添加带有出版物徽标的简单图片，我们最大化利用了知名出版社的信任和信誉。

要点总结

🚀优化页面导航

🚀使用1:1图像

🚀添加FOMO和社交证明

🚀增强社会证明

🚀不要隐藏重要信息

🚀利用紧迫感

🚀显示产品优势

🚀给CTA增加可信度

🚀利用他人的信任和信誉

Oliver Kenyon: CRO案例

我们来分析一款枕头产品的主页。🛏️

说实话，这个商店中的每个页面都应该进行优化！

下面我将详细介绍需要做出的更改，以及我们如何一步步的优化了所有内容，从而提高了转化率。🚀

1. 把信任策略放在标题中

❌之前：尽管原来的页面展示了信任策略，但它与许多其他内容混在一起，不容易被人看见。

✅之后：我们把信任和退货政策（如退款保证、售后支持等）移到了页面导航部分。

2. 在首屏上加入社交证明

❌之前：我知道这是主页，没关系，在首屏展示社会证明就好。

✅之后：遵循简单框架，添加星号 + 评级，展示一个“社会证明”框。

3. 指出痛点，提供解决方案

❌之前：标题还可以，但没有充分说明买家的问题。

✅之后：在标题中明确向买家指出了问题，然后在下面提供了解决方案。

4. 一幅画胜过千言万语

❌以前：白底白枕对这位客户没有任何好处。

✅之后：展示目标人群正在经历一个共同的痛点，然后提供解决方案——转化率飙升。

5. 解决方案+信任和信誉

❌之前：好管家奖在白色背景上很难看清。

✅之后：我们让这个奖项变得更大，还把它固定在了产品上。

6. 一个明确的CTA

❌之前：在两行内有3个相互矛盾的CTA。即使是主要的“See Offers”也一塌糊涂。

✅之后：为买家提供阻力最小的途径，并促使他们下定决心。如果想卖枕头 – 只卖枕头就好！

7. 利用信任

❌以前：首屏之上几乎没有信任和信誉。

✅之后：展示我们接受付款的支付提供商，利用了他们的品牌力量和信任。我们还添加了一个微妙的“你最需要的最后一个枕头”标语来促进购买。

总结

📈把信任印章放在首位

📈始终在首屏展示社会证明

📈推销痛点，销售解决方案

📈一张图胜过一篇文字

📈最大化任何的优惠/奖励

📈一个明确的CTA

📈增加信任和信誉

Oliver Kenyon CRO案例

这次的案例关于注册页面。

我将详细说明我们所做出的确切更改——我们如何优化这个页面，从而提高转化率和每次访问的注册量。

我将会在本文中详细分解两点内容： 1. 页面改动之前和之后的对比；2. 我们改变了什么内容，以及为什么它会提高转化率

1. 在首屏添加社交证明方式

❌之前：如您所见，该页面没有任何社交证明或评论。

✅之后：我们不仅添加了显示 “Join thousands（加入千家沙龙联盟）”的文字，还巧妙地加上了一些用户个人资料图片，来支持我们的品牌。

2. 一张图片胜过千言万语

❌之前：整个页面都是纯文本和中性色，没有任何视觉效果。

✅之后：一张简单的沙龙照片有助于描绘产品及其服务对象，人们与带有情感的图像会产生共鸣，图片可以让人们更好的感受产品。

3. 改进大标题的价值主张

❌之前：这个标题做了标题该做的事情——它告诉了我我可以期待什么，但它并没有让人兴奋地想要加入。

✅之后：通过添加“无需预先付款”这一事实，我们消除了购买阻碍，并使其成为一个强大的价值主张。

4. 让人们阅读您希望他们阅读的内容

❌之前：文本是有的，但字体很小，并不突出。

✅之后：通过增加字体大小、加粗关键术语和单词，我们确保吸引到更多人来阅读这个页面的文本内容。

5. 一个清晰明确的CTA

❌之前：CTA按钮是灰色的，而且由于大小和颜色的缘故，它几乎无法点击。

✅之后：通过减少侧边距、更改按钮颜色、添加方向提示–>，我们让CTA按钮更易于点击

6. 增加页面的可信度

❌之前：页面上没有任何元素能告诉我“我可以信任这个品牌和它的会员计划”。

✅之后：我们添加了 3 个简单的图标+文本，给我们的计划和品牌灌输了信任和信誉，从而提高了点击率。

要点总结

🚀添加社会证明，使用特定数字

🚀加入图片，激发情感

🚀使用强有力的价值主张

🚀让文本字号足够大，使之易于阅读并加粗重点问题

🚀一个强有力的清晰的CTA

🚀加入带有信任图标的按钮