Как отображать рекомендуемые продукты в WooCommerce (3 простых способа)

Ищете простой способ показать рекомендуемые продукты WooCommerce на своем веб-сайте?

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

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

Что такое рекомендуемые продукты WooCommerce?

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

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

Как вы устанавливаете рекомендуемый продукт в WooCommerce?

Прежде чем отображать рекомендуемые продукты на своем веб-сайте, вам сначала необходимо установить определенные продукты с настройкой видимости продукта «Рекомендуемые». Вы можете сделать это, отредактировав существующий продукт или добавив новый продукт в WooCommerce.

Чтобы добавить настройку «Избранный продукт» к существующему продукту, перейдите в раздел « Продукты» »Все продукты из области администрирования WordPress. Затем наведите указатель мыши на продукт и нажмите кнопку « Изменить ».

Затем найдите панель «Опубликовать» в правой части редактора WordPress. Оттуда нажмите « Изменить » рядом с заголовком «Видимость каталога».

Теперь вы можете установить флажок «Это рекомендуемый продукт» и нажать « ОК ». Теперь нажмите «Обновить », чтобы сохранить изменения.

Повторите этот процесс для каждого продукта, который вы хотите сделать рекомендуемым. Чтобы ускорить процесс, вы можете щелкнуть параметр « Быстрое редактирование » и найти флажок «Избранный продукт» на этой панели.

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

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

Мы покажем вам, как это сделать дальше.

Как показать рекомендуемые товары в WooCommerce?

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

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

Способ 1: отображение избранных продуктов WooCommerce с помощью SeedProd

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

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

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

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

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

Имея это в виду, вот как отображать продукты WooCommerce с рекомендуемыми настройками с помощью SeedProd.

Шаг 1. Установите и активируйте SeedProd

Первый шаг — установить SeedProd на ваш сайт WooCommerce.

Вы можете следовать этому руководству о том, как установить плагин WordPress, если вам нужна помощь.

После установки ZIP-файла подключаемого модуля SeedProd перейдите в SeedProd » Settings и введите лицензионный ключ SeedProd.

Вы можете найти лицензионный ключ в разделе «Загрузки» вашей учетной записи на веб-сайте SeedProd.

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

Шаг 2. Создайте тему WooCommerce

Следующим шагом является создание страницы продукта WooCommerce. Есть 2 способа сделать это с помощью SeedProd:

Готовая тема WooCommerce

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

Отдельные части темы

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

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

Чтобы создать новую тему WooCommerce, перейдите в SeedProd »Theme Builder и нажмите кнопку Themes .

Нажав на эту кнопку, вы откроете библиотеку тем SeedProd для WordPress и WooCommerce. Каждая тема на 100% адаптирована для мобильных устройств, и вы можете редактировать дизайн и макет с помощью конструктора страниц SeedProd.

Наведите указатель мыши на любой дизайн и щелкните значок галочки, чтобы импортировать его в конструктор тем. В этом руководстве мы будем использовать «WooCommerce Starter Theme».

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

Мы покажем вам, как это сделать, настроив страницу магазина.

Шаг 3. Добавьте сетку рекомендуемых продуктов WooCommerce

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

Найдите шаблон страницы «Магазин» на панели инструментов конструктора тем и нажмите « Редактировать дизайн» , чтобы открыть конструктор страниц с перетаскиванием.

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

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

• Изменить номер столбца
• Отображение продуктов по типу и категории продукта
• Показать пагинацию
• Изменить заказ продукта

Вы можете настроить шрифты, размеры шрифтов, цвета, интервалы и многое другое на вкладке «Дополнительно».

Добавлять контент на свою страницу так же просто. Просто перетащите блок с левой панели на область предварительного просмотра.

Это то, что мы сделаем, чтобы добавить рекомендуемые продукты на страницу вашего магазина.

Сначала прокрутите вниз до панели блоков WooCommerce на левой боковой панели. Затем найдите блок « Избранные товары » и перетащите его на свою страницу.

Оттуда щелкните его, чтобы открыть настройки блока. Как видите, блок автоматически фильтрует ваши товары WooCommerce по статусу «Рекомендуемый товар».

Осталось только настроить сетку продуктов в соответствии с вашими потребностями.

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

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

• Архивы продуктов
• Страница продукта
• Верхний и нижний колонтитулы
• Страница блога
• Боковая панель
• Домашняя страница

Шаг 4. Опубликуйте свою тему WooCommerce

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

Для этого перейдите в SeedProd » Theme Builder и установите переключатель « Включить тему SeedProd» в положение «Вкл.».

Вот и все!

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

Способ 2: используйте виджет рекомендуемых продуктов WooCommerce

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

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

Чтобы использовать этот метод, создайте или отредактируйте страницу и щелкните значок плюса (+) в редакторе блоков WordPress, чтобы добавить новый блок. Затем введите «WooCommerce» в поле поиска и щелкните блок « Избранные продукты ».

Оттуда выберите продукт для отображения и нажмите Готово .

Выбранный вами продукт теперь будет встроен прямо на вашу страницу. В настройках блока можно настроить следующее:

• Описание
• Цена
• Наложение
• Непрозрачность наложения

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

Нажмите кнопку «Опубликовать» или «Обновить», когда вас все устраивает. Затем вы можете предварительно просмотреть свои продукты на своем веб-сайте.

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

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

Способ 3: использование шорткода рекомендуемых продуктов WooCommerce

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

Чтобы использовать метод шорткода, отредактируйте или создайте новую страницу, затем вставьте следующий шорткод WooCommerce в редактор.

 [featured_products]

При предварительном просмотре страницы вы увидите любой продукт с настройкой «рекомендуемые» в сетке на своей странице.

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

 [featured_products per_page="2" columns="2"]

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

Вот оно!

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

Вам также может понравиться это руководство о том, как показывать новые продукты в WooCommerce.

Спасибо за чтение. Следите за нами на YouTube, Twitter и Facebook, чтобы получать больше полезного контента для развития вашего бизнеса.