Как добавить кнопку списка желаний Amazon на свой сайт WordPress

Добавление кнопки списка желаний Amazon на ваш сайт WordPress позволяет посетителям со всего мира быстро сохранять ваши продукты или контент прямо в список желаний Amazon.

Хотя Amazon предлагает универсальный букмарклет с этой функцией, вы не можете гарантировать, что он установлен у ваших читателей. Поэтому, если вы хотите, чтобы каждый посетитель мог добавить ваш контент или продукты WordPress в свой список желаний Amazon, вам нужно добавить кнопку на свой сайт.

В этом посте я покажу вам, как добавить кнопку списка желаний Amazon в WordPress с помощью собственного генератора кнопок Amazon. Затем, если вы являетесь участником Elegant Themes, я покажу вам, как вы можете использовать наш плагин социального обмена Monarch для достижения той же цели.

Что делает кнопка списка желаний Amazon?

Было время, когда списки желаний Amazon были только для товаров, перечисленных на Amazon. Однако это было не так давно .

Теперь Amazon фактически позволяет вам или вашим посетителям добавлять товары с других сайтов в свой список желаний.

Вот в чем помогает кнопка списка желаний Amazon. Это удобный букмарклет, который позволяет посетителям сохранять страницу с любого веб-сайта в свои списки желаний Amazon. При активации это выглядит примерно так:

Читатели уже могут получить эту функциональность с помощью универсального инструмента списка желаний Amazon. Но если у них нет доступа к инструменту, вы все равно можете предоставить кнопку, чтобы они могли сохранить ваш контент в своем списке желаний.

Кнопка списка желаний Amazon предназначена только для магазинов электронной коммерции?

Если вы используете магазин электронной коммерции с WordPress, кнопка списка желаний Amazon - отличный способ напомнить посетителям вернуться в ваш магазин и завершить покупку (или позволить им попросить ваши товары в качестве подарка у других). Вы даже можете динамически вставлять информацию о своем продукте, чтобы запись в списке желаний выглядела лучше.

При этом не требуется, чтобы вы действительно продавали продукты, чтобы использовать кнопку списка желаний Amazon. Он работает где угодно - даже с сообщениями в блогах. Таким образом, даже если вы просто пишете о продуктах в партнерском блоге, посетители все равно могут посчитать полезным добавить ваш пост в свой список желаний, чтобы они могли помнить, что и где покупать.

После того, как посетители добавят ваш сайт в свой список желаний, он появится с кнопкой Купить на этом веб-сайте в интерфейсе списка желаний Amazon:

Как добавить кнопку списка желаний Amazon в WordPress

Amazon предлагает инструмент под названием Vendor Button, который позволяет вам добавить универсальную кнопку списка желаний Amazon на ваш сайт WordPress. Вы можете выбирать из множества стилей и даже при желании настроить кнопку с предварительно загруженной информацией.

Вот как им пользоваться.

Шаг 1. Создайте код кнопки списка желаний Amazon

Чтобы начать работу, перейдите на страницу кнопки поставщика на Amazon. Здесь вам потребуется:

• Выберите стиль для кнопки
• Предварительно загрузите кнопку с информацией ( необязательно )
• Примите условия создания кода

Чтобы выбирать между разными стилями кнопок, вы можете использовать стрелки:

Если вы нажмете Показать настраиваемые параметры , вы сможете ввести настраиваемую информацию о конкретном продукте на своей странице. Вам не нужно этого делать - это просто помогает кнопке предварительно загрузить поля формы с соответствующей информацией:

Если вы используете кнопку для своего магазина электронной коммерции, вы также можете динамически генерировать эту информацию, следуя инструкциям разработчика Amazon.

Когда вы будете довольны настройкой кнопки, установите флажок, чтобы согласиться с условиями обслуживания Amazon, и скопируйте код кнопки:

У инструмента Amazon есть одна потенциальная проблема - вот как ее исправить

Есть одна проблема с генератором кода Amazon - он по-прежнему использует незащищенный http в URL-адресе. Это означает, что если ваш сайт использует SSL (как и должно быть), скрипт не загружается, потому что большинство браузеров блокируют запуск незащищенных скриптов.

Но не волнуйтесь. Исправить легко .

Все, что вам нужно сделать, это добавить букву «s» к URL-адресу в сценарии, созданном Amazon. Супер просто - вот так:

Это изменение заставляет Amazon безопасно загружать скрипт, чтобы браузеры больше не блокировали его загрузку на страницах SSL. Кроме этого, это не меняет никаких функциональных возможностей.

Теперь, когда у вас есть правильно написанный скрипт, вы готовы добавить кнопку на свой сайт.

Добавление кнопки списка желаний Amazon к отдельным сообщениям или страницам

Чтобы вставить кнопку Amazon добавить в список желаний в отдельном сообщении или на странице, все, что вам нужно сделать, это вставить скрипт во вкладку Text редактора WordPress следующим образом:

И когда вы публикуете или обновляете свой пост, ваша кнопка должна отображаться в действующей версии вашего сайта:

Добавление кнопки списка желаний Amazon в Divi Builder

Если вы используете Divi Builder, вы можете вставить тот же сценарий в любой из следующих файлов:

• Вкладка Text текстового модуля
• Модуль кода

Я тестировал оба метода. Просто имейте в виду - вы можете не увидеть кнопку до тех пор, пока не сохраните изменения и не просмотрите действующую версию своего сайта.

Добавление кнопки списка желаний Amazon на боковую панель

Чтобы добавить кнопку Добавить в личный список на боковую панель, все , что вам нужно сделать , это вставить один и тот же сценарий в вкладке Текст текстового виджета:

Затем вы увидите кнопку со списком желаний Amazon на боковой панели, где расположен виджет:

Для пользователей Elegant Themes - используйте Monarch

Если вы являетесь участником Elegant Themes, у вас уже есть легкий доступ к кнопке списка желаний Amazon в виде нашего плагина социального обмена Monarch.

Кнопка сети Amazon в Monarch добавляет кнопку списка желаний Amazon к вашим обычным местам расположения кнопок общего доступа.

Чтобы добавить его на свой сайт, перейдите в Инструменты → Настройки Monarch. Затем выберите вкладку « Сети » и нажмите « Добавить сети»:

Выберите сеть Amazon :

Затем выполните другие действия, чтобы добавить на свой сайт значки социальных сетей. Вы можете выбрать одно из мест и стилей публикации Monarch в социальных сетях.

Как только ваши кнопки социальных сетей станут активными, ваши посетители смогут нажать на кнопку Amazon , чтобы сохранить элементы в свои списки желаний.

Подведение итогов

Независимо от того, используете ли вы кнопку Amazon Vendor или социальный обмен Monarch, добавить кнопку списка желаний Amazon на свой сайт WordPress довольно безболезненно.

Если вы просто хотите добавить кнопку в отдельные сообщения, кнопка поставщика - это хорошо, потому что вы полностью контролируете, когда она появляется (и она работает в Divi Builder). Но для кнопки для всего сайта Monarch определенно предлагает самую быструю реализацию и больший контроль над позиционированием.

Какой способ добавления кнопки списка желаний Amazon в WordPress вы предпочитаете?

Миниатюра статьи - Гариза Махавира / shutterstock.com