Как настроить сопутствующие товары WooCommerce

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

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

Зачем настраивать сопутствующие товары в WooCommerce?

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

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

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

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

Как настроить сопутствующие товары WooCommerce

Редактировать раздел сопутствующих товаров можно разными способами:

1. Из панели управления WooCommerce
2. С плагинами
3. Программно

Давайте подробнее рассмотрим каждый метод.

1) Добавляйте и настраивайте сопутствующие товары на панели управления WooCommerce.

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

Допродажи и кросс-продажи

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

Этот параметр позволяет настраивать продукты, связанные с WooCommerce, для каждого элемента отдельно. Просто перейдите в « Продукты» и нажмите « Изменить» под продуктом, который вы хотите настроить.

Затем прокрутите вниз до раздела « Данные о продукте» и перейдите на вкладку « Связанные продукты ». Здесь вы можете указать, какие продукты вы хотите продавать или продавать дополнительно. Просто введите название продукта в любое из этих полей, и они отобразятся в разделе сопутствующих товаров. Помните, что вы можете добавить несколько продуктов в каждое из этих полей.

2) Настройте сопутствующие товары с помощью плагинов

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

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

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

1) Сопутствующие товары для WooCommerce от WebToffee

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

Вы также можете добавить отдельные продукты в раздел сопутствующих товаров или даже исключить их. Кроме того, вы можете исключить целые теги и категории. В целом, Related Products by WebToffee предоставляет любому пользователю WooCommerce простой способ быстро настроить свой раздел сопутствующих товаров без каких-либо трудностей.

Ключевая особенность

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

2) Сопутствующие товары для WooCommerce

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

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

Ключевая особенность

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

3) Слайдер сопутствующих товаров WPB для WooCommerce

WPB Related Products Slider — это специальный плагин, предназначенный для превращения вашего раздела сопутствующих товаров в привлекательные слайдеры товаров. Используйте оптимизированный слайдер продуктов, который поможет вам увеличить продажи сопутствующих товаров на любом устройстве, будь то смартфоны, планшеты или настольные компьютеры. Выбирайте между двумя уникальными темами и настраивайте плоский дизайн плагина по своему усмотрению.

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

Ключевая особенность

• Простота использования и настройки
• Динамический слайдер сопутствующих товаров с плоским дизайном
• Слайдер продуктов с плоским дизайном с 2 уникальными темами на выбор, которые вы можете настроить

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

Установка и настройка сопутствующих товаров для WooCommerce

Начнем с установки плагина на ваш сайт. На панели инструментов перейдите в « Плагины» > «Добавить новый» и используйте панель поиска в правом верхнем углу, чтобы найти сопутствующие товары для WooCommerce от WebToffee . Нажмите « Установить » на вкладке плагина, а затем активируйте его.

Затем откройте интерфейс плагина, выбрав WooCommerce > Сопутствующие товары.

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

Вы также можете включить дополнительные параметры, такие как скрытие товаров, которых нет в наличии, в разделе « Сопутствующие товары» , а также включить ползунок сопутствующих товаров.

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

Вы также можете выбрать порядок/сортировку связанных полей с помощью параметра «Упорядочить по» . Точно так же количество отображаемых продуктов позволяет вам выбрать, сколько товаров вы хотите, чтобы покупатели видели в разделе «Сопутствующие товары».

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

Добавить пользовательские сопутствующие товары

Вы также можете индивидуально добавлять пользовательские элементы к своим сопутствующим продуктам. В разделе « Продукты » откройте любой из ваших продуктов и откройте вкладку « Связанные продукты » в разделе « Данные о продукте».

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

Добавление сопутствующих товаров WooCommerce с помощью шорткодов

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

Чтобы использовать этот шорткод, откройте любую из своих страниц/сообщений и добавьте блок шорткода в свой редактор, используя опцию «Добавить шорткод».

Затем добавьте этот шорткод в блок:

 [wt-связанные-продукты product_]

Убедитесь, что вы заменили XX в шорткоде на идентификатор продукта, который вы будете использовать для сопутствующих товаров. Идентификатор продукта можно найти в списке продуктов.

Например, если ваш идентификатор продукта равен 147, ваш шорткод будет таким:

 [ wt-related-products product_ ]

Затем сохраните свой пост и просмотрите его, чтобы проверить, правильно ли он работает.

3) Программная настройка связанных продуктов

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

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

Как только вы это сделаете, откройте файлы темы, выбрав « Внешний вид» > «Редактор темы» . Затем нажмите на functions.php на боковой панели файлов справа.

Здесь вы можете добавить пользовательские фрагменты кода в этот редактор, чтобы настроить продукты, связанные с WooCommerce. Для раздела Сопутствующие товары вы будете использовать хук woocommerce_output_related_products_args . Этот хук имеет 3 параметра, которые вы можете использовать: $related_posts , $product_id и $args .

Если вы не знакомы с хуками и хотите узнать больше о том, как их использовать, ознакомьтесь с нашим руководством по хукам WooCommerce.

Используя хук woocommerce_output_related_products_args , вы можете создавать различные функции, которые вы можете использовать. Например, вы можете использовать этот код, который ограничит количество связанных продуктов до 4 на странице, расположенных в 2 столбцах.

 /**
* Изменить количество сопутствующих товаров
*/
функция woo_related_products_limit() {
глобальный $продукт;

$args['posts_per_page'] = 6;
вернуть $аргументы;
}
add_filter('woocommerce_output_related_products_args', 'jk_related_products_args', 20);
функция jk_related_products_args($args) {
$args['posts_per_page'] = 4; // 4 сопутствующих товара
$args['столбцы'] = 2; // расположены в 2 столбца
вернуть $аргументы;
}

Вставьте этот скрипт в редактор файлов темы и нажмите «Обновить ».

Кроме того, вы можете использовать этот другой скрипт для отображения только связанных продуктов с определенным идентификатором продукта :

 add_filter('woocommerce_related_products', 'add_related_products');
функция add_related_products($related_product_ids)
{
// Исходный код WC хранит идентификаторы в виде строки в этом массиве, так что я тоже так сделал
$related_product_ids[] = 'xx';
вернуть $related_product_ids;
}

Не забудьте заменить « XX » соответствующим идентификатором продукта.

Советы по увеличению конверсии с помощью сопутствующих товаров WooCommerce

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

Например, вы можете:

• Создавайте разделы «Сопутствующие товары» и слайдеры, чтобы специально рекламировать свои бестселлеры. Добавьте рекомендуемые продукты или предметы, которые вы хотите, чтобы ваши клиенты покупали
• Создавайте публикации и страницы для продвижения своих рекомендуемых продуктов: добавляйте к ним сопутствующие товары — это отличный способ привлечь больше потенциальных клиентов.
• Добавление наборов продуктов или товаров, которые обычно покупаются вместе, к вашим сопутствующим товарам по конкретным товарам, также может стать отличным способом увеличить ваш доход.
• Рассмотрите возможность добавления товаров со скидкой для дополнительных продаж. С помощью дополнительных продаж ваши сопутствующие товары будут отображаться в вашей корзине, и вы можете настроить ее так, чтобы вместо нее отображались товары со скидкой. Это дает больше стимулов для покупки большего количества товаров для ваших клиентов. Для получения дополнительной информации о том, как настроить оформление заказа, ознакомьтесь с этим руководством.

Бонус: как скрыть или удалить сопутствующие товары в WooCommerce

К настоящему времени вы должны знать, как добавлять и настраивать сопутствующие товары в WooCommerce. Но что, если вы ищете быстрый способ скрыть сопутствующие товары ? Мы вас прикрыли. В то время как некоторые компании могут получить много преимуществ с разделом « Сопутствующие товары », некоторые из вас могут не захотеть иметь его в своем магазине.

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

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

После того, как вы активировали свою дочернюю тему, перейдите в « Внешний вид»> «Редактор тем» и выберите functions.php на правой боковой панели « Файлы темы» . Затем нажмите Редактор посередине.

Затем просто добавьте следующий скрипт в редактор и нажмите « Обновить файл».

 remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Еще раз, если вместо программного удаления связанных продуктов вы предпочитаете использовать плагин или другой метод, мы настоятельно рекомендуем вам ознакомиться с нашим руководством о том, как скрыть связанные продукты WooCommerce.

Вывод

Таким образом, редактирование раздела связанных продуктов может помочь вам улучшить качество обслуживания клиентов и увеличить продажи.

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

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

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

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

• Как настроить страницу продукта в WooCommerce
• Как повторять заказы в WooCommerce
• Редактировать страницу магазина WooCommerce