CodeCanyon WooCommerce Boost Sales - Плагин WordPress

Руководство по настройке и применению CodeCanyon WooCommerce Boost Sales

CodeCanyon WooCommerce Boost Sales стоит рассматривать не как декоративный попап для магазина, а как инструмент управления дополнительными предложениями в WooCommerce: продажи более подходящего товара, комплекта сопутствующих товаров, блока "часто покупают вместе" и пороговой скидки через купон. В этом руководстве разберём, как подойти к настройке без хаоса: что проверить перед установкой, какие функции включать первыми, где плагин может конфликтовать с темой или корзиной, как проверить результат и когда лучше выбрать другое решение.

Материал не повторяет карточку продукта. Ниже собрана практическая схема работы: от первичного включения до тестового заказа, от настройки источников рекомендаций до диагностики ситуаций, когда попап не появляется или комплект считает цену не так, как ожидалось. Все точные факты о функциях опираются на документацию VillaTheme, страницу продукта, WordPress.org-страницу бесплатной версии, документацию WooCommerce и страницы близких альтернатив.

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

Как плагин встраивается в путь покупателя WooCommerce

В стандартном WooCommerce уже есть связанные товары: upsell обычно выводится на странице товара, cross-sell - в корзине, а related products строятся по категориям и меткам. CodeCanyon WooCommerce Boost Sales расширяет эту логику: рекомендации можно показывать как попап после добавления товара, как cross-sell комплект на странице товара, в корзине или на странице оформления, как блок "Frequently bought together" и как discount bar, который сообщает, сколько осталось до порога купона.

Эта разница важна. Если вы просто назначили связанные товары в Linked Products, покупатель может их не заметить из-за темы, шаблона товара или места вывода. Плагин делает предложения более активными: всплывающее окно, блок под кнопкой добавления в корзину, набор товаров с пересчётом цены, визуальный индикатор порога скидки. Такой подход полезен, но требует дисциплины в настройке.

Три уровня рекомендаций

Практически настройки делятся на три уровня. Первый - источник товаров: вручную выбранные upsell и cross-sell товары, товары WooCommerce из Linked Products, товары из той же категории, товары по меткам или недавно просмотренные товары. Второй - место показа: после Add to Cart, на странице товара, в корзине, на странице оформления, через shortcode или custom hook. Третий - поведение после клика: остаться на странице, перейти в корзину, перейти к оформлению, добавить комплект отдельно или как bundle.

Плагин полезен именно потому, что эти уровни можно комбинировать. Например, для дорогого товара лучше показать более дорогую модель или аксессуар сразу после добавления в корзину. Для набора "камера + карта памяти + чехол" удобнее cross-sell bundle с понятной скидкой. Для магазина с купоном на сумму заказа логичен discount bar, который не навязывает конкретный товар, а объясняет, сколько нужно добавить до условия.

Почему активные предложения нужно ограничивать

Попап после добавления товара может повысить заметность предложения, но он же легко становится раздражающим. Наиболее безопасная логика - показывать предложение там, где оно объяснимо: аксессуар к основному товару, расходник, более выгодный комплект, товар из той же категории, который покупатель уже просматривал. Если посетитель видит случайную подборку или повтор товара, который уже лежит в корзине, доверие к блоку падает.

Практическое правило: перед включением автоматических источников сначала настройте 5-10 ручных связок на популярных товарах и проверьте их в корзине. Только после этого подключайте категорию, метки или недавно просмотренные товары.

Где CodeCanyon WooCommerce Boost Sales будет полезен, а где может мешать

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

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

Подходит для управляемых продаж, а не для случайной витрины

Если у магазина есть понятные товарные пары, CodeCanyon WooCommerce Boost Sales позволяет быстро превратить их в рабочие связки. Вы можете указать, какие товары попадут в upsell, какие составят cross-sell bundle, где появится предложение и как оно будет выглядеть. Важно не путать это с автоматической персонализацией. Плагин не должен заменять мерчандайзинг: администратор всё равно отвечает за качество связок.

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

Где стоит быть осторожнее

На странице оформления заказа лучше не перегружать покупателя. Документация плагина позволяет включать cross-sell на cart и checkout pages, а также выбирать формат показа. Но для большинства магазинов checkout - место завершения покупки, а не место для агрессивной витрины. Если вы хотите предложить комплект на этом шаге, выбирайте короткое и очевидное предложение, не закрывайте поля оформления и обязательно проверяйте мобильную версию.

Отдельная зона риска - темы и конструкторы страниц. WooCommerce сам подчёркивает, что стандартные up-sell и cross-sell блоки зависят от темы. В активном плагине зависимость ещё заметнее: попап, кнопка, слайдер, иконка подарка, custom hook и блок под кнопкой Add to Cart должны не конфликтовать с шаблоном товара, мини-корзиной, кешем и сторонними скриптами.

Что проверить перед установкой и первым включением

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

Базовые технические условия

Документация VillaTheme указывает минимальные требования для WordPress, PHP и WooCommerce. Сами числа лучше сверять перед установкой на странице документации или в карточке продукта, потому что требования меняются. В статье важно другое: если магазин сильно отстаёт по WooCommerce или работает на нестандартной теме, сначала обновите тестовую копию, проверьте корзину и только потом переносите настройки на боевой сайт.

• Убедитесь, что WooCommerce установлен, включён и корзина работает без ошибок.
• Проверьте, не включён ли автоматический переход в корзину после добавления товара, если вы хотите показывать upsell pop-up после Add to Cart.
• Сделайте резервную копию перед установкой, особенно если магазин уже использует кастомные шаблоны товара или корзины.
• Подготовьте 3-5 тестовых товаров: основной товар, более дорогую альтернативу, аксессуар, комплект и товар не в наличии.
• Проверьте, как тема выводит стандартные WooCommerce upsells и cross-sells, чтобы понимать, какие блоки плагин должен заменить или усилить.

Подготовьте товарные связки до включения попапов

Самая частая ошибка - включить все функции сразу, а потом разбираться, почему покупателю показываются странные товары. Перед настройкой составьте таблицу связок вручную: основной товар, upsell, cross-sell, объяснение, желаемое место показа. Это можно сделать даже в обычном документе. Чем точнее вы сформулируете пользу предложения, тем проще будет выбрать источник в плагине.

После такой подготовки настройка становится предметной. Вы не просто включаете "увеличение продаж", а проверяете конкретную гипотезу: "к основному товару нужен аксессуар", "порог купона виден слишком поздно", "покупатель должен увидеть более выгодный комплект до checkout".

Установка и первичная проверка без риска для корзины

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

Порядок первичного включения

1. Откройте админ-панель WordPress и перейдите в Plugins.
2. Загрузите архив плагина через Add New и Upload Plugin.
3. Активируйте плагин и найдите раздел Woo Boost Sales в меню админ-панели.
4. В разделе General включите работу на desktop, а мобильный режим оставьте включённым только после отдельной проверки макета.
5. Сохраните изменения через Save или аналогичную кнопку интерфейса.

На этом этапе не включайте все попапы сразу. Сначала убедитесь, что админ-раздел открывается, товары ищутся, настройки сохраняются, а корзина не меняет базовое поведение. Если на сайте включён кеш страниц, исключите корзину и оформление заказа из кеширования по стандартным правилам вашего кеш-плагина. Это не специфичный обход WooCommerce Boost Sales, а обычная безопасная практика для любых динамических WooCommerce-страниц.

Ключевой нюанс для upsell pop-up

Документация VillaTheme отдельно указывает: чтобы pop-up после добавления товара появился, в WooCommerce нужно отключить перенаправление в корзину после успешного добавления товара. Иначе покупатель сразу уходит на cart page, а момент для показа предложения теряется. Проверьте путь WooCommerce - Settings - Products и настройку поведения Add to cart.

Проверка после установки: добавьте простой товар в корзину из карточки товара. Если страница сразу переходит в корзину, upsell pop-up может не появиться. Если страница остаётся на месте и корзина обновляется, можно переходить к настройке upsell-сценария.

Настройка upsell-попапа после добавления товара

Upsell в этом плагине работает вокруг момента Add to Cart. Покупатель выбрал основной товар, и магазин предлагает более выгодный, более дорогой или связанный товар. Важно не превращать upsell в повтор того же товара. Хороший upsell объясняет, почему стоит рассмотреть альтернативу или дополнение: больше объём, расширенная комплектация, лучший материал, версия с гарантией, набор расходников.

Источники товаров для upsell

Документация описывает несколько источников: ручной выбор на странице Up-Sells, синхронизация с WooCommerce upsells, recently viewed products, товары из той же категории, товары по меткам и исключения. Для первого запуска лучше использовать ручной выбор. Автоматические источники удобны, но они часто требуют чистого каталога: правильных категорий, меток, статусов наличия и логичных связей между товарами.

Ручные связки для главных товаров

Откройте Woo Boost Sales - Up-Sells. Найдите основной товар и выберите товары, которые должны появляться в попапе. Если у вас уже настроены upsells в WooCommerce, используйте синхронизацию, но не считайте её финальной проверкой. После синхронизации откройте карточку товара в публичной части и убедитесь, что попап показывает именно те товары, которые нужны.

Автоматические источники с ограничениями

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

Настройки поведения и дизайна

На странице Upsell проверьте включение функции, скрытие на single product, cart и checkout, скрытие товаров не в наличии, скрытие уже добавленных товаров, источники рекомендаций и поведение после добавления upsell-товара. В дизайне отдельно настройте количество товаров в строке, максимальное число позиций, стиль попапа, текст сообщения и вид кнопки Add to Cart.

Для типового магазина безопасная стартовая конфигурация выглядит так:

• Показывать 2-4 товара в попапе, а не весь набор категории.
• Скрывать товары, которые уже добавлены в корзину.
• Скрывать товары не в наличии, чтобы не провоцировать пустой выбор.
• Оставлять Continue Shopping с действием закрытия попапа, если покупатель ещё изучает каталог.
• Не включать редирект в checkout для первого теста, пока не проверено добавление upsell-товара.
• На мобильной версии использовать более простой template, если длинный слайдер перекрывает кнопку покупки.

Как проверить, что upsell настроен правильно

Создайте тестовый товар, назначьте для него один более дорогой товар и один аксессуар. Очистите корзину и cookies тестового браузера, откройте карточку товара, нажмите Add to Cart. Попап должен появиться после добавления, а не до него. Внутри попапа должны быть только выбранные товары, цена должна совпадать с карточками, кнопка добавления должна работать без перезагрузки, если включён Ajax-режим.

Если попап не появляется, не меняйте сразу дизайн. Сначала проверьте redirect after add to cart в WooCommerce, затем включение функции в Woo Boost Sales, затем наличие товаров в связке, затем исключения по категориям или товарам. Дизайн влияет на внешний вид, но не решает проблему отсутствующего источника.

Cross-sell bundles: как собрать комплект без путаницы в цене

Cross-sell в CodeCanyon WooCommerce Boost Sales сильнее стандартного WooCommerce, потому что плагин умеет создавать product bundles, показывать их в разных местах и пересчитывать цену по правилам. Это полезно, когда вы продаёте не просто "товар плюс аксессуар", а готовую покупательскую связку: камера плюс карта памяти, шампунь плюс кондиционер, принтер плюс бумага и картридж.

Создание связки на странице Cross-Sells

Перейдите в Woo Boost Sales - Cross-Sells. Выберите основной товар и товары, которые должны стать комплектом. Документация описывает действия Save, View, Remove all, quick edit product bundle и синхронизацию с WooCommerce cross-sells. После сохранения система создаёт bundle для этого товара, а администратор может отредактировать название, скидку и поведение связки.

Для первого комплекта не используйте много товаров. Два или три элемента проще проверить: основной товар, обязательный аксессуар и один опциональный товар. Если в комплект включены вариативные товары, отдельно проверьте выбор вариации в попапе или блоке. Документация плагина указывает поддержку variation products в cross-sell bundles, но реальная корректность зависит от того, как в вашем магазине настроены атрибуты, цены и наличие.

Где показывать комплект

В настройках cross-sell можно выбрать pop-up, вывод под кнопкой Add to Cart, вывод после описания или через custom hook. Для cart и checkout доступны отдельные настройки показа. Подход выбирайте по задачам:

• Под кнопкой добавления: Хорошо подходит для очевидных аксессуаров, которые покупатель должен увидеть до покупки.
• Pop-up: Подходит для короткого комплекта, если предложение важно показать сразу и оно не перекрывает критичные элементы темы.
• Cart page: Уместно, если покупатель уже собрал корзину и готов увидеть последнее дополнение.
• Checkout page: Используйте осторожно и только для простого предложения, потому что оформление заказа должно оставаться главным действием.
• Custom hook: Полезен разработчику или опытному вебмастеру, если тема имеет нестандартный шаблон товара.

Динамическая цена и выбор bundle type

Документация описывает rules для перерасчёта bundle price, варианты discount type, fixed amount и percentage, а также разные способы выбора комплекта, если товар связан с несколькими bundle. Для cart и checkout можно выбирать логику вроде random, highest price или largest quantity. На практике не стоит начинать с random: покупателю и администратору сложнее понять, почему сегодня показывается один комплект, а завтра другой.

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

Мини-итог: cross-sell bundle должен быть прозрачным: покупатель видит, какие товары входят в набор, какую выгоду получает и что именно попадёт в корзину после нажатия кнопки.

Frequently bought together и shortcode для точечного вывода

Блок "Frequently bought together" полезен там, где pop-up кажется слишком активным. Он остаётся частью страницы товара и даёт покупателю возможность спокойно выбрать несколько товаров. В документации VillaTheme для этой функции указаны источники: up-sells, cross-sells, Woo upsells, Woo cross-sells или комбинация. Также доступны позиции после формы добавления, после summary и после tabs, горизонтальный или вертикальный стиль и shortcode.

Когда использовать FBT вместо попапа

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

Shortcode как инструмент для лендинга или инструкции

Документация приводит shortcode [wbs_frequently_product] с параметрами вроде product_id, source, style, hide_if_added, select_type, after_atc и message. Это удобно, если вы хотите вывести комплект не только в стандартном месте карточки товара, но и на посадочной странице, странице акции или в блоке конструктора, который поддерживает shortcodes.

Пример безопасного подхода: сначала вставьте shortcode на тестовую страницу с конкретным product_id, выберите источник woo_cross_sells или cross_sells, проверьте отображение, затем уже переносите блок на рабочую страницу. Не вставляйте shortcode без product_id в месте, где нет текущего товара: в таком контексте плагин может не понять, для какого товара строить набор.

[wbs_frequently_product product_id="85" source="woo_cross_sells" style="horizontal" hide_if_added=1 select_type="button" after_atc="redirect_cart" message="Часто покупают вместе с этим товаром:"]

Этот пример не нужно копировать вслепую. Замените product_id на ID своего товара, источник выберите по вашей логике связок, а текст message адаптируйте под стиль магазина. После вставки проверьте публичную страницу, добавление выбранных товаров, поведение после клика и мобильный вид.

Discount bar: как связать купон WooCommerce с понятным стимулом

Discount bar в WooCommerce Boost Sales работает как индикатор порога: покупатель видит, сколько нужно добавить в корзину, чтобы получить скидку или выполнить условие купона. По документации, бар опирается на coupon system WooCommerce и может показывать сообщение до достижения порога, благодарность после достижения, кнопку checkout и позицию сверху или снизу страницы.

Настройка начинается с реального купона

Сначала убедитесь, что в WooCommerce разрешено использование купонов и создан нужный coupon. Затем откройте Woo Boost Sales - Discount, включите discount process bar, выберите купон и настройте текст. Если купон имеет ограничения по товарам, категориям или минимальной сумме, они должны совпадать с тем, что вы пишете в сообщении бара. Нельзя обещать скидку "на весь заказ", если купон работает только на часть товаров.

Как писать текст для бара

Документация показывает возможность использовать переменные вроде {discount_amount}. В русской версии магазина текст должен быть коротким: покупатель видит bar в движении, а не читает инструкцию. Хороший текст сообщает действие и результат: "Добавьте товаров ещё на нужную сумму, чтобы получить скидку" или "Порог скидки достигнут - проверьте корзину".

• Не используйте длинные рекламные фразы, которые растягивают bar.
• Не обещайте бесплатную доставку, если купон даёт скидку другого типа.
• Не включайте auto redirect checkout без теста: покупатель может захотеть продолжить покупки.
• Проверяйте, что bar не перекрывает sticky header, cookie banner, live chat или mini cart.

Проверка после настройки discount bar

Добавьте товар ниже порога, откройте корзину и посмотрите, показывает ли bar корректное расстояние до условия. Затем добавьте товар выше порога и проверьте сообщение достижения. После этого удалите товар из корзины: bar должен вернуться в исходное состояние или исчезнуть, если по настройке он не должен показываться пустой корзине.

Если сумма не совпадает, проверьте налоговые настройки, валюту, купон WooCommerce, исключённые категории и сторонние плагины скидок. Не исправляйте текстом то, что является ошибкой условий. Покупателю важна предсказуемость: если bar обещает одно, а checkout считает иначе, доверие к магазину снижается.

Сценарии применения по типам WooCommerce-магазинов

Одинаковые настройки не подходят всем магазинам. У одного магазина товары продаются наборами, у другого - поштучно, у третьего - через вариации, у четвёртого - через сезонные акции. Поэтому CodeCanyon WooCommerce Boost Sales лучше настраивать не "по всем функциям", а по сценариям. Ниже - несколько рабочих схем, которые можно адаптировать без выдумывания новых возможностей плагина.

Магазин электроники и аксессуаров

Для электроники главное - не перегружать покупателя похожими устройствами. Если человек покупает камеру, ноутбук или принтер, ему часто нужны аксессуары, но он не хочет видеть десять случайных товаров из категории. В таком магазине лучше использовать ручные cross-sell bundles и FBT-блок: основной товар плюс 2-3 проверенных аксессуара. Upsell pop-up можно оставить для более дорогой модели, но только если разница объяснима: объём памяти, мощность, комплект поставки, гарантия или совместимость.

Проверяйте вариации особенно внимательно. Карта памяти может быть разного объёма, чехол - разного размера, кабель - с разным разъёмом. Если вариативный товар трудно выбрать в попапе, выводите его в FBT-блоке на странице товара или ведите покупателя на карточку товара. Лучше один понятный аксессуар, чем три предложения, которые невозможно корректно добавить.

Косметика, уход и товары с повторной покупкой

В косметике хорошо работают комплекты "основной продукт + дополняющий продукт": шампунь и кондиционер, крем и сыворотка, уходовый набор. Здесь полезен cross-sell bundle с мягким текстом и discount bar, если акция завязана на сумму корзины. Покупателю важно понимать, что товары сочетаются между собой, поэтому в сообщении попапа или FBT-блока используйте не просто "добавьте ещё", а короткую объясняющую формулировку.

Для таких товаров часто важны категории и метки, но автоматические источники нужно держать под контролем. Если метка "уход" стоит у сотни товаров, предложение получится случайным. Создайте более узкие метки или ручные связки для популярных продуктов. Discount bar проверяйте на минимальной сумме и исключениях: если купон не применяется к акционным позициям, это должно быть учтено в условиях акции, а не спрятано в checkout.

Одежда и обувь

В одежде и обуви риск связан с вариациями. Покупатель выбирает размер, цвет и модель, поэтому pop-up с дополнительными товарами не должен заставлять его повторять сложный выбор. Для одежды чаще безопаснее блок под кнопкой или FBT после product summary: ремень к брюкам, носки к обуви, уходовое средство к кожаной сумке. Попап после Add to Cart используйте для простых аксессуаров без сложных вариаций.

На мобильной версии проверяйте карточки особенно тщательно. Длинные названия размеров, цветовые подписи и изображения могут сделать pop-up слишком плотным. Если покупатель не видит цену и кнопку одновременно, уменьшите количество позиций или выберите другой mobile template. Для такой категории важнее не количество рекомендаций, а спокойное завершение покупки.

Цифровые продукты и услуги

Для цифровых товаров upsell часто означает расширенную лицензию, дополнительный пакет, поддержку, установку или комплект материалов. Здесь pop-up может быть полезен, если объясняет разницу до checkout. Но не стоит имитировать товарный комплект там, где покупателю нужна документация. Для услуг и цифровых продуктов хороша связка: upsell pop-up для расширенного варианта, discount bar для пороговой акции и FBT только там, где действительно есть несколько самостоятельных позиций.

Проверяйте письма и статус заказа, если дополнительный товар влияет на доступ к файлам или услуге. WooCommerce Boost Sales управляет предложением и добавлением в корзину, но выдача цифрового продукта зависит от WooCommerce, платёжного метода и других расширений. Поэтому после тестового заказа обязательно проверьте, что покупатель получил именно те позиции, которые выбрал.

Сезонные акции и распродажи

Для распродаж discount bar часто полезнее pop-up. Покупатель уже мотивирован скидкой, и индикатор порога помогает добрать корзину без агрессивного окна. Но если вы используете cross-sell bundles, не смешивайте слишком много механик: один купон, один понятный порог, один тип комплекта. Сложная акция "купи три, получи скидку, добавь аксессуар, перейди в checkout" легко превращается в техническую путаницу.

Перед запуском акции создайте тестовый заказ ниже порога, ровно на пороге и выше порога. Проверьте, как bar меняет сообщение, применяется ли купон, не конфликтует ли bundle discount со скидкой купона и не исчезает ли предложение после удаления товара из корзины. Если условия начинают спорить между собой, упростите акцию: оставьте или bar, или bundle, но не оба механизма одновременно.

Дизайн, мобильная версия и совместимость с темой

Плагин даёт отдельные настройки дизайна для upsells, cross-sells и discount bar: цвета кнопок, фон, цвет текста, иконка подарка, положение иконки, template попапа, вид на мобильной версии, количество товаров в строке. Эти параметры нужно настраивать после логики связок, а не до неё. Красивый попап с неправильными товарами не помогает продажам.

Сначала читаемость, потом оформление

Для upsell pop-up проверьте, сколько товаров помещается без горизонтального хаоса. Если карточки становятся слишком мелкими, уменьшите число товаров или используйте другой add-to-cart style. Для cross-sell pop-up проверьте фон, цену, цвет save price и вид checkbox-шаблонов. Если покупатель не понимает, какие товары выбраны, лучше упростить шаблон, чем добавлять ещё один цветовой акцент.

Мобильная версия требует отдельного теста

В документации для upsell и cross-sell есть отдельные mobile templates: slider, scroll, vertical with checkbox. Не выбирайте мобильный шаблон по desktop-скриншоту. Откройте товар на реальном телефоне или в режиме адаптивной проверки браузера. Проверьте, видны ли название товара, цена, кнопка, вариации, закрытие попапа и итог корзины. Если pop-up занимает весь экран и покупатель не понимает, как вернуться к товару, настройку нужно смягчить.

Мультиязычные магазины

Документация VillaTheme указывает совместимость с WPML и Polylang, а также отдельный сценарий синхронизации upsell products между языками. Для мультиязычного магазина это важно: связка товара на основном языке не всегда автоматически становится корректной на другом языке. После синхронизации проверьте не только текст, но и соответствие товара-перевода, наличие, валюту и URL.

Безопасная правка внешнего вида через Custom CSS

В разделе Design есть блок Custom для CSS. Не стоит добавлять туда непроверенные селекторы из чужих тем. Безопасный способ - сначала открыть публичную страницу, найти конкретный контейнер попапа через инструменты разработчика, проверить правило во временном режиме, затем перенести минимальную правку. Если точный класс зависит от версии плагина или темы, оставьте CSS в дочерней теме или в настройках плагина и документируйте, что именно меняли.

Пример ниже показывает подход, а не универсальный готовый селектор. Замените .your-wbs-popup-selector на реальный класс контейнера, который увидите в HTML своего сайта.

.your-wbs-popup-selector {
  max-width: 720px;
  border-radius: 8px;
}

.your-wbs-popup-selector .button {
  min-height: 44px;
}

Проверка простая: откройте товар, вызовите pop-up, убедитесь, что ширина не ломает мобильный вид, кнопки остаются доступными, а CSS не влияет на обычные кнопки WooCommerce вне блока. Откат - удалить эти строки из Custom CSS или из файла дочерней темы.

Практический пример: комплект аксессуаров для популярного товара

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

Цель

Получить связку, где покупатель добавляет камеру в корзину, видит предложение с картой памяти и чехлом, может добавить комплект через cross-sell bundle или увидеть его как "Frequently bought together" на странице товара. Если покупатель уже добавил аксессуар, он не должен видеть его повторно.

Подготовка

• Камера, карта памяти и чехол опубликованы и доступны для покупки.
• У аксессуаров корректно указаны цены, наличие и вариации, если они есть.
• В WooCommerce отключено перенаправление в корзину после добавления, если нужен upsell pop-up.
• На тестовом браузере очищена корзина, чтобы предыдущие проверки не влияли на результат.

Шаги настройки

1. В Woo Boost Sales - Cross-Sells найдите товар "камера" и выберите карту памяти и чехол как cross-sell товары.
2. Сохраните связку и откройте quick edit product bundle, если нужно задать название комплекта и скидку.
3. В настройках cross-sell выберите место показа: для первого теста удобно Below Add to cart button на странице товара.
4. Включите скрытие товаров не в наличии и скрытие уже добавленных товаров, если такая настройка доступна в вашей версии.
5. В Frequently Bought Together выберите источник Cross-sells или Woo Cross-sells, позицию после формы добавления и горизонтальный стиль, если контейнер карточки достаточно широкий.
6. В разделе Design настройте цвета кнопки и шаблон так, чтобы блок не спорил с темой.
7. Сохраните настройки и откройте публичную карточку камеры.

Ожидаемый результат

На странице товара появляется понятный блок комплекта. Покупатель видит основную камеру и связанные аксессуары, может выбрать нужные позиции и добавить их в корзину. Если включён pop-up после Add to Cart, он появляется после добавления камеры и показывает только релевантные товары. В корзине комплект должен отразиться так, как задано в настройках: отдельными товарами или bundle, если выбран соответствующий режим.

Нюанс, который часто мешает

Если карта памяти уже добавлена в корзину, а блок всё равно предлагает её повторно, проверьте настройку скрытия добавленных товаров. Если блок не появляется вообще, проверьте источник: cross-sell товары на странице плагина, WooCommerce Linked Products, выбранный источник FBT и исключения по категориям. Если цена комплекта не совпадает с ожиданием, проверьте discount type, dynamic price rules, налоги и сторонние скидочные плагины.

Как оценить результат без ложных обещаний

Ни один upsell-плагин не гарантирует рост продаж сам по себе. Результат зависит от качества товарных связок, цены, доверия к магазину, скорости сайта, дизайна checkout и того, насколько предложение уместно. Поэтому после настройки важно измерять не только факт показа попапа, но и поведение покупателя.

Минимальная проверка после запуска

Создайте короткий чек-лист тестового заказа. Пройдите путь гостем и авторизованным пользователем, на desktop и mobile, с простым и вариативным товаром, с товаром в наличии и без него. Проверьте, что кнопки не ломают корзину, цена bundle понятна, discount bar не обещает лишнего, а checkout остаётся доступным.

• Попап появляется только там, где вы его включили.
• Товары в предложении не дублируют уже добавленные позиции.
• Скрытие out of stock работает для upsell и cross-sell сценариев.
• Ajax-добавление не создаёт две одинаковые позиции из-за двойного клика.
• Вариативные товары позволяют выбрать обязательные атрибуты.
• Discount bar совпадает с реальным купоном WooCommerce.
• Мобильный pop-up можно закрыть без потери товара в корзине.

Какие метрики смотреть

Если в магазине подключена аналитика, сравнивайте средний состав заказа, долю заказов с дополнительными товарами, отказы на cart и checkout, клики по предложениям и долю заказов, где достигнут порог купона. Не делайте вывод по одному дню: рекламные кампании, остатки на складе и сезонность могут исказить результат.

Лучший первый тест - один понятный сценарий на популярных товарах. Например, включить cross-sell bundle для 10 товаров и сравнить добавление аксессуаров до и после. Если результат положительный и checkout не просел, расширяйте связки. Если покупатели закрывают попап или уходят с cart page, снижайте агрессивность: меньше товаров, спокойный блок вместо pop-up, отключение checkout-показа.

Почему предложения не появляются или работают не так

Диагностику лучше проводить от простого к сложному. Не начинайте с изменения шаблона или CSS, пока не проверены источники товаров, основные переключатели и поведение WooCommerce. Ниже - типичные симптомы для такого плагина и безопасный порядок проверки.

Upsell pop-up не появляется после нажатия Add to Cart

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

Вероятные причины: включён redirect to cart после добавления, upsell-функция выключена, для товара нет источника рекомендаций, товар или категория попали в исключения, тема перехватывает кнопку добавления, кеш отдаёт старую версию страницы.

Что проверить

1. Отключите перенаправление в корзину после добавления товара в настройках WooCommerce.
2. Проверьте Woo Boost Sales - General и Upsell.
3. Назначьте один ручной upsell товар на странице Up-Sells.
4. Очистите кеш страницы товара и проверьте в приватном окне браузера.
5. Временно проверьте товар на стандартной теме или тестовой копии, если есть подозрение на конфликт шаблона.

Когда откатить: если попап появляется только при отключении важной функции темы или корзины, лучше использовать блок FBT на странице товара, а не ломать рабочий checkout.

Cross-sell bundle показывает неправильный набор

Симптом: покупатель видит не тот комплект, который администратор ожидал, или один и тот же товар повторяется в разных местах.

Вероятные причины: товар связан с несколькими bundles, выбран режим random, включена синхронизация с WooCommerce cross-sells, не настроено скрытие товаров, уже добавленных в корзину.

Как исправить: для первого теста отключите случайный выбор, выберите конкретный bundle type, удалите лишние cross-sell связи, проверьте Sync cross-sells и сделайте тест с пустой корзиной. Если товар в нескольких комплектах, используйте понятное правило выбора, например самый дорогой комплект или комплект с большим количеством позиций.

Цена комплекта или discount bar не совпадает с checkout

Симптом: блок показывает одну выгоду, а корзина или checkout считает иначе.

Вероятные причины: разные правила налога, сторонний скидочный плагин, coupon restrictions, dynamic price rules, неактуальный кеш, неучтённые вариации.

Что проверить: сначала проверьте сам купон WooCommerce и ограничения купона. Затем проверьте rules bundle price, discount type и сторонние плагины скидок. Если в магазине есть мультивалюта, проверьте совместимость и фактический пересчёт цены в каждой валюте.

Вариативный товар не добавляется из блока предложения

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

Вероятные причины: в настройке шаблона не выбран подходящий способ показа attributes, вариации не опубликованы, товар не в наличии, тема меняет стандартную форму вариаций.

Как исправить: проверьте товар в обычной карточке WooCommerce, затем настройку Select options template и Add-to-cart style. Если форма вариаций сложная, лучше показывать такой товар как обычную ссылку на страницу товара, а не пытаться добавить его прямо из попапа.

Попап закрывает важные элементы на мобильном

Симптом: покупатель не видит кнопку, не может закрыть pop-up или блок перекрывает mini cart, header, chat или cookie banner.

Вероятные причины: слишком много товаров, неподходящий mobile template, конфликт z-index, длинные названия товаров, слишком крупная иконка подарка.

Как исправить: уменьшите max item, выберите scroll или slider в зависимости от ширины, сократите message, проверьте icon position, временно отключите auto popup на checkout. Если проблема остаётся только в одной теме, используйте настройки темы или точечный CSS после проверки реального класса контейнера.

Видео по настройке WooCommerce Boost Sales

В документации VillaTheme указан официальный ролик по установке и использованию плагина. Его стоит смотреть после чтения разделов про подготовку и первые настройки: в видео полезнее сопоставлять интерфейс с уже понятной логикой upsell, cross-sell и discount bar, чем просто повторять клики без понимания.

Видео закрывает intent "как пользоваться WooCommerce Boost Sales" и помогает сверить базовый путь: включение функций, настройка рекомендаций и проверка отображения на сайте. Если интерфейс в вашей версии отличается, используйте ролик как визуальный ориентир, а точные параметры сверяйте с актуальной документацией VillaTheme.

Когда стоит использовать CodeCanyon WooCommerce Boost Sales

CodeCanyon WooCommerce Boost Sales будет удачным выбором, если у магазина есть понятные дополнительные предложения и вы готовы управлять ими вручную: выбрать товары, задать источник, проверить место показа, протестировать корзину и измерить результат. Плагин особенно полезен, когда нужно объединить upsell pop-up, cross-sell bundle, FBT-блок и discount bar в одном рабочем процессе.

Если же задача сводится только к стандартным связанным товарам, сначала проверьте встроенные upsells и cross-sells WooCommerce. Если нужен сложный конструктор наборов со складским учётом комплектующих, смотрите специализированные bundle-решения. Если нужна маркетинговая воронка после покупки, подойдут плагины с post-purchase upsell. Правильный выбор зависит от того, где именно вы хотите предложить покупателю следующий шаг.

Перед запуском на боевом сайте настройте один тестовый сценарий, проведите тестовый заказ, проверьте мобильную версию, discount bar и совместимость с темой. После этого можно получить файл CodeCanyon WooCommerce Boost Sales или перейти к установочному ZIP-архиву на странице продукта и повторить настройку по этому руководству уже на своей товарной матрице.