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

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

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

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

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

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

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

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

Кнопка списка желаний Amazon

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

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

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

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

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

Как добавить кнопку Amazon Wish List в WordPress

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

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

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

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

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

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

стили кнопок

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

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

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

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

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

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

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

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

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

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

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

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

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

Если вы используете Divi Builder, вы можете вставить один и тот же скрипт в:

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

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

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

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

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

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

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

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

Выберите Амазонка сеть:

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

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

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

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

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

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

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

Ссылка на основную публикацию
Adblock
detector