Как показать похожие товары Woocommerce

От автора

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

Похожие товары Woocommerce

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

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

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

Плагин Woo Related Products

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

Решить задачу показать похожие товары Woocommerce, поможет плагин от авторов WooCommerce, под названием «Woo Related Products». Вот страница плагина в архиве ru.wordpress.org: https://ru.wordpress.org/plugins/woo-related-products-refresh-on-reload/

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

Плагин очень простой с легкими настройками и не должен вызвать проблем при настройке. Поясню несколько моментов. Если забыли, читать Как работать с плагинами WordPress

Слово «похожие» не совсем корректно для понимания работы плагина. Фактически плагин показывает не похожие, а связанные товары. Для цепочек связи используется таксономия системы WordPress. Напомню, таксономия WordPress это возможность объединения материалов рубрик.

К таксономии относятся категории товаров (Product Gategory), метки товаров (product_tag), атрибуты товаров(Product Attributes), метки WordPress (tag).

В скобках я показал префиксы таксономии по умолчанию. Вы могли их поменять в настройках (читать: Общая настройка WooCommerce ), это нужно учесть.

Настройки плагина Woo Related Products

Настройки плагина не сложные я показ и пояснил их на фото.

Настройки плагина Woo Related Products

Всего пять пунктов:

  • Выбор заголовка;
  • Выбор количество товаров для показа;
  • Выбор элемента таксономии.

Например, выбирая атрибуты товаров, можно показать похожие товары по цвету, размеру, текстуре и т.д.

Выбор элемента таксономии

  • Taxonomy IDs to exclude. Можно по ID исключать выкинуть товары их списка похожих.

Например. Выбрали для таксономии метки товаров (product_tag), но не хотите показывать в похожих, товары с меткой «черный». Идете на вкладку Товары>>>Метки, смотрите ID метки «черный» и вписываете этот ID в поле «Taxonomy IDs to exclude». Если их (ID) несколько разделяет их запятой.

  • Включение слайдера для показа товаров.

Внешний вид похожих товаров

Покажу, как будут показаны похожие товары.

как будут показаны похожие товары

На фото слайдер, с малым количеством похожих товаров в магазине скачиваемых товаров. Показываются похожие товары в самом низу карточки товара. CSS класс похожих товаров (.woocommerce ul.products li.product a img).

Тонкое использование плагина Woo Related Products

Как видите, настройки плагина не радуют разнообразием. Серьёзной фильтрации товаров нет, таксономия слишком объемная. Это не значит, что плагин плохой. Это значит, что у него есть скрытые возможности.

Плагин Woo Related Products поддерживает API Shortcodes и показ похожих материалов можно реализовать короткими кодами. Это расширит его использование.

Короткий код WordPress это условная фраза заключенная в квадратные скобки. Вставив её в описание товара, вы получите вывод похожих записей  в конкретном месте. Работают короткие коды в описаниях, виджетах (виджет Текст), страницах.

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

  • woo-related – похожие товары без настроек и фильтров;
  • woo-related id=’ZZ ’ – похожие товары с ID=ZZ;
  • woo-related id=’ZZ’ title=’no’ – похожие товары (product) с ID=ZZ, без заголовка. Подойдет для виджета;
  • woo-related product-id=’ZZ’ show-title=’заголовок’ – то же, в развернутом виде.

Вывод

Как видите показать похожие товары Woocommerce совсем не трудно. Надеюсь? эта статья вам помогла улучшить конверсию и еще лучше освоить магазин WooCommerce. Вопросы в комментариях.

©shopiweb.ru

Еще статьи

Похожие посты:

(Статью прочитали: 3 246 раз)
Поделись ссылкой с кем хочешь

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *