Как отображать варианты продукта в WooCommerce

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

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

Давайте нырнем прямо сейчас!

Понимание вариаций продукта WooCommerce

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

Каждому варианту продукта потребуется собственный номер товарной единицы (SKU), чтобы отличать его от других. Однако часто все варианты отображаются на одной странице продукта с селектором, чтобы свести к минимуму путаницу и убедиться, что клиенты видят все доступные варианты.

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

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

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

Как отображать варианты продукта в WooCommerce (за 4 шага)

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

Шаг 1. Создайте переменный продукт

WooCommerce позволяет вам настраивать варианты продукта прямо из коробки. Просто выберите « Продукты»> «Добавить», чтобы начать.

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

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

Шаг 2. Добавьте атрибуты продукта

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

Нажмите кнопку « Добавить» , чтобы применить выбранный атрибут. Затем заполните необходимую информацию ниже:

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

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

Шаг 3. Создайте свои вариации

Теперь вы можете перейти на вкладку Варианты . Там вы увидите раскрывающееся меню с двумя вариантами - Добавить вариант и Создать варианты из всех атрибутов :

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

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

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

Шаг 4. Предварительный просмотр и публикация вашего переменного продукта

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

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

Плагины для изменения продукта WooCommerce

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

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

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

Если у вас не так много изображений для демонстрации, Variation Swatches для WooCommerce изменяет селекторы атрибутов по умолчанию на визуально привлекательные кнопки, которые показывают покупателям возможность взглянуть на то, как выглядит каждый вариант:

На торговой площадке WooCommerce вы также найдете премиальные расширения вариантов продукта, такие как Таблица вариантов продукта для WooCommerce. Это решение добавляет таблицу с функциями сортировки и фильтрации и включает все варианты вашего продукта, чтобы клиенты могли быстро найти то, что они ищут. Плагин доступен по цене 49 долларов в год.

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

Заключение

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

Для отображения вариантов продукта в WooCommerce требуется всего четыре шага:

1. Создайте вариативный продукт.
2. Добавьте атрибуты продукта (например, размер и цвет).
3. Создайте свои варианты, чтобы у каждого был уникальный номер SKU (и цена, если применимо).
4. Просмотрите и опубликуйте свой переменный продукт.

У вас есть вопросы о вариантах продукта в WooCommerce? Спросите в разделе комментариев ниже!

Изображение Bloomicon / shutterstock.com