如何为 Shopify 网站添加 Buy on Amazon 亚马逊购买按钮

建议想要在自己的Shopify网站上添加Buy on Amazon的朋友，先阅读下这篇文章 要不要做Shopify？亚马逊卖家需要了解的内容 另外，你可以跟着我们的 Shopify 教程搭建Shopify独立站

最近 Shopify 在国内不太稳定，如果打不开 Shopify 官网, 或者打开速度很慢，无法注册或者登录 Shopify 账户，请使用“魔法”重试，你懂的。

最近还是有蛮多人询问如何在Shopify网站上添加 Buy on Amazon按钮，引导Shopify独立站的客户跳转到Amazon上购买相应的产品。虽然我在《Shopify和亚马逊怎么选？亚马逊卖家要不要布局Shopify独立站？》一文中说正确的姿势是把 Amazon 的客户尽可能的往你的独立站引导，但是基于两个平台的不同，现在想来也无可厚非。

相对来说，Shopify更容易实现对用户的二次营销，因为客户的信息全部掌握在自己手里，营销推广更加的灵活，通过邮件营销等等方式，能够极大提高客户的忠诚度，这种忠诚到后面甚至可以作为自己公司的Amazon Reviewer团队，去给Amazon新上的产品快速增加Review，有必要的时候甚至进行下刷单。但是Shopify的难点在于新订单的获取，需要我们有一定的推广能力和一定的推广资金的投入。

而Amazon上获取新客户的订单要容易太多了，通常独立站的转化率能到2%，3%算正常，5%就不错了，但是在Amazon上10%是很平常的一件事情（有些产品转化率高的惊人，50%以上也是有的）。整体来讲，Amazon给人的信任程度，以及服务体验都可以促使新客户没有疑虑的下单。但是因为卖家手里的客户信息都是经过Amazon加工的，受Amazon规则的制约，并不能充（zi）分（you）的发（sao）挥（rao）去培养客户的忠诚度。

二者如何更好的结合，也是我一直在考虑的问题。这个以后再详细讨论，至于如何给 Shopify 网站添加一个Buy on Amazon 按钮。这里提供两个方法：

自行 DIY Shopify 产品页面添加亚马逊购买按钮

首先依据我们的 Shopify 网站风格，设计一个格式为 jpg 或者 png 的 buy on Amazon 的按钮，Google 图片上可以找到一大堆，你可以找一张，然后PS下，拿来用。或者直接用 Canva 设计一张图片。图片设置好之后上传到 Shopify，然后将其插入到产品页面产品描述的最上方，居中操作之后，再给图片插入链接，将亚马逊上该产品的链接地址插入到图片上，保存。

前台效果如下图所示：

这么操作的好处是省钱，缺点是，如果产品数量比较多的话，操作起来以及后期维护起来会比较困难。如果需要批量编辑操作的话，可以尝试使用表格做批量处理：

使用付费 Shopify 插件 BNB 插入亚马逊购买按钮

Shopify 应用市场的 BNB APP 可以帮我们在产品页面插入亚马逊购买按钮。不仅仅是亚马逊，还可以插入 Walmart，Ebay，Jet，Etsy，Aliexpress，Target，Wish 的产品链接地址。而且，启用 GEO 重定向功能之后，还可以根据客户的IP地址，自动更改亚马逊购买按钮的链接地址到亚马逊的各个站点。

另外，BNB APP 没有免费版，每月费用为 9.99 美金，提供14天免费使用。

Shopify 应用市场搜索 BNB APP，或者直接点我打开应用页面，然后点击“添加应用”，将该应用添加到自己的 Shopify 网站。应用安装成功之后，会有弹窗提示，如何联系应用开发者帮我们完成设置。我自己在 Shopify 免费主题 Dawn 上操作了下，整个设置还是很简单的。如果是其他 Shopify 主题，自己设置搞不定的话，建议还是联系应用开发者帮忙，节省时间。

关闭弹窗，可以看到我们 Shopify 网站的产品列表页面。这个页面所有的设置除了 Geo Redirect 无法点击开启之外，其他设置就使用默认的 ON 就可以。

添加亚马逊产品链接到 Shopify

点击任意产品 Action 列的 Edit Buttons, 给该产品添加亚马逊产品页面的链接地址。如下图，在 Amazon 标签页，Custom URL 中输入该产品对应的亚马逊产品页面链接地址。文本框中填写的链接地址加不加 https:// 都是可以的。填写完成之后，点击 Save changes 保存设置。这样就完成了链接的添加了。

启用或关闭 Shopify 上 Buy on Amazon，Walmart，Ebay 等按钮

在 Markets 页面，我们可以启用或者关闭 Shopify 网站上各个站点的按钮。用不到的按钮我们可以关掉。

设置 Buy on Amazon 显示样式

在 Preview 页面，我们可以设置 Buy on Amazon 按钮的显示文字，图片，以及效果样式。Library 里面内置了各种各样的亚马逊购买按钮，我们可以直接选择，我们也可以自己制作购买按钮图片，然后通过 Upload 上传到这里。再或者在 Customize 页面，自定义按钮的显示效果。

在 Pop-Up 页面，我们可以启用或者关闭 Buy on Amazon 在产品页面底部的悬浮按钮。以及设置按钮上的文字内容和显示效果。

启用 Geo 重定向功能

Geo 功能仅亚马逊可用。要启用 Geo 功能，还需要申请 IPLocate 的 APIKey。申请过程也很简单，跟着下方的教程操作一两分钟就可以申请下来。不过，当我将这个 APIKey 添加到 BNB 并且启用应用并且添加亚马逊各个站点的产品链接，然后用日本，英国，美国的IP地址区测试页面的时候，并没有看到亚马逊购买按钮。关掉 GEO 功能之后，亚马逊购买按钮可以正常显示，具体哪里设置有问题我也不清楚，也没有咨询开发者，有需要的遇到同样问题的可以联系开发者解决。

添加 Buy on Amazon 按钮到 Shopify 产品页面

完成上面所有的操作之后，产品页面只会显示悬浮的 Buy on Amzon 按钮。在 Shopify 购买按钮下方还不会出现 Buy on Amazon 的按钮，我们还需要继续完成下面的操作才行。

打开 Shopify 模板的自定义页面。把模板设置页面切换到 “产品” – “默认产品”，然后在左侧边栏点击“添加块”，选择“自定义 liquid”，并将自定义liquid添加到 Buy Button 下方。在右侧的自定义 liquid 文本框中添加代码：

<div class="buy_now_button_app"></div>

最后保存设置，如下图：

最终效果如下图所示

如果想要把 Buy on Amazon 按钮移动到 Add to cart 和 Buy it now 两个按钮中间，就需要修改主题代码了，建议联系应用开发者让他帮忙修改。

应用开发者提供了一个详细的设置教程 – 我们可以通过链接查看更加详细的设置内容：https://docs.google.com/document/d/1KMsj5BtHqeJ8tsDe4ly_rQ_Ye6-WH9ZPlN84Hne31EE/edit#

包括如果把 Buy on Amazon 添加到 Shopify 产品页面；如何添加插件已经支持平台之外的链接，如我想把淘宝京东的产品购买按钮也加到 Shopify 产品页面上该如何操作；如何跟踪从 Shopify 到亚马逊流量的购买行为；如何导入导出设置；等等。