如何將亞馬遜願望清單按鈕添加到您的 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 的文章縮略圖