现在很多做shopify独立站的卖家,同时也是亚马逊卖家。所以,很多具有亚马逊店铺的卖家都希望自己shopify独立站的产品详情页面,用户既可以在独立站下单,也可以点击一个“Buy On Amazon”按钮,让用户跳转到对应的亚马逊下单。
怎么在shopify独立站添加一个Buy On Amazon的按钮?
要手动添加一个Buy On Amazon的链接跳转按钮,对于懂互联网技术的人来说,其实也非常简单。因为这需要我们编辑我们的模板源文件,这需要一些专业的知识。不过,也不是非常困难,因为都存在一些规律。
第一步:打开shopify独立站的模板源文件
第二步:编辑Shopify模板源代码
打开产品详情页面的代码文件,一般是“product-template.liquid” 或者“product-form.liquid”,然后在这些文档上面搜索“add to cart”
在找到Add To Cart按钮之后,我们在这个按钮下面加入下面这段代码:
<a id="buy_on_amz" class="buy_on_amz Button Button–primary Button–full" href="{{ product.variants.first.barcode }}" rel="nofollow" style="margin-top: 10px;"> Buy On Amazon </a>
这段代码是什么意思呢? 就是把每个产品的的变体属性中的第一个barcode作为亚马逊的链接。也就是说,我们需要在上架产品的时候,把我们的亚马逊该产品的链接,放在“第一个barcode值”。
第三步:上架产品时,填入产品链接
在添加代码保存后,我们上架产品的时候,需要填入亚马逊链接。我们需要把产品链接放在“Barcode”值。
具体操作如下:
这样,在我们的产品详情页面的Add to Cart按钮下面就会出现一个“Buy On Amazon”按钮了。点击那个按钮,我们就可以跳转到相应的亚马逊产品详情页面了。
大家如果实在看不懂,不会添加亚马逊按钮的话,也可以邮件联系我帮忙添加。