你的产品页面是你网站上最重要的页面之一。因此,您想要创建一个伟大的产品页面是很自然的。

好的产品页面有助于将浏览者转化为买家。此外,它们还能帮助你的顾客获得他们需要的信息,从而做出明智的购买决定。

有很多方法可以构建电子商务产品页面。在本文中,我们将分享一些产品页面设计的最佳实践,您可以使用它们来改进您自己的页面。

您还将看到不同产品页面的示例,这样您就可以更好地理解哪些有效,哪些无效。

我们跳进去吧。

现在使用Shopify开始在线销售

开始免费试用

产品页面设计:电子商务企业家的8个技巧

你的产品页面可以成就或破坏你的电子商务业务。所以设计好它们是至关重要的。下面是你需要在产品页面设计中包含的所有元素,以使它们对在线购物者更具吸引力。

完美的产品描述

根据尼尔森诺曼集团,最有效的产品描述是可浏览的、简洁的和客观的。这类内容的可用性提高了124%。

为了创建可扫描的内容,您应该在产品描述中包含简短的要点,以便于阅读。简洁的内容是用1-4句话来描述产品。客观内容诚实地描述产品,而不是夸大产品的好处。

在下面的例子中,有太多不必要的信息。此外,由于颜色和尺寸耗尽了库存,您必须不断手动更改所有产品的产品描述。

产品页面描述

在下一个例子中,有三个句子。第一句话以中立的方式描述产品,使用了托运人提供的一些要点。阴性取代了“Gender: Women”点。接下来,写两个句子来描述服装搭配。这可以让潜在顾客想象出他们正在看的衬衫的搭配。

良好的产品页面描述

与第二个例子一样,如果一些项目符号看起来多余,您可以选择删除它们。此外,如果你想创建一个一致的品牌,你可以选择用同样的方式组织所有的产品页面要点。在时尚界,你可能总是把面料放在第一位,等等。



完美的产品形象

最好的产品页面以高质量的图片展示产品的所有荣耀。你不应该在图像质量上妥协,因为这会对你的销售产生负面影响。如果图片质量不高或者不能很好地展示产品,消费者就不会购买。

人们希望清楚地知道产品在现实生活中会是什么样子。学习产品摄影可以帮助你捕捉顾客想象他们的形象。

您还应该注意,一些产品采购平台允许您导入产品图像。例如,您可以从Spocket导入物品图像在您的产品页面上使用。导入后,请确保在PhotoShop中删除产品图像中的徽标。如果您的产品是在灰色背景上拍摄的,请删除背景使其成为白色。试着为你的网站上的产品创造一个一致的外观。

完美的产品页面图像

接下来,考虑在你的产品页面设计中加入360度的图片,以增强访问者的体验。顾客喜欢看到产品的各个角度。例如,知道上衣的正面和背面是什么样子可以帮助顾客看到他们买的是什么。

允许客户在评论部分添加他们自己的产品图片也很棒。它让每个人都能看到,没有专业摄影的浮华和魅力,他们会得到什么。

此外,如果您销售服装或衬衫等时尚商品,请不要忘记导入尺寸表图像。这使得顾客可以看到尺寸和尺寸,以帮助他们决定最适合的衣服。如果你从亚洲采购,在美国销售,使用我们将亚洲尺码转换为美国尺码的指南

此外,拥有产品图像缩放功能可以让客户更好地查看您的产品图像。它可以让你的客户看到产品的细节。

很棒的产品图片

最后,制作产品视频可以提高转化率。根据只有在美国,网站访问者在观看视频后购买的可能性增加64-85%。


紧迫感

根据转换XL,你可以通过制造稀缺性和紧迫感,将销售额提高332%。你也可以通过这样做来提高你的转化率。

创造一种紧迫感

急迫性有助于将休闲浏览者迅速转变为买家。当你的顾客浏览你的商店时,一个伟大的产品会吸引浏览者。然而,拥有一个销售倒计时计时器可以帮助鼓励浏览器立即购买。

使用倒计时计时器应用程序,如Hurrify可以帮助创造一种紧迫感。您可以编写自己的文本或从示例列表中选择。在文本中注明限量可以创造稀缺性,从而推动销量。但是,您可以选择测试各种不同的文本,以查看哪种文本最能增加转换。


直观的布局

你的客户应该能够知道如何使用你的网站,即使他们不懂语言。有一个一般的产品页面布局,你的在线商店应该整合。不要使用时髦、不切实际的布局,因为这会让客户感到困惑或沮丧。保持简单。

大多数情况下,产品图像在左侧。产品副本在右侧,添加到购物车按钮靠近并突出。确保你的“添加到购物车”按钮可以清楚地看到。

当为你的商店选择一个主题时,你应该确保它看起来与你的利基市场中其他流行的网站相似。虽然很多人会说“从竞争中脱颖而出”,但在产品页面布局方面,这通常是一个糟糕的建议。

免费的最小的主题Shopify主题商店是产品页面布局的一个很好的例子,它不仅为大多数客户所熟悉,而且还包括产品页面设计的其他要点。Shopify也有很多具有直观布局的免费主题这可以帮助提高产品页面的外观。

Shopify复古主题


社交分享按钮

社交分享按钮对于推广你的产品页面非常有用,尤其是当你有一个受欢迎的产品时。不幸的是,它们也会对你的转化率产生负面影响。做A / B测试将帮助你确定社交分享是否适合你。

根据VWO,一个电子商务业务拆分测试了社交分享按钮,发现删除按钮后,号召行动点击量增加了11.9%。他们概述说,当你没有分享时,社交分享按钮可能不会很好地转换。

在测试中Kuno创意在美国,当社交分享的转化率超过500时,它们的转化率为9%,而不是2%。

因此,如果你是一家新店,删除社交分享按钮可能是个好主意。一旦你拥有了一定的用户,你就可以考虑将它们添加到你的商店中发送大量的流量转到产品页面。你也可以通过测试,看看没有具体数字的图标是否适合你的商店。


配送信息

提到或添加一个“订单满75美元免运费”或“美国境内免运费”的图标,可以帮助客户了解送货信息。

通过在产品页面上提供这些简洁的信息,您可以防止客户离开页面去阅读您的运输信息,因为要点在页面本身就已经明确了。

强调的要求免费送货允许您的客户添加更多的产品到他们的购物车,如果他们选择。


顾客评论

在你的产品页面上有客户评论是很重要的。如果你是在为产品页面增加流量,你商店里的评论可以给浏览器额外的推动,让你不用做太多的工作就能完成交易。

根据eMarketer的说法在美国,客户评论的可信度是facebook的12倍制造商描述。因此,如果用户评价是正面的,那么获得用户评价总是能够帮助你提高销量并转化用户。

产品页面设计技巧

你可以使用一个应用程序,比如产品评论插件自动联系客户后,他们的购买评论。这将允许你以最少的工作量快速地发展你的评论。


虽然你可能要进行a/b测试无论这是否有助于转化,推荐产品会鼓励客户在你的网站上停留更长时间。

通常情况下,你会让模特穿的不仅仅是你卖的上衣。如果你卖的是与模特搭配的裙子或耳环,把它放在你的推荐产品中会帮助顾客完成他们的造型。

当提到推荐的产品时,避免使用看起来太相似的产品。这可能会导致客户感到困惑,并可能导致销售减少。这是因为更多的选择需要更多的思考。

例如,你仍然可以交叉销售产品与类似类型的产品,如衬衫。然而,这些衬衫需要看起来彼此之间有足够的不同,以促进销售。推荐一条裙子作为搭配衬衫的交叉销售,效果也很好。它还简化了你为客户设计服装的决策。

如何用Shopify建立一个产品页面

你不需要知道代码来为你的网站创建产品页面。使用Shopify,您可以构建具有良好美学和功能平衡的页面。要在Shopify中定制产品页面,请执行以下步骤:

  1. 去你的Shopify管理。
  2. 选择“网上商店”>“主题”
  3. 点击“自定义”,然后等待Shopify带你到主题编辑。
  4. 从下拉菜单中选择“产品页面”。
  5. 开始定制您的产品页面布局。

最好的产品页面例子+是什么让他们伟大


奥尔多

为什么我们喜欢它:这个产品页面非常直观和干净。产品图像是高分辨率的,有不同的角度,所以客户可以做出明智的决定。它还在“尺寸”部分展示了他们有哪些尺寸。“添加到包”是一个充满活力的蓝色,在他们干脆的白色背景下很好地流行起来。他们直接在产品页面上展示免费送货和免费退货图标,方便访问。他们的产品描述短小精悍,只有3个要点和一句话描述产品。它还提供了一个推荐产品部分,其中的产品看起来与展示的产品完全不同,以防止客户混淆。最后,还有一个客户反馈的评论部分。

Kate Spade

为什么我们喜欢它:有几个不同角度的产品图片。还有人使用该产品的图片。白色背景上醒目的“添加到包中”字样与公司的品牌很相配。发货和退货信息列在产品页面上。社交分享按钮没有提到有多少人使用过它,如果他们的分享率低,这是很好的。产品描述简洁明了,并使用了许多要点以方便阅读。他们也有一些推荐的产品,尽管有些看起来太相似了,可能会引起混淆。

Urban Outfitters

为什么我们喜欢它:产品图像在纯白色背景下弹出。这张照片独一无二,风格独特,引人注目。黑色的“添加到包”在清晰的白色背景下弹出。社交分享按钮是可见的,但不是焦点,他们也没有详细说明任何具体的数字。副本相对较短,并提供要点。页面上也有评论。如果没有那么多类似风格的照片,推荐的照片将是最好的。然而,最右边的这款与其他类似款式的产品相比,效果很好。

迪斯尼商店

为什么我们喜欢它:迪士尼商店的产品页面很干净。它在标题中提供了运输信息。这个产品有不同的角度。有一个复习部分。产品文案很短,在产品图片下面也有要点。“添加到包”与白色背景形成对比,同时与产品品牌保持一致。然而,不同的颜色可能转换得更好。交货信息也可以在产品页面中找到。类似的产品具有相似的产品风格,但具有不同的角色,熟悉迪士尼品牌的人会突然想到。

猜一猜

为什么我们喜欢它:产品页面具有非常大的缩放功能,允许客户看到产品图像的精细细节。还有几张图片展示了不同的角度。以下推荐的产品有不同的款式和颜色,以避免顾客在选择时感到困惑。产品页面上有尺寸表。运输信息也很清楚。产品描述很短,有两个要点。社交分享图标很小,不会分散用户的注意力。他们也没有详细说明有多少股。“添加到包”按钮很小,但它的全黑颜色与白色背景形成了鲜明的对比。

准备好制作高转化率的产品页面了吗?

有效的产品页面可以立即传达产品的价值。它们告诉我们电位客户产品给人的感觉,让他们有信心继续购买。

所以,如果你还没有对你的产品页面设计给予太多的关注,现在是时候这样做了。通过一些更改,您可以显著提高他们带来的转化率。遵循本文中的建议,以确保您的产品页面回答人们的问题,并让他们准备好检查。

现在使用Shopify开始在线销售

开始免费试用

总结:2021年产品页面设计最佳实践

  1. 包括一个史诗般的产品描述
  2. 发布完美的产品图片
  3. 增加紧迫感
  4. 确保布局是直观的
  5. 测试社交分享按钮
  6. 包括运输信息
  7. 特色客户评论
  8. 包括推荐产品

想了解更多?


还有什么你想了解更多的,希望包含在这篇文章吗?请在下面的评论中告诉我们!