• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D收藏Victor的博客吧!以后想看即看!
  • 本站公众号已开通,欢迎关注公众号Victor的满天星,接受干货推送!
  • WhatsAPP最新营销交流群,欢迎加入Vic-WhatsApp营销交流群,群聊号码:471302069
  • 本站留言板已开通,欢迎大家一起交流!

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

Shopify Victor 5个月前 (12-04) 604次浏览 0个评论 扫描二维码

 

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

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

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


一、增加Buy On Amazon按钮

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 


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

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

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

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

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

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

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

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


Victor的满天星 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明如何给你的Shopify网站添加Buy on Amazon按钮?
喜欢 (6)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

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

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