如何给你的Shopify网站添加Buy on Amazon按钮? – Victor的满天星
WhatsAPP营销交流QQ群:733266280 如果你感觉这个网站不错,就赶快收Ctrl+D藏本站吧!

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

Shopify Victor 0评论

 

最近有很多小伙伴在问,如何利用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啦,虽然涉及到一点前端知识,但是真的非常地简单哦。

 

如果感觉图片有点儿看不太清,可以点击阅读后面的公众高文章,有高清截图展示:https://mp.weixin.qq.com/s/D61DLJG79YoqJo07UcX8gw关注公众号:Victor的满天星 后台回复:独立站大卖攻略 获取完整的独立站运营指南与干货指导电子书 亚马逊价值50美金哦

如果你觉得这篇文章或者我分享的主题对你有帮助,请支持我继续更新和分享干货!捐赠本站
喜欢 (6)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址