如何将亚马逊愿望清单按钮添加到您的 WordPress 网站
已发表: 2017-07-20将亚马逊愿望清单按钮添加到您的 WordPress 网站,可以让世界各地的访问者轻松快速地将您的产品或内容直接保存到他们的亚马逊愿望清单中。
虽然亚马逊确实提供了具有此功能的通用书签,但您不能保证您的读者安装了它。 因此,如果您想确保每个访问者都可以将您的 WordPress 内容或产品添加到他们的亚马逊愿望清单中,您需要将按钮添加到您的网站。
在这篇文章中,我将向您展示如何使用亚马逊自己的按钮生成器向 WordPress 添加亚马逊愿望清单按钮。 然后,如果您是 Elegant Themes 会员,我将向您展示如何使用我们的 Monarch 社交分享插件来完成同样的事情。
亚马逊愿望清单按钮有什么作用?
曾经有一段时间,亚马逊的愿望清单仅适用于亚马逊上列出的商品。 不过,这种情况已经有很长一段时间了。
现在,亚马逊实际上允许您或您的访问者将其他网站的商品添加到您的愿望清单中。
这就是亚马逊愿望清单按钮的作用所在。 这是一个方便的书签,允许访问者将任何网站的页面保存到他们的亚马逊愿望清单。 激活后,它看起来像这样:

读者已经可以通过使用亚马逊的通用愿望清单工具获得该功能。 但是,如果他们无法访问该工具,您仍然可以提供按钮,以便他们可以将您的内容保存到他们的愿望清单中。
亚马逊愿望清单按钮仅适用于电子商务商店吗?
如果您使用 WordPress 经营电子商务商店,亚马逊愿望清单按钮是提醒访问者回到您的商店并完成购买(或让他们向他人索要您的商品作为礼物)的好方法。 您甚至可以动态插入您的产品信息,使愿望清单条目看起来更好。
话虽如此,并不要求您实际销售产品才能使用亚马逊愿望清单按钮。 它适用于任何地方——甚至在博客文章中。 因此,即使您只是在附属博客上撰写有关产品的文章,访问者仍可能会发现将您的帖子添加到他们的愿望清单中很有帮助,这样他们就可以记住要购买什么/在哪里购买。
一旦访问者将您的网站添加到他们的愿望清单中,它就会在亚马逊愿望清单界面中显示“购买此网站”按钮:

如何将亚马逊愿望清单按钮添加到 WordPress
亚马逊提供了一个名为Vendor Button的工具,允许您将通用的亚马逊愿望清单按钮添加到您的 WordPress 网站。 您可以从多种样式中进行选择,甚至可以根据需要使用预先加载的信息自定义您的按钮。
这是如何使用它。
第 1 步:生成您的亚马逊愿望清单按钮代码
首先,前往亚马逊的供应商按钮页面。 在这里你需要:
- 为按钮选择样式
- 用信息预加载按钮(可选)
- 同意条款以生成代码
要在不同的按钮样式之间进行选择,您可以使用箭头:

如果您点击显示自定义选项,您将能够在您的页面上输入有关确切产品的自定义信息。 您不必这样做 - 它只是帮助按钮预加载具有相关信息的表单字段:

如果您使用电子商务商店的按钮,您还可以按照亚马逊的开发人员说明动态生成此信息。
一旦您对按钮的配置感到满意,请选中该框以同意亚马逊的服务条款并复制您的按钮代码:

亚马逊的工具有一个潜在的问题——这是修复它的方法
亚马逊的代码生成器存在一个问题——它仍然在 URL 中使用不安全的http 。 这意味着如果您的站点使用 SSL(就像您应该使用的那样),脚本将不会加载,因为大多数浏览器会阻止不安全的脚本运行。
不过不用担心。 很容易修复。
您需要做的就是在亚马逊生成的脚本中的 URL 中添加一个“s”。 超级简单——就像这样:


这一变化使亚马逊能够安全地加载脚本,这样浏览器就不会再阻止它加载到 SSL 页面上。 除此之外,它不会改变任何功能。
现在,有了正确编码的脚本,您就可以将按钮添加到您的站点了。
将亚马逊愿望清单按钮添加到单个帖子或页面
要在单个帖子或页面中插入亚马逊添加到愿望清单按钮,您需要做的就是将脚本粘贴到 WordPress 编辑器的文本选项卡中,如下所示:

当您发布或更新您的帖子时,您的按钮应该显示在您网站的实时版本上:

将亚马逊愿望清单按钮添加到 Divi Builder
如果您使用的是 Divi Builder,则可以将相同的脚本粘贴到:
- 文本模块的文本选项卡
- 代码模块
我测试了这两种方法。 请注意 - 在保存更改并查看网站的实时版本之前,您可能看不到该按钮。

将亚马逊愿望清单按钮添加到侧边栏
要将“添加到愿望清单”按钮添加到侧边栏,您只需将相同的脚本粘贴到“文本”小部件的“文本”选项卡中:

然后,您将在侧边栏中看到小部件所在的亚马逊愿望清单按钮:

对于优雅的主题成员 - 使用 Monarch
如果您是 Elegant Themes 会员,您已经可以轻松访问我们 Monarch 社交分享插件形式的亚马逊愿望清单按钮。
Monarch 中的亚马逊网络按钮将亚马逊愿望清单按钮添加到您的常规分享按钮位置。
要将其添加到您的站点,请前往工具 → Monarch 设置。 然后选择网络选项卡并单击添加网络:

选择亚马逊网络:

然后按照其他步骤将社交媒体图标添加到您的网站。 您可以从 Monarch 的任何社交共享位置和样式中进行选择。
一旦您的社交分享按钮生效,您的访问者就可以单击亚马逊按钮将项目保存到他们的愿望清单中。
总结
无论您是使用亚马逊的供应商按钮还是君主社交分享,向您的 WordPress 网站添加亚马逊愿望清单按钮都非常轻松。
如果您只想在单个帖子中包含按钮,供应商按钮很好,因为您可以完全控制它何时出现(并且它在 Divi Builder 中有效)。 但是对于站点范围的按钮,Monarch 绝对提供了最快的实现和对定位的更多控制。
将亚马逊愿望清单按钮添加到 WordPress 的首选方法是什么?
Ghariza Mahavira/shutterstock.com 的文章缩略图
