如何给你的Shopify网站添加Buy on Amazon按钮？

最近有很多小伙伴在问，如何利用Shopify给亚马逊引流？

其实只要结合我上次写的如何利用Facebook Analytics的Funnel原理提高销量的文章中的方法，然后给Shopify店铺增加buy at amazon的按钮，再加上一点儿执行力，立刻就能够开始引流工作啦！

今天我们就一起来说说如何给Shopify店铺添加 Buy on Amazon按钮。为了给大家写篇攻略，我特意让我的技术合伙人Jenna尝试了几种添加“在亚马逊购买”的按钮方法，下面就把这种操作起来（本文指导，如果图片太小，可加微信dadacheng2014,发送完整高清截图方案）相对方便，而且功能最全的方法分享给大家。

一、增加Buy On Amazon按钮

1.打开Shopify店铺后台，点击Apps，去Shopify App Store。

2. 在Shopify App Store，搜索Buy Now Button，然后找到如下这个app，点击Add App，按照提示安装。

3.这时候回到你的网站后台，后台就已有这个app了。

4. 现在我们点击这个app，打开它，点击右上角的Help，下图的代码安装提示页面就会跳出来，然后你可以拷贝下图红色方框里面的代码。

5. 然后点击右下方Online Store里的Themes，在Actions的下拉菜单那里点击Edit Code，打开后台代码

6.在Sections那里，找到product-templete.liquid，然后ctrl+F打开搜索框，搜索addtocart，然后把刚刚拷贝的代码粘贴到如下红色方框的位置，这个位置在网站上显示的就是Add To Cart的下面，点击Save。

7. 现在我们再点击左边APPs，打开已经安装的buy now button这个app（请注意我们的操作在你的网站上有产品的前提下进行的），这时候我们点击Edit Buttons。

8.然后在如下位置输入你的产品在亚马逊对应的ASIN，下拉点击save。

9. 这个时候你打开你的网站的产品页面，就已经有这个按钮了。

10.这个app提供了三种自带的按钮样式，大家可以回到后台在settings处选择自己喜欢的样式，但是有人会说了，我觉得这几个按钮都很丑，不喜欢怎么办？不用担心，你还可以在upload image那里上载自己设计的按钮。下面还可以调整按钮在网站的宽度，以及左右上下的边距。这个APP对于对前端不甚了解的卖家来说，简直太友好了。

二、如何去掉或者隐藏shopify网站的add to cart按钮

每个人做独立站的目的都不同，有的人做独立站，可能就只是想为亚马逊引流，不打算直接在独立站开通购买支付的功能。但是shopify的主题都是自带add to cart按钮的，那就会让人觉得很困惑，能加入购物车，但是不能购买？excuse me???到底怎么肥事？下面我们再来了解下，该如何去掉这个碍眼的按钮。

1. 跟刚才一样，依旧是回到后台edit code处，找到product-templete.liqiud, ctrl+F搜索addtocart，我们找到框起来的这段代码，这个就是使网页能够显示add to cart按钮的终极后台代码，我们用<!- - - ->这个符号把他们包围起来，如下图，这个时候这段代码就被隐藏起来了，这段代码就暂时失去了它的作用。保存一下，关闭。

2. 然后我们再回到我们的网站，这个时候add to cart已经不见了。如果以后计划有变，觉得也想试试在独立站直接销售，那很简单，只需要回到后台代码把这个符号删除即可。

这就是今天的两个小tips啦，虽然涉及到一点前端知识，但是真的非常地简单哦。