显示电子商务产品价格的5条提示

2021年2月24日03:16:15 发表评论 16 次浏览

定价不应该是一个谜。为你的在线商店销售的产品发布清晰易懂的价格应该是网站用户体验设计的重要组成部分。

实际上, 几乎没有任何购物者会真正在不知道最终购买成本的情况下进行在线购买。几乎没有电子商务商人会忘记在产品详细信息页面布局中的某个位置包含价格。

价格虽然简单明了, 但你的在线商店不应忽略产品价格在网站产品详细信息页面上的显示方式。在电子商务设计中, 一些必要的和重要的价格是值得考虑的。当你在产品详细设计中加入价格时, 这包括遵循广泛接受的用户体验最佳实践。

你将要:

  • 清楚地显示和更新价格, 以方便访客购物。
  • 无论你的购物者使用台式计算机还是移动设备, 都应将价格及其支持要素放在可见度较高的区域。
  • 确保用于价格的文字可读性强并且具有高对比度的颜色。

以下是产品价格设计的五个技巧。这些建议尤其涉及产品价格的放置位置以及产品价格与其他元素的关系。

这些建议均来自广泛使用的电子商务价格显示惯例。但是A / B会测试你的布局, 以发现最能为你的业务带来收益的转换。

清楚显示产品价格

如果不是大多数的话, 许多在线零售商店会在产品标题附近或购物车按钮附近或类似的号召性用语中显示产品价格。

通常将商品的价格放在商品名称之后。这种布局优先考虑价格。

通常将商品的价格放在商品名称之后。这种布局优先考虑价格。

在标题旁边显示价格的设计可以优先考虑价格, 并在布局中尽可能早的时候将价格显示给购物者, 以便购物者可以看到主要的商品图片, 商品标题和商品价格。

其他电子商务产品页面设计将价格放在号召性用语附近, 通常是"添加购物车"按钮。

将产品价格放在号召性用语附近会创建一种号召性用语部分或组成部分。

将产品价格放在号召性用语附近会创建一种号召性用语部分或组成部分。

此处的目的是创建一种号召性用语组件, 其中包括购物者下一步购买所需的所有信息。

一些网站甚至会多次显示价格, 将价格相对靠近这两个重要元素。

产品的价格可以在产品详细信息页面上重复多次,因此价格既接近标题,也接近号召性用语。

产品的价格可以在产品详细信息页面上重复几次, 因此价格既接近标题, 也接近号召性用语。

突出显示任何产品折扣

如果你的商店出售商品, 请明确售价和折扣。在线家具零售商Joybird上可以找到显示产品折扣的绝佳示例。行动号召购物者开始自定义视线椅子。

向购物者提供打折的销售价格,商品的正常价格以及折扣的百分比。

向购物者提供打折的销售价格, 商品的正常价格以及折扣的百分比。

请注意, 客户可以看到她要支付的价格, 椅子的正常价格, 甚至可以看到她提供的折扣百分比。 Joybird还显示价格何时到期并提供融资选项。

显示有意义的价格范围

有时, 直到购物者做出了一些选择, 你才知道产品的价格。

也许你是一起出售西装外套和裤子。这种组合的价格可能会因尺寸, 材料甚至颜色而异。最常见的设计解决方案是显示可能的价格范围, 从最低到最高。

如果您尚不知道某个产品或一组产品的价格,请显示各种可能性。

如果你尚不知道某个产品或一组产品的价格, 请显示各种可能性。

购物者做出选择后, 动态更新价格以反映购物者将要支付的价格。提供可见的提示, 说明价格已更新。

在页面上提供运输估算

对于许多客户而言, 运输是产品价格的一部分, 也是其中一部分。因此, 在设计或重新设计产品详细信息页面时, 请考虑提供页面上的运输估算值。

你可以在Overstock.com上找到此类运输成本和速度估算的示例。购物者输入他的邮政编码, 然后该站点显示几个运输选项以及费用和预计的交货日期。

运输成本是产品成本的一部分。在产品详细信息页面上包含新的运输估算值可能是一个很好的用户体验设计。

运输成本是产品成本的一部分。在产品详细信息页面上添加价格新的运输估算值可能是一个很好的用户体验设计。

即使产品符合免费送货的条件, 该用户界面也很有意义, 因为它仍然提供确认客户知道其完整价格的机会。

实际上, 如果特定商品包括免费送货或至少符合免费送货条件, 请考虑在产品价格旁边添加一条免费送货信息。

最好在商品价格附近贴上免费送货信息。

最好在商品价格附近贴上免费送货信息。

允许货币选择

如果你的电子商务网站跨境销售或以多种货币付款, 则当购物者访问产品详细信息页面或什至在网站的每个页面上时, 都可以使用货币选择器。

如果您的商店在国际上销售,那么选择货币的能力对于良好的用户体验设计至关重要。

如果你的商店在国际上销售, 那么选择货币的能力对于良好的用户体验设计至关重要。

实际上, 通常在网站的全局导航中包含货币选择器。当购物者转换货币时, 当前产品详细信息页面应更新以反映该更改。

一盏木

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: