С помощью модуля Buy Button вы можете представить товары из своего магазина в блоге, на сайте или в email рассылке. Модуль устанавливает кнопку Купить, которая связывает сторонний ресурс с магазином. Кнопка Купить работает на WordPress, Tilda, Wix и других сайтах, имеющих постоянную аудиторию. На карточках товаров всегда отображаются актуальные название и цена, даже если эта информация изменяется в магазине.

Кнопку Купить для товара можно создать в интерфейсе администратора. Для размещения кнопки на сайте вы получаете фрагмент кода, который вставляется в html код сайта, а для email рассылок - ссылку.

Как создать кнопку Купить

  1. В интерфейсе администратора магазина откройте страницу Каналы продаж / Кнопка купить.

  2. Выберите, что нужно сделать - создать карточку товара для сайта или ссылку на товар для почтовой рассылки. Нажмите Выбрать товар в соответствующем разделе: 1.jpg

  3. Выберите товар из списка или найдите с помощью поиска: 2.1.jpg

  4. На странице настройки кнопки Купить выберите опции товара и действие при нажатии кнопки.

  5. Если товар представлен в нескольких вариантах (цвет, размер), одну из комбинаций атрибутов можно связать c кнопкой Купить. При этом не учитывается количество данного варианта в наличии: 3.1.jpg

  6. Когда покупатель нажмет на кнопку Купить, возможны два варианта:

    • Купить - откроется страница корзины в X-Cart, и товар будет уже в корзине.

    • Показать страницу товара - откроется страница с информацией о товаре в магазине: 3.5.jpg

  7. Нажмите Сгенерировать код или Получить ссылку. Скопируйте полученный код или ссылку или нажмите кнопку Копировать:4.jpg

  8. Теперь код или ссылку можно разместить на сайте или в email рассылке.

Как вставить код кнопки в код сайта

Вставляя код кнопку Купить в html сайта важно учитывать, где и как кнопка и корзина должны располагаться.

Вставить кнопку легко, если сайт или платформа позволяет добавлять простой html код с тэгами script. Воспользуйтесь встроенными html редактором или текстовым редактором кода.

Как разместить кнопку Купить в блоге на платформе Wordpress

Местоположение кнопки может быть различным - в определенной статье или в меню на главной странице.

Воспользовавшись встроенными коллекциями и шаблонами дизайна, можно создать и настоящий онлайн магазин на базе Wordpress.

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

Как поместить копку в сообщение на Wordpress

  1. В зоне администратора магазина создайте кнопку Купить и скопируйте ее код:

    5.jpg

  2. В Wordpress нажмите Добавить / Запись или нажмите на название готового сообщения.

    6.jpg

  3. На странице создания или редактирования записи перейдите в текстовый редактор и поместите код там, где должна отображаться кнопка:

    7.1.jpg

  4. Сохраните запись, посмотрите, что получилось, и опубликуйте. Кнопка появилась в сообщении.

    8.1.jpg

Как вставить кнопку в главное меню сайта на Wordpress

  1. В меню найдите Внешний вид / Настроить 9.jpg и выберите Виджеты 10.jpg

  2. Нажмите на название раздела, где должна появиться кнопка Купить:

11.jpg

  1. Выберите существующий виджет HTML-код или нажмите Добавить, затем нажмите HTML-код:

    12.jpg

  2. Вставьте код в поле редактирования содержания виджета HTML-код и сохраните изменения:

    13.1.jpg

  3. Появился виджет Кнопка Купить:

    14.1.jpg

Как добавить кнопку Купить на Wix

Когда кнопка уже создана в X-Cart, с помощью встроенного конструктора Wix ее можно разместить на сайте.

Чтобы разместить на сайте несколько товаров, код следует вставить несколько раз, один товар за другим. товары будут расположены горизонтально в одну линию.

  1. Создайте кнопку в X-Cart и скопируйте ее код.

  2. В Wix в раделе Мои сайты найдите сайт, где будет добавлена кнопка, и нажмите Управление / Редактировать 15.jpg

  3. В конструкторе Wix нажмите + / Добавить 16.jpg Затем нажмите Еще 17.jpg

  4. Выберите HTML-код 18.jpg

  5. Нажмите Вставить код, в поле редактирования внесите код кнопки и нажмите Обновить 19.jpg

  6. Измените размер виджета и перенестие в нужное место на сайте, где должна располагаться карточка товара. Нажмите Сохранить 20.jpg