Рекомендованные товары (англ.: Featured Products) – один из способов акцентирования внимания посетителя сайта на определенных товарных позициях, которые можно вывести на страницах и в записях с помощью виджета, шорткода, блока визуального редактора контента Gutenberg. По мере развития интернет-магазина WooCommerce, способы отображения этой категории реализуемой продукции неоднократно менялись. В этой статье мы кратко рассмотрим историю изменений, разберемся, как создать и настроить рекомендованные товары WooCommerce, как вывести их на страницах и в записях в разных версиях расширения электронной коммерции.
Терминология
Слово «рекомендованный» – слишком вольный перевод «featured». В контексте функционала электронного магазина этому термину скорее соответствует словарное определение «имеющий характерные особенности» (английский) или «прославленный», «нашумевший», лучший в своем роде (американский английский). Если «featured actor» – актер первого плана, исполнитель главных ролей в фильмах/спектаклях, то «featured product» – это скорее не рекомендованный, а лучший продукт в своем роде. Или имеющий характерные особенности, выгодно отличающие его от аналогичных товаров. Причем сама суть преимущества, будь то идеальное соотношение цены и качества, выдающиеся технические характеристики или неординарный дизайн, остается за кадром.
История изменений
WooCommerce, версия:
- 2.1: определение новой функции wc_get_featured_product_ids(), дающей на выходе список ID рекомендованных товаров;
- 2.5.0: появляется WC_Widget_Products, расширение класса WC_Widget (входит в WP_Widget);
- 3.0: прекращена поддержка старой функции woocommerce_get_featured_product_ids();
- 3.2 исключен шорткод [featured_products];
- 3.2 вывод рекомендованных товаров включен в шорткод [products];
- 3.6: блок Featured Product, работающий в связке с редактором Gutenberg;
- 3.7: в рамках новой модели «Features as Plugins» началась «обкатка» блоков в расширении WooCommerce Blocks, определенном 18 октября 2018 года как «feature plugin» (функции для бета-тестирования, которые планируется позднее включить в ядро WooCommerce).
Дополнение WooCommerce Blocks разрабатывалось под редактор Gutenberg, впервые появившийся в WordPress 5.0. Первоначально Featured Product и другие блоки подключались с помощью расширения Products Blocks, определенного как «Feature Plugin», в который входят новые экспериментальные функции, нуждающиеся в бета-тестировании.
При следующем апдейте добавили предварительный просмотр в режиме реального времени. В последних релизах WooCommerce (начиная с версии 3.6) стабильные версии блоков, уже «обкатанные» в плагине WooCommerce Blocks, включаются непосредственно в ядро интернет-магазина как блоки визуального редактора контента Gutenberg.
Как создать Featured Products
Товар можно сделать «рекомендуемым» на странице с перечнем продукции в консоли администрирования. Для этого нужно либо нажать на значок с изображением звездочки справа от нужного объекта в общем списке, либо в редактировании свойств отдельного продукта поставить флажок в чекбоксе «Рекомендуемый» (Featured) справа от выпадающего списка «Видимость» (Visibility) в секции «Данные товара».
Еще один способ – установить флажок в соответствующем чекбоксе в блоке опций «Опубликовать» нужной товарной позиции. Флаговая кнопка находится прямо над «ОК».
Шорткоды [featured_products] и [products]
В плагине электронной коммерции WooCommerce до версии 3.2 для отображения товаров использовалось несколько шорткодов, включая [top_rated_products] (лучшие по рейтингу), [recent_products] (последние добавленные), [best_selling_products] («бестселлеры», лучше всего продающиеся) и другие. За отображение рекомендованных товаров отвечал шорткод [featured_products]. Пример использования:
[featured_products per_page=”8″ columns=”2″ orderby=”date” order=”desc”]
Этот шорткод выводит 8 рекомендованных товаров в две колонки. Товарные позиции сортируются по дате в порядке убывания.
Начиная с версии 3.2, все эти функции включены в шорткод [products]. Он существовал и ранее, но в ранних релизах отвечал только за вывод нескольких товарных позиций по списку ID или артикулов (SKU). Чтобы отображать на странице или в записи рекомендованные товары, аргументу ‘visibility’ должно быть присвоено значение «featured». Пример:
[products limit=”6″ columns=”2″ visibility=”featured”]
Этот шорткод загрузит до шести первых рекомендованных товаров в два столбца. По умолчанию товарные позиции сортируются по алфавиту, от A до Z и от «А» до «Я», однако порядок сортировки может быть переопределен аргументами ‘orderby’ и ‘order’. Описание этих и других атрибутов смотрите в официальной документации WooCommerce (Getting Started > Settings & Options > Shortcodes).
Блок Featured Product
Блок Featured Product доступен в электронном магазине WooCommerce версии 3.6 и выше, а также в плагине Products Blocks (WooCommerce Blocks). При разработке виджета программисты Automattic пошли по пути упрощения. В первых релизах блок включал в себя множество опций, в том числе переключатели отображения названия и рейтинга товара, цены, кнопки «Добавить в корзину». В последующих версиях количество настроек сократилось до четырех и даже до двух. Первый вариант (4 опции): источник списка товарных позиций (по умолчанию «All Products», «Все товары»), бегунки и текстовые поля количества колонок и рядов, порядок сортировки в виде выпадающего списка. Вариант с двумя опциями: название, количество товаров для отображения.
Разработчик аргументировал упрощение желанием избежать «перегруженности функционала» и стремлением сделать интерфейс более интуитивно понятным для неподготовленного пользователя. Авторы дополнения отмечают, что все удаленные опции легко меняются непосредственно в редакторе Gutenberg, поэтому их нет смысла дублировать еще и в блоках.
Виджет WooCommerce Products
Чтобы использовать виджет WooCommerce Products на своем сайте WordPress, нужно зайти в консоль администрирования WP > Appearance («Внешний вид») > Widgets и перетащить его мышкой (drag-and-drop) в сайдбар либо в другое место, где вашей темой предусмотрена установка виджетов. Если кликнуть по не активированному виджету, в выпадающем списке покажутся все места, где его можно разместить. Например:
- Sidebar (боковая панель);
- Below Header (под шапкой сайта WordPress);
- Footer Column 1 (первая колонка футера);
- Footer Column 2 (вторая);
- Footer Column 3 (третья);
- Footer Column 4 (четвертая).
Также виджеты можно размещать на страницах и в записях с помощью Assistant, встроенного инструмента WooCommerce.
Для вывода на экран рекомендованных товаров в выпадающем списке опции Show («Показать») должен быть выбран пункт ‘Featured Products’. Опции виджета:
- Products: источник, по умолчанию – пункт выпадающего списка Products («Все товары»);
- Title: название модуля (текстовое поле);
- Number of products to show: количество товаров для отображения (текстовое поле);
- Show: Featured Products (выпадающий список);
- Order by: параметр для сортировки (выпадающий список);
- Order: порядок сортировки (выпадающий список);
- Hide free products: скрыть бесплатные товары (чекбокс);
- Show hidden products: отобразить скрытые товары (чекбокс).
В нескольких вариантах русской локализации WooCommerce опция ‘Order’ переводится как «Заказ», что может сбить с толку пользователя. На самом деле, здесь это слово означает «Порядок [сортировки]».
Примеры использования:
Задача: отобразить 10 последних добавленных товаров с атрибутом «рекомендованный».
Опции: Количество товаров = 10, Показать = Featured Products, Сортировка = Date («Дата»), Порядок сортировки (Order) = DESC (по убыванию).
Задача: отобразить 6 случайным образом выбранных товаров с атрибутом «рекомендованный».
Опции: Количество товаров = 6, Показать = Featured Products, Сортировка (Order by) = Random.
WC_Widget_Products входит в класс WC_Widget, расширение класса WP_Widget, начиная с версии 2.5.0 WooCommerce. Более подробную информацию по классам и функциям отображения товаров (в том числе рекомендованных) можно найти в руководстве разработчика WooCommerce Code Reference в официальном профиле интернет-магазина в сервисе GitHub.
Плагин Featured Products First для WooCommerce
Если вам нужно опубликовать некоторые товары прежде всех остальных, можно воспользоваться компактным и нетребовательным плагином Featured Products First для WooCommerce. У расширения есть премиальные подписки, однако базовый (бесплатный) функционал достаточен для большинства пользователей.
Краткая справка о расширении:
- автор: Prashant Baldha;
- текущая версия: 1.8;
- количество активных инсталляций: около 1000;
- последний апдейт: 2 года назад;
- пользовательский йрейтинг WordPress: 4;
- WordPress: 3.0 и выше, тестировано до 4.9.16;
- PHP: 5.3 и выше;
- поддержка: через форум WordPress.org;
- цена: бесплатно, от $7,42/месяц.
Стоимость премиальной подписки составляет:
- $19/месяц (при помесячной оплате);
- $7,42/месяц (при оплате годовой подписки, $89);
- $199 (пожизненная лицензия).
Особенности Featured Products First (бесплатный план):
- вывод рекомендованных товаров перед остальными на главной странице магазина, в в результатах поиска, архиве категорий продукции;
- виджет Featured Products First в панели администрирования;
- многоязычная поддержка;
- включение/отключение опции вывода рекомендованных товаров первыми в списке.
К сожалению, порядок сортировки меняется только в платных пакетах плагина. Также в премиальной подписке расширяется «география» возможных мест вывода продукции с функцией Featured Products First. Большинство пользователей прекрасно обходятся без этих двух опций.
Плагин WooCommerce Gutenberg Products Blocks
Стабильные версии Featured Product и других блоков интегрируются непосредственно в ядро WooCommerce. Расширение Products Blocks есть смысл устанавливать лишь в том случае, если хотите протестировать экспериментальные функции, еще не включенные в расширение интернет-магазина.
Краткие сведения о плагине WooCommerce Blocks:
- разработчик: Automattic;
- текущая версия: 3.7.0;
- полное название расширения: WooCommerce Gutenberg Products Blocks;
- краткие названия: WooCommerce Blocks, Products Blocks;
- официальный сайт: woocommerce.com;
- дата создания: 18 апреля 2018 г.;
- последнее обновление: 5 дней назад;
- версия WordPress: 5.0 и выше, рекомендуется 5.3 и выше, тестировано до 5.5.3;
- PHP: 5.6 и выше (рекомендуется 7.2 и выше);
- версия WooCommerce: 4.2 и выше (рекомендуется 4.3 и выше);
- версия БД MySQL: 5.0 и выше (рекомендуется 5.6 и выше);
- необходимое программное обеспечение: WooCommerce + Gutenberg;
- рекомендуемые настройки сервера: память WP не менее 128 Мб, поддержка HTTPS;
- количество активных установок: более 200000;
- языки интерфейса: 16, включая украинский и русский;
- цена: бесплатно.
Образцы оформления товаров с помощью блоков находятся в sample_products.csv. Для импорта данных можно воспользоваться стандартным инструментом Product CSV Importer and Exporter (интегрирован в WooCommerce 3.1.x и выше) или официальным плагином CSV Import Suite.
Заключение
Возможность представить рекомендованные товары WooCommerce на страницах и в записях сайта на CMS WordPress – неплохой вариант акцентирования внимания потенциального покупателя на определенной продукции. Featured Products может стать неплохим вспомогательным маркетинговым инструментом для повышения конверсии вашего электронного магазина. Главное – правильно этим инструментом воспользоваться.
