稀缺的流量资源一直是独立站最大的痛点。如果你不能打造流量池，那么你至少要懂得，如何利用仅有的流量资源，将他们转化为你的忠实粉丝。对于Shopify的独立站商家来说，产品页的设计直接关系到潜在客户的转化率，因此，我们必须懂得学会如何去打造一个高转化率的产品页面。

产品页面的目的是什么？

现在是跨境电商最好的时机，竞争当然也是异常激烈，如果商家无法提高店铺的转化率，再多的流量只会增加营销成本。用户从网站首页跳转到产品页，已经具备购买的可能性，如果商家能够在产品页刺激到用户的购买欲望，转化率将会大大提高。

Shopify独立站的核心页面是有两种，一种是着陆页（其中以首页最为核心），一种是产品页。它们有着各自的角色和目的，同时影响着用户的购买行为。着陆页一般指网站的主页面，最大的作用在于告诉用户：我卖什么东西，为什么你要买我们的产品。

主页虽然是整个网站的核心，但是最终影响用户购买的还是在产品页。用户会在产品页面停留比较长的时间，在整个时间段里，用户心理只考虑一件事：我要不要买你家的产品？！相反，产品页最终目的就是告 诉用户：买，现在就买。

现在，我们就来详细说下，Shopify的产品页面应该怎么构建，才能驱动用户将产品放入购物车。

产品页设计前需要考虑什么？

首先，产品页面设计风格受限于你购买的Shopify店铺主题。不少商家会碰到一个问题，你需要构建的内容模块，主题里面不支持，这时候需要购买额外的App插件，增加支出。正确的做法是，在选择购买主题前一定要多看看同类商家的产品页面，他们的设计方案和信息模块，然后购买一个符合自己要求的的主题。

其次，产品页面的设计不是随心所欲的，要站在用户的角度去考虑，把自己想象成潜在客户，购买这个产品最关心的是什么。如果页面无法说服自己，打消疑虑，又怎么能说服购买欲不同的用户呢。

产品页面的关键元素

转化率高的产品页面，每个元素的设计都是有目的，这其中包含了以下几个关键元素：

1. 明确的产品名称

2. 吸引人的图片

3. 优质的产品视频

4. 产品特征描述

5. 产品细节描述

6. 客户须知

7. 丰富的产品评论

8. 常见问题FAQ

9.  CTA号召性按钮设计

在介绍产品页面元素的同时，Booky将引入一个实例展示（ lovehair.com ），一家销售头发护理的Shopify店铺。 

产品名称

产品名称应该明确告诉用户，你现在购买的是什么产品。简单明了，不要有太多的修饰，否则会让用户感到困惑，更不要出现误导性的词汇。此外，要考虑搜索引擎SEO友好度，我们可以选择一些长尾词来作为产品名称，有利于提高页面在搜索引擎的曝光度。如果你销售的产品是不同的品牌，一定要标明该产品属于什么品牌。

诱人的产品图片

产品图片是最能影响用户购买的元素之一，因为用户并不能亲眼看到摸到产品，功能不仅在于展示，更要创造用户体验感。图片制作不能太随便，一定要进行美工处理。此外，产品图片模块的布局应该遵循以下几个原则：

高分辨率图片，可放大查看：研究表明，用户进入产品页面，最先浏览的就是图片。用户非常依赖于视觉感观。美观的图片大大增强了用户的购买欲望。低质量的图片不仅让人没有购买欲，对整个品牌印象也非常 差。

多张图片，展示优秀的产品细节：很多品类的产品是需要更多的细节图片来影响用户，告诉客户我们的产品质量非常高，材料环保安全系数高。并且通过图片放大功能增强细节的视觉体验感。

产品的使用场景图片，增强购买欲：使用场景就是为了营造出现实的样子，告诉用户这个产品给它带来哪些积极的变化。如果是卖手表，应该展示给用户，手表给用户带来不同凡响的气质。如果是卖玩具，应该展示亲子互动的场景。如果是买化妆品，应该展示使用前后的变化，进一步提高用户的购买欲望。

需要注意的是，图片太多，尺寸太大，会造成网站的性能的降低，加载速度变慢，要善于使用Lazy loading的方式来加载图片。

优质的产品视频

往往图片还不能够很强烈刺激用户的购买欲，可以借助视频来展示产品各方面的特点和使用场景，视频具有很强烈的代入感，能够进一步的说服用户，打消用户的购买疑虑。

你可以制作各种不同主题的视频，增强网站的可信度和产品的体验感。视频的类型可以有多种选择：

• 产品介绍

• 开箱视频

• 生产线视频

• 操作方法视频

• 品牌介绍视频

• 真人秀视频

视频同样需要注意加载速度的问题，不能直接上传本地视频到Shopify，这个操作不可取。最好的方式是引入YouTube视频，让用户点击播放。

产品特征描述

产品特征描述就是产品说明，应该明确的告诉用户，产品用途和一些基本信息，特别是介绍产品独特性，卖点在哪里。

产品描述不能太累赘，要有条理性和逻辑性，句子要简单明了，避免使用过长的句子，否则会让用户感到困惑。例如护肤品类，可以把产品描述分为：产品基本介绍；产品成分表；使用方法；注意事项等。

产品细节描述

细节描述也是属于产品描述的一部分，只是它应该更为突出。如果你的产品介绍都是很普通的描述，那说明你没有站在用户的角度考虑这款产品。例如一款妈咪包，除了包包的外在尺寸和外形外，里面的尺寸是多大，能够放多少东西，包包里面是如何分层的，包包里面是什么布料，能不能防水，包包的做工质量怎么样。

细节描述的目的在于打消用户对产品的各种疑虑，用户在这一过程中，可以进一步确定，这个产品是不是和用户需要的或者想象中的一模一样。

用户须知

用户须知包含了多方面的元素，这些信息是用户购买前需要知道的，特别是优惠券之类的，客户会特别留意。如果新用户可以通过注册会员获取20%的优惠，这将更具有诱惑力。用户须知的元素可以有下面几种：

• 物流费用，是否包邮

• 发货时间

• 是否有折扣价，如何获取折扣

• 是否支持分期付款

丰富的用户评价

对于大多数的小品牌来说，口碑的显得更为重要。用户比较关心该产品的购买评价来进一步确定他的决定是没有错的。显示用户评论和评论条数，会大大提高转化率，研究表明，有5条评论的产品比0评论的产品，购买率要提高270%。

除了提高转化率，评论的另外一个主要目的就是SEO优化，评论当中出现的产品长尾词会被谷歌抓取，当评论越多的时候，谷歌会认为该页面很受欢迎，并且提高该页面的权重和曝光度。

常见问题FAQ

常见问题是指用户在使用过程当中反复出现的情况，有必要提前告诉用户，当出现该情况的时候，应该怎么处理。把所有的常见问题做一个整理，通过在Shopify页面添加FAQ列表，不仅节省了售后服务的大量工作，同时避免的后续不必要的误解和摩擦。

 CTA号召性按钮设计 

CTA也既是Call ToAction，在于引导用户采取某方面的行动。它是一句号召性语言，并通过一个按钮，一张图片，或者一条横线传达出去。它的目的在于给处于不同阶段的用户提供不同的CTA，让用户采取行动。例如以下几个阶段：

• 注册新访客: 常见的有 Subscribe 按钮

• 引导下载文本: Download Now

• 用户咨询：Call Me 或者 Contact Now

• 添加购物车：Add To Cart 或者 Shop Now

你或许会觉得只是个简单按钮，但它却影响着用户的点击行为。不同的号召性用语会直接触发不同的转化效果。CTA的设计和它的位置和转化率有一定的关联。我们在Shopify的产品页面布局CTA按钮的时候，很难去把控CTA对转化率的影响有多大。因为每个店铺都不一样，适合这个店铺的CTA不一定适合你的店铺。因此，CTA的转化效果是需要通过测试，才知道哪些CTA更加符合你的店铺。

当然，最简单的CTA布局规则应该是，位置突出，色彩对比度明显，够大气，第一眼能够清楚看到，点击效果变化明显，在移动端的CTA大小要占据一整行的位置。

总结

高转化率的Shopify产品页面设计不一定要大而全，各方面信息都包含其中不一定好，相反，干净利落，重点突出的产品页面会有惊人的转化率。那么，该如何判断这样的页面是否适合你的店铺，我的回答是：尝试与改进。

尝试设计不同的产品页面模板，当然模板数量不宜太多太杂，例如2-3种模板。针对有特殊需求的产品，构建不同的页面布局，避免千篇一律。

善于利用其他SEO工具，例如 google analytics，判断用户在产品页面的平均停留时间以及转化率，可以看出你的页面是否受欢迎。如果停留的时间太短，转化率低，说明不具有吸引力，需要进一步修改页面的布局方案。通过分析，很容易看到那种设计模板的转化率比较高。

不论如何，产品页面直接影响到了用户的购买行为，你需要花费更多的时间去改进布局效果，不断提高用户体验感。但，这一切都是值得的。