Блог-магазин: упрощаем шоппинг для посетителей Вашего сайта на Wordpress

anima's picture
Блог-магазин: упрощаем шоппинг для посетителей Вашего сайта на Wordpress
Интеграция с WordPress

У Вас уже есть сайт на платформе WordPress, Вы успешно ведёте блог, вложили много сил в его оформление и привлечение посетителей и теперь задумались о продаже продуктов или услуг непосредственно с сайта. Почему бы и нет? Ведь так уместно порой предложить своим читателям продукт или услугу прямо в статье. Тем более, что организовать процесс теперь можно легко благодаря новому бесплатному модулю WordPress Integration от команды разработчиков X-Cart.

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


Продукт в статье Категория продуктов в статье Виджет корзины и просмотр содержимого корзины


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

Как только клиент нажимает на кнопку “В корзину”, в правом нижнем углу окна браузера появляется виджет корзины, с помощью которого можно просмотреть и редактировать её содержимое. Кнопка “Оформить заказ” перенаправит клиента в Ваш магазин для завершения покупки.

Так же Вы можете добавить виджет меню категорий и виджет поиска продуктов в левую колонку Вашего блога или же непостредственно в Ваши статьи.


Категории и поиск по продуктам в левой колонке Горизонтальное меню категорий в записи Поиск по продуктам в записи Просмотр результатов поиска по продуктам


Для того, чтобы превратить свой блог в интернет магазин Вам понадобится:

  • сайт на платформе WordPress версии 4.2.2 и выше
  • магазин на платформе X-Cart версии 5.2 и выше
Блог и магазин могут находится отдельно и иметь свои собственные адреса.

Если у Вас ещё нет магазина на платформе X-Cart, Вы можете начать с Базового пакета. Это бесплатный план, в котором нет ограничений по количеству продаж или продуктов.



Настройка модуля WordPress Integration

Настройки в панели администратора X-Cart

В секции Маркетплэйс необходимо включить 2 модуля:

  • REST API
  • WordPress Integration
Оба модуля бесплатны и доступны в любом из пакетов X-Cart 5.



Настройки в консоли WordPress

  • В меню открыть раздел “Плагины” → “Добавить новый”.
  • С помощью поиска найти плагин “X-Cart Integration” и нажать на кнопку “Установить”.
  • После установки плагин необходимо активировать, нажав на ссылку “Активировать”.
  • После активации появится ссылка “Настройки” у плагина и пункт X-Cart Integration в меню, нажав на любой из которых, Вы перейдёте на страницу настройки плагина.
  • На странице настроек необходимо указать адрес Вашего X-Cart магазин по образцу и размер контейнера для продуктовых картинок (максимальный размер изображений в пикселях)
  • Сохранить изменения


Установка модулей "REST API" и "WordPress Integration" Установка плагина “X-Cart Integration” Активация плагина “X-Cart Integration” Вызов страницы настроек плагина “X-Cart Integration” Настройка плагина “X-Cart Integration”

Добавление продуктов, категорий и виджетов в блог

Как добавить продукты в блог?

  • В панели администратора X-Cart выбрать нужный продукт и скопировать строчку кода во вкладке WP code.
  • В консоли WordPress открыть в режиме редактирования статью, куда нужно добавить продукт, вставить скопированный код в то место статьи, где должен появиться продукт, и сохранить изменения.
  • Продукт добавлен на страницу и доступен для покупки.


Скопировать код Вставить код в статью Продукт в статье


Как добавить категорию продуктов в блог?

  • В панели администратора X-Cart в меню “Каталог” -> “Категории” выбрать нужную категорию и скопировать строчку кода во вкладке WP code.
  • В консоли WordPress открыть в режиме редактирования статью, вставить скопированный код в то место статьи, где должна появиться сетка с продуктами выбранной категории, и сохранить изменения.
  • Сетка добавлена.

Сетка продуктов категории позволяет производить сортировку по продуктам, перемещаться в родительские категории и переключаться между страницами с продуктами, просматривать продукты и добавлять их в корзину.


Скопировать код Вставить код в статью Категория продуктов в статье


Как добавить виджеты категорий и поиска по продуктам в левую колонку?

  • В консоли WordPress в меню “Внешний вид” выбрать “Виджеты”.
  • После активации плагина X-Cart Integration появилось два виджета: X-Cart Categories (виджет категорий) и X-Cart Search (виджет поиска продуктов).
  • Чтобы добавить виджеты в левую колонку сайта, необходимо перетащить их мышкой в блок “Область для виджетов”.
  • В поле “Заголовок” указать заголовок для виджета и сохранить изменения.
  • Определить место в колонке, перетаскивая виджеты с помощью мыши.

Страница с результатами поиска позволяет осуществлять сортировку продуктов, переключаться между страницами с продуктами, просматривать продукты и добавлять в корзину.


Добавьте виджеты Список категорий и поиск по продуктам добавлены в левую колонку


Как добавить виджеты категорий и поиска в статью?

  • Вставьте код [xcart widget="categorymenu"] в любое место статьи, и в этом месте появится горизонтальное меню категорий Вашего магазина.
  • Вставьте код [xcart widget="search"] в любом месте статьи, и в этом месте появится поле поиска продуктов. На странице может быть только одно поле поиска продуктов, т.е. если Вы уже добавили виджет поиска продуктов в левую колонку сайта, то виджет, встроенный в статью, работать не будет.


Вставьте код горизонтального меню категорий в статью Горизонтальное меню категорий добавлено в запись Вставьте код поиска по родуктам в статью Поиск по продуктам добавлен в запись


По любым вопросам настройки X-Cart магазина и интеграции с WordPress Вы всегда можете обратиться к нашим инженерам. Пишите нам на support@x-cart.com. Будем рады помочь!

Яндекс.Метрика