许多在线销售的产品有不同的颜色、尺寸和口味。在向顾客展示此类商品时，明确选项以及价格差异非常重要。
对于具有可配置选项的商品，展示价格差异主要有两种方式：一种是显示加价金额（即额外费用），另一种是显示每种配置（如尺寸）的实际价格。
虽然第一种方式需要进行一些计算，但它无需点击任何选项即可展示产品价格。
在此示例中，顾客看到2XL码衬衫贵3美元，3XL码贵5美元。来源：Van Halen Store。
亚马逊以略有不同的方式处理尺寸定价问题，它在不同尺寸的同一商品上显示一个从低到高的价格范围。
在整个网站上，顾客可以看到不同尺码商品的最低和最高价格；在产品页面，选择尺码后会显示实际价格。来源：Amazon。
虽然价格范围不如每个选项旁边的确切价格那样清晰，但这是一个更好的解决方案，因为它不需要顾客进行额外的思考。
一旦选定尺码（有时还包括颜色），就会显示实际价格。来源：Amazon。
一、利用颜色与布局心理学优化价格展示
数字大小与颜色对销售的心理学效应真实存在。不妨看看那些提供套餐价格的成功服务网站。
服务网站套餐选择的示例。来源：sitepoint。
当面对上述选项时，大多数用户会选择基础套餐。这主要有三个关键原因：
- 该列在视觉上从其他列中脱颖而出。
- 使用的颜色是蓝色，它能唤起信任感、责任感、友好感和安全感。
- 它处于中间位置——既不是最便宜的，也不是最贵的。
营销人员几十年来一直利用颜色和布局来引导顾客做出正确的选择。这在印刷媒体中行之有效，在网上也同样有效。
在用于定价和行动号召的颜色使用方面有一些注意事项。最常见的颜色是蓝色、红色、绿色、橙色和黑色。黄色实际上被认为是最不受欢迎的颜色之一，因为它与警告标志相关联。红色是价格展示中最常用的颜色，因为它能传达紧迫感。
二、产品页价格位置与选项联动策略
产品价格的确切位置（无论是否有选项）至关重要。通常，它在列表页面的缩略图下方，以及主产品图像的右上方。然而，当属性和选项改变价格时，你需要做到清晰明了。
通过在分类页面、搜索结果列表和着陆页上显示价格范围，你可以帮助顾客判断是否值得进一步查看。
当价格由产品选项决定时，应显示价格范围。来源：Kohl’s。
在产品页面上，考虑“添加”按钮的位置以确定价格的最佳放置位置。Kohl’s 对产品价格使用了更大的字体大小，这对于独立销售的产品效果很好。但对于有选项的产品，选择某个选项时很容易忽略价格的变化。此外，由于该网站对所有产品使用相同的布局，“添加”按钮有时离价格太远。
此处顾客可以一目了然地查看所有购买选项，价格显示得很大，但使用不同颜色能使其更加突出。来源：Kohl’s。
在此页面上，“添加”按钮位置较靠下，因此价格变化容易被忽略。来源：Kohl’s。
三、购物车总价展示与A/B测试验证
在购物车页面和结账过程中，理想的做法是显示包含所有费用的总价，即使你提供了费用明细。
在结账时显示商品总价。来源：Kohl’s。
显示包含选项的实际价格还有另一个好处：如果用户从 Google Shopping 广告链接访问您的网站，他们看到的价格将与最初看到的一致。
每家商店，无论是销售服装还是科技产品，都有其独特之处。在对价格展示进行任何更改后，务必测试效果。A/B 测试在确定产品价格的最佳颜色和位置以及选项价格的展示方式时非常有用。至少，您应该跟踪特定页面的转化率，以评估这些更改是带来了改善还是恶化。