如果你正在建立自己的网上商店，阅读这篇文章将有助于你。
电子商务的成功有很多步骤，从高质量的产品到漂亮的登陆页面，但其中一个最重要的因素是设计良好的产品页面。没有这个必要条件，再火的产品也卖不出去。
为什么产品页面设计如此重要？嗯，平均来说，只有3%的访问会导致购买——而购物车中高达69%的产品不会被买家购买。
为了应对这些不吸引人的统计数据，你需要为购物者提供一次尽可能顺利的结账之旅。这就是我们的产品页面设计技巧发挥作用的地方...
一个优秀的产品页面应该包括以下七个方面:
无论你是销售新产品，还是想增加现有商店的销售额，我们都将提供一些创建真正有效的产品页面的重要技巧。
我们将指导您了解成功的产品页面所需的主要设计元素，以及激励您的激动人心的示例，并包括如何将这些整合到您自己的产品页面中。
我们甚至有设计模板来指导您以最佳方式安排您的产品页面，每个设计都有真实的例子。我们利用我们的专业知识来创建这些模板，并利用多年的行业经验来帮助您取得成功。
你准备好了吗？在此之前，请务必注册成为该网站的用户。相信你会受益匪浅。
开始前的准备工作在开始设计产品页面之前，你应该了解一些基础知识。主要包括:
当你知道这一点，它不仅会使设计产品页面更容易，而且会使它们更有效。单击下面的图标，了解每个领域的更多信息，以及它如何帮助您创建更有效的产品页面-否则，请跳到第一步！
您的目标用户:
知道你的产品卖给谁很重要。了解你的目标受众永远是建立成功企业的第一步。在产品设计中，从选择代表你的目标客户喜爱的模型到用你的观众知道的语言写产品描述。了解你的目标受众是设计一个优秀产品页面的关键。
您的品牌标识
你品牌的核心是什么？是什么让你与你的竞争对手不同？你的品牌在什么环境下使用？对你的品牌和定位的深刻理解是提供一致的用户体验和与客户建立长期关系的关键。你的品牌标识应该出现在你的产品页面上，从你的写作语气到你的产品照片的风格和内容。你的设计要时刻体现你的品牌，无论是成熟精致，还是有趣俏皮！
您的配色方案
颜色可以解释一个品牌或企业的许多方面——例如，据说蓝色可以激发信任，这就是为什么这么多银行和科技公司都在使用它！你在整个网站上使用什么颜色？毫无疑问，你也应该保持产品页面上设计选择的一致性。在设计号召词按钮、标签、标题等时，知道自己的配色方案尤其有用。
使用高质量的产品图片产品图片应该放在产品页面的什么位置？上半部分
产品图片应该始终显示在第一个屏幕上，因为它们通常是大多数顾客最想首先看到的东西，有助于他们做出购买决定。事实上，93%的消费者认为图片在做出购买决定时是必不可少的。把它们放在你的产品页面最显眼的位置！
那么，的上半部分实际上是什么意思呢？
上半部分，也称首屏，是网页最显眼、最突出的位置。在网页上，它意味着用户不需要翻页就可以阅读所有需要的信息。对于产品图片，任何时候都不要超出第一个屏幕。
在规划产品页面时，你首先想到的往往是产品照片，这是有充分理由的。产品照片是任何产品页面最重要的功能之一——你把它们作为产品页面设计的基础。
顾客想确切地知道他们买的是什么——他们不能像在真实的商店里那样拿起你的产品仔细检查，但他们可以浏览你的产品照片。
你的产品照片拍得越好，就越容易让客户相信这个产品适合他们，你的后续工作也就越容易。我们将指导您充分利用产品照片的黄金法则-只需点击下面的+图标！
多角度产品图片展示
例如，如果你喜欢你正在考虑购买的套头衫的外观。但它只有一张张从正的照片。但是你看不到后面是什么样子。而且看不到其他面的图片。你会怎么想？
没有从不同角度拍摄的产品照片，顾客就不会知道产品的其余部分是什么样子。
一半的在线消费者表示，他们希望看到三到五张不同角度的照片——值得一听！
为了激发客户的兴奋感和购买欲，你需要给他们提供全方位的图片。你可以通过360°视角(客户可以旋转产品)来实现这一点，或者只是从多个角度拍摄产品。
如果选择第二种方案，请设身处地为客户着想，考虑他们需要看到什么。例如，如果你是卖鞋的，请不要忘记从上面和下面拍照。如果你卖包，请记得附上里面的照片。
显示产品变型
你的产品有不同的颜色选择或图案选择吗？不要让顾客试图想象红色套头衫和蓝色套头衫的样子——最好直接展示出来！
能够清楚地看到不同的选项将有助于客户想象使用或穿着该产品，而不是简单地从一个小小的选择框中选择一种颜色。
通过为客户提供每种颜色或图案选项的完整产品视图，它将准确地向客户传达产品并促进他们的购买欲望。这样，他们才能知道自己应该选择什么！
带近角的产品图片
向顾客展示他们想买的产品的最好方法之一就是对你的产品进行全方位的特写拍摄。这对于展示一件物品的质地、图案或质量特别有用，并且确实有助于给产品一种真实的感觉。
另一种方法是提供缩放选项，客户可以将鼠标悬停在他们希望看得更清楚的产品部分上。
使用参考图片显示尺寸
"这位模特身高6英尺1英寸，穿2号鞋。"当然，也许你知道这个尺寸在模型中的表现，但是客人呢？她是如何想象的？
如果你有资源，你最好使用参考文献来展示你的产品。首先，你应该始终使用这个模型，这是你的目标客户，这有助于展示不同形状和大小的产品外观。顾客会看到这个产品穿在他们身上的样子，这将有助于促进购买！
同样的，你也可以把这个思路运用到时尚服装之外的其他产品上——比如你卖灯，就不要只展示灯。相反，把它放在一个真实的房间里，这样人们就可以想象它在自己家里是什么样子。
显示引用的另一个重要方式是大小比较。例如，这种产品可能是一个便携式钱包或一个大钱包-没有任何东西来表明大小:
所以，如果有人拿着它:
不是更好吗？类似地，它也可以像这样发散:
因此，总结如下:
定价应该总是清晰地显示在第一屏-不要让你的客户寻找你产品的价格！没有人会在不知道价格的情况下购买产品，所以最好把它放在页面的高处。通常，你应该把它放在产品标题或添加到购物篮按钮附近。
不管你的产品有多好，人们在购买之前都想知道价格。所以，你要在产品页面上尽可能清晰的显示价格！
即使你的产品很贵，你也应该把价格放在第一位——靠近产品名称或者靠近“加入购物车”按钮。这是因为顾客通常会自动被吸引到这些地区，这样就可以很容易地找到价格。
帮助价格脱颖而出的其他方法包括:
使用更大的字体-你的价格应该是页面上最显眼的元素之一。使用对比色-让价格“更容易促进购买欲”突出显示任何折扣-在较便宜的价格旁边显示原价，并说明节省的费用！如果你没有在进入产品页面后
立即看到价格，你需要重新考虑你的设计——首先应用上面的技巧，然后在朋友、家人或同事身上测试，看看他们的想法。一个案例:
http://Made.com
如果你不知道如何定价，你可以查看我们的文章:
创建有说服力的号召性用语召唤语在你的产品页面上位于哪里？答:还是前半/首屏位置
号召语(或CTA)通常是号召用户采取行动的按钮或链接！示例包括“添加到购物车”按钮，“在此注册”表单和“购买该产品”邀请。CTA应该永远放在第一位，因为它是获得转化最重要的组件。如果人们喜欢你的产品，但找不到购买按钮，你猜怎么着——你会失去这个客户！
呼叫按钮(或CTA)是客户从浏览到购买过程中最关键的部分。让购物者点击你的CTA是你整个产品页面设计的主要目标，所以花点时间把它做好是值得的。
没有CTA，购物者就不能结账/把自己喜欢的商品添加到购物篮里，这意味着你会错过他们的购买——这对于你的赚钱方式来说并不理想！
这意味着把你的CTA放在页面上是很重要的，它应该是直观、具体和容易理解的。下面是一些我们可以充分利用召唤表达式的方法:
把它放在页面的上半部分，第一个屏幕位置-你通常会在产品图片旁边和基本产品信息下面看到CTA。而且要保证三秒内能找到CTA！使用亮色或对比色使其突出-这有助于吸引注意力，将顾客的目光引向按钮。让按钮足够大——不管你是用桌面上的鼠标还是移动设备上的手指，CTA按钮都要足够大，容易点击，不要让广告遮住。呼叫短语-大多数产品页面CTA会说“加入购物车”或“立即购买”，这些都是直接和命令式语言的例子。无论你选择什么措辞，请务必清楚地告诉客户他们正在采取什么行动。呼叫术语:案例网飞——完美运用配色方案让其CTA脱颖而出。
产品描述可以为客户提供更多的产品信息，远远超过仅由图片提供的信息。最好在第一个屏幕上有一个简短的产品描述，以便快速浏览，然后在页面底部为希望了解更多信息的客户提供一个更长、更详细的版本。
总之，产品描述是你说服客户，真正向客户推销产品的重要因素，就像你在店里站在客户旁边一样。
大多数购物者都在寻找一个快速、简单、一目了然的产品页面，所以你应该在产品图片旁边的上半部分写一个简短的描述。然后在页面的下半部分，你可以用更长更详细的描述来深入解释产品的来龙去脉。
一个案例:
Lush-非常了解他们用户的需求，并创造性地帮助客户了解产品。
总结:
您应该始终在第一个屏幕上显示产品星级，因为这是大多数购物者希望立即看到的重要卖点。在页面底部有完整的顾客评论是很重要的，以防顾客想浏览其他人对产品的评论。
社会认同是一种现象，人们更有可能做(或购买)一些事情，因为他们看到其他人在做同样的事情。这就是为什么我们会被人群吸引，继续在拥挤的餐厅里等待。这也是今天许多卖家喜欢的一种手段。
你知道97%的消费者说评论会影响他们的购买决定吗？
这就是为什么有某种形式的社会证明是至关重要的，以便在线购物者可以立即看到它。最流行的显示社交身份的方式是在产品标题附近显示产品的星级。
因为这种设计布局很常见，你的客户会想马上看到星级-
别让他们找！你还应该在页面的底部加入顾客的评论，这样购物者可以很容易地检查产品是否受欢迎，以及为什么其他人喜欢使用它。这一点至关重要，因为对于客户来说，相信其他客户的评论比卖家写的产品描述重要得多！
重要！不要删除或隐藏负面评论——所有的赞美都会让人产生怀疑。& ltbr & gt相反，请始终礼貌地回应投诉，并尽可能快速、专业地解决任何问题。& ltbr & gt这会激发客户对你产品的信任！
您可以在产品页面上利用的其他社交证明示例包括:
低库存警报-这会产生一种紧迫感，导致客户担心丢失！使用动态消息告诉购物者在过去一小时内有多少其他顾客浏览或购买了该产品-这就像一个虚拟的队列或人群，向购物者显示其他人也对该产品感兴趣。产品推荐“顾客也检查过/购买过”-这是将社交认证与交叉销售相结合，留住顾客的好方法。一个案例:
亚马逊-把顾客的评价和评论放在产品页面的核心。
总结:
产品推荐是一种有用和有效的方法，可以让客户留在你的网站上，增加每笔交易的价值，并创造更个性化的购物体验。然而，产品推荐并不总是有利于客户转化，这可能会分散他们对当前正在查看的产品的注意力。
这也是为什么产品推荐最好放在后半段的原因。如果你的顾客在他们的购物篮里增加了产品，那当然很好！但是然后呢？他们可能不得不结帐，或者漫无目的地点击你的其他产品。但是如果有更好的方法让顾客看完一个产品不购物，你不会去做吗？
所以，产品推荐出来了！
把它想象成一个更快的汽车视频。看完一个视频，你会一直看下去。产品推荐也是如此。根据客户目前正在查看的内容，推荐他们可能喜欢的不同产品！
如果你能推荐准确的、刚好是客户喜欢的产品，客户再次购买的几率会大大增加——即使客户不喜欢他看的第一件产品，他们也可以留在你的网站上。
亚马逊是产品推荐方面无可争议的领导者-你被它的“为你推荐”旋转木马吸引了吗？可行的方案包括:你甚至可以通过承诺更好的定制推荐来鼓励更多人为你的商店创建账户——这可以创造更个性化的购物体验，增加参与度。
推荐产品的另一种方式是在产品照片中展示其他待售产品。比如模特可能会穿靴子、裙子、套头衫，顾客可以“买一件”或者“一整套”——在购物过程中装满自己的购物车！
一个例子:
ASOS(=。=应该是给亚马逊的，但是已经在前面了！)-用来说服客户完成他们的外观。
这不是您必须在产品页面上包含的实际设计，但它是一个重要的设计标准。......
无论你选择在产品页面上实现所有这些功能(推荐)，添加额外的功能还是仅仅挑选关键元素，
你的产品页面应该总是一致的。无论你做什么，尽量不要删除或改变你的设计选择，因为这样会迷惑客户，分散你对产品的注意力！除功能外，这同样适用于:
我们已经向您介绍了产品页面上最重要的元素，您应该有了大致的了解。但是，你还想看整体设计模型吗？
是的，我们准备好了，请关注我们，马上更新！[/s2/]
