Shopify怎么添加Buy On Amazon按钮?

现在很多做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”按钮了。点击那个按钮,我们就可以跳转到相应的亚马逊产品详情页面了。

大家如果实在看不懂,不会添加亚马逊按钮的话,也可以邮件联系我帮忙添加。

最常遇到的问题&解决办法

出现这个问题的主要原因是,我们使用的模板不一样,而我那段代码是不适合你的模板,所以没有背景显示。

解决办法:我们需要修改那段代码的class属性,把它修改成为自己模板的class样式属性。这样就可以展示背景了。所以,我们需要一些html和css的基础知识。但是,我也做了一个视频,跟大家说一下怎么具体怎么操作。

视频上传到Youtube,因为哔哩哔哩审核不通过,也不知道什么原因。所以,大家需要翻墙才能观看这个视频。这里推荐一款非常好用的梯子给大家,希望可以帮助大家。

0 0 投票数
Article Rating
订阅评论
提醒

0 评论
内联反馈
查看所有评论