前面说的“shopify官方主题排名第一转化率最高的免费主题Brooklyn配置及代码级优化教程”我们的服饰外贸商城用的是shopify免费主题Brooklyn布鲁克林，虽然是shopify免费主题中安装量最多，网站转化率最高的免费主题，但是没有优化前的Brooklyn主题详情页丑的要命，如图
shopify主题Brooklyn商品详情页效果
。商品详情作为我们投放FB广告后的着陆页Landing page显然要优化的提高转化率的，要不然投广告买来的流量白白流失的话损失就大了，领导钉钉也给我分了任务，如图
领导钉钉优化商品详情页
要我优化我们公司免费主题Brooklyn主题的shopify外贸服装商城详情页，给的要求中，商品详情页要带晒图片评*功论**能，好评数量星级，Q&A常见问答功能等，提高客户信用度的转化率的功能。
shopify免费评论插件Yotpo Reviews：
按领导上图的优化商品详情页的要求，用免费的shopify评论插件Yotpo Reviews基本满足要求，如图
shopify免费评论插件yotpo*载下**apps.shopify.com_yotpo-social
但后来才发现免费版的Yotpo Reviews并没有带嗮图片和Q&A功能，只有50订单数的额度，设置没有审核评论的功能，任何人都可以留评论，这显然是不合理的，当然希望要买了我们商品的人才有权限评论的功能，连这个功能免费都是没有了，要你升级计划才有上面的功能，如图
yotpo带图片评论插件
价格还比较贵是99美元/每个月，但这个评论插件却是shopify网站用的最多的评论插件，只能用了
Yotpo: Reviews, Photos, Q&A：
免费版的shopify评论插件Yotpo: Reviews, Photos, Q&AYotpo一直是增加销售额的最佳应用程序之一，因为它可以帮助您获得更多的产品评论，以便从社交证据中推动购买。Yotpo可让您轻松发送客户评论请求，并在小部件和商店标签中展示评论。您可以审核收到的所有评论，也可以使用Yotpo为您的商店获取社交媒体流量。
Yotpo是免费的，但如果您想要其他功能，如用户生成的照片，丰富的代码段等！可以设置邮件模板要求网友评论，如图一所示
yotpo邀请顾客评论邮件模板
如果是付费版的还可以自定义邮件模板，免费版的shopify免费评论插件Yotpo Reviews邮件模板就是上图那样子的
shopify商品详情页添加星星等级：
大部分商城的详情页都要有显示评论等级的星星标志，5颗星星，显示评论数量，一般都是显示在shopify商品详情页图片右边，商品属性上面等等，那shopify免费评论插件Yotpo Reviews如何添加星星等级评论了？方法如下：
星级
星级评级立即建立对任何产品或类别页面的信任。它显示了产品评论的平均星级评分，并引导用户阅读评论。
安装
您可以在产品和类别页面上的任何位置放置星级。
只需3个简单步骤即可将其安装在产品页面上：
1.单击下面的“生成代码”按钮。
2.复制右侧显示的代码。
3.转到站点管理员中的“product.liquid”文件，然后将代码粘贴到产品和/或类别页面上。
大！现在，您可以随意移动代码，找到您希望星级评分显示在您网站中的正确位置。
注意：我们建议将星级评级置于清晰视图中，如右侧示例所示，这是购物者看到的第一件事。它占用的空间非常小，可在几秒钟内建立信任。而我们的主题用的是免费版shopifyy主题Brooklyn布鲁克林，添加的星星评论等级的地方是转到站点管理员中的“sections/product-template.liquid”文件，然后将代码粘贴到产品和/或类别页面上。第219行产品标题下添加如下代码：
<div class="yotpo bottomLine"
data-appkey="tHy3KBHL8jC7r64M0In2Bc3JeJyYpADbBQotJ4lc"
data-domain="{{shop.permanent_domain | escape }}"
data-product-id="{{ product.id }}"
data-product-models="{{ product.id }}"
data-name="{{ product.title | escape }}"
data-url="{{ shop.url }}{{ product.url }}"
data-image-url="{{ product.featured_image | product_img_url: ’large’ |replace: ’?’, ’%3F’ | replace: ’&’,’%26’}}"
data-description="{{ product.description | escape }}"
data-bread-crumbs="{% for tag in product.tags %}{{ tag | escape }};{% endfor %}">
</div>
在专门的SEO页面中展示您的评论，要在站点的专用SEO页面中展示评论，请将此代码添加到所需页面的HTML中。
<script type="text/javascript">
(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,
e.src="//staticw2.yotpo.com/tHy3KBHL8jC7r64M0In2Bc3JeJyYpADbBQotJ4lc/widget.js";var t=document.getElementsByTagName("script")[0];
t.parentNode.insertBefore(e,t)})();
</script>
<div id=’yotpo-testimonials-custom-tab’></div>
YOTPO徽章是展示您的评论并与您的访客建立信任的好方法。徽章是动态的，将根据您的店铺总评论数和平均评论分数进行更新。
<div id="y-badges" class="yotpo yotpo-badge badge-init"> </div>
shopify免费评论插件Yotpo Reviews实现效果：
shopify免费评论插件Yotpo Reviews做完上面的安装设置及代码加到shopify产品模板里后的效果如图
shopify免费评论插件yotpo安装完效果
这是Yotpo Reviews评论插件免费计划的功能，如果要实现带嗮图片评论和Q&A常见问题问答功能，则要将评论插件Yotpo Reviews升级计划，费用是99美元/每月，还是比较贵，如果要去不是很高，用免费版的Yotpo Reviews就够了，看上图安装了这个评论插件，shopify商品详情页做着陆页Landing page优化，转化率应该提高不少吧，当然还是可以进一步优化的。
