Как добавить варианты товара в WooCommerce: 4 метода!

Опубликовано: 2021-07-01

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

Что такое варианты продукта в WooCommerce и как они работают?

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

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

Атрибуты продукта

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

Каждая комбинация атрибутов определяет различные варианты продукта. Это означает, что варианты продукта зависят от этих атрибутов. Без атрибутов вы не сможете создавать варианты товаров в WooCommerce. Если вам нужна дополнительная информация о том, как создавать атрибуты продукта с вариантами, ознакомьтесь с этим руководством.

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

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

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

  1. Из панели управления WooCommerce
    1. Параметры по умолчанию
    2. Использование глобальных атрибутов
  2. С помощью специального плагина
  3. Программно

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

1.1) Как добавить варианты продукта, используя параметры WooCommerce по умолчанию

Начнем с простого процесса добавления вариативного продукта с панели управления WooCommerce.

На панели инструментов выберите « Продукты» > «Добавить новый». Затем назовите свой продукт, установите его как переменный продукт в разделе « Данные о продукте» и добавьте описание продукта (необязательно).

добавить варианты продукта в woocommerce - добавить новый переменный продукт

Добавление вариантов и атрибутов к отдельному продукту

Как мы упоминали ранее, чтобы создать переменный продукт , вам необходимо определить атрибуты для этого продукта. Наиболее распространенными атрибутами являются размер, цвет, качество и так далее. Чтобы добавить атрибут, просто перейдите на вкладку « Атрибуты » в разделе « Данные о продукте» и нажмите « Добавить ».

добавить варианты продукта в woocommerce - добавить новый настраиваемый атрибут переменного продукта

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

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

добавить варианты продукта в woocommerce - добавить новую переменную индивидуальную вариацию продукта создать

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

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

добавить варианты продукта в woocommerce - добавить новые переменные варианты продукта изменить значения вариантов

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

1.2) Как добавить варианты продукта, используя глобальные атрибуты

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

Создать глобальный атрибут

Чтобы создать глобальный атрибут, перейдите в раздел « Продукты» > «Атрибуты» . Добавьте имя и слаг и нажмите « Добавить атрибут ». Для нашей демонстрации мы добавим атрибут Color .

добавить варианты продукта в woocommerce - добавить глобальный атрибут
Теперь давайте добавим варианты/термины для этого атрибута. Для этого перейдите в раздел « Атрибуты » и нажмите « Настроить условия » под атрибутом, который вы только что создали.

добавить варианты продукта в woocommerce - глобальные атрибуты настраивают термины

Затем вам нужно будет добавить имя, слаг и описание для термина атрибута . Например, мы добавим красный цвет, поэтому нажмем кнопку « Добавить новый цвет/размер/термин », и это добавит варианты набора атрибутов.

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

Добавьте глобальный атрибут к переменному продукту

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

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

добавить варианты продукта в woocommerce - глобальные атрибуты данных о продукте

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

добавить варианты продукта в woocommerce - добавить глобальный вариант атрибута

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

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

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

2) Плагины для настройки вариантов WooCommerce и массового добавления переменных продуктов

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

1) Образцы вариаций для WooCommerce

добавить варианты продукта в woocommerce - образцы вариантов для woocommerce

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

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

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

Ключевая особенность
  • Дружественный интерфейс
  • Поддерживает вариативные продукты с несколькими вариациями и атрибутами
  • Автоматически преобразует все раскрывающиеся списки вариантов и легко преобразует глобально созданные варианты раскрывающихся списков атрибутов в образцы.
Цена

Variation Swatches для WooCommerce — это бесплатный плагин. У него есть бесплатная версия с базовыми функциями и несколько премиальных планов, стоимость которых начинается от 49 долларов США в год.

2) Массовое редактирование продуктов Elex для WooCommerce

добавить варианты продукта в woocommerce — плагин elex

Elex Bulk Edit Products позволяет массово редактировать товары, их цены и многое другое. Вы можете редактировать более 10 000 товаров одновременно, используя параметры массового редактирования. Кроме того, вы также можете использовать специальные параметры фильтра для массового редактирования определенных продуктов.

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

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

Elex Bulk Edit Products For WooCommerce — это бесплатный инструмент. Вы можете получить бесплатную версию из репозитория WordPress или получить премиальные планы, которые обойдутся вам в 79 долларов США в год.

3) Массовая вариация Barn 2 WooCommerce

Barn 2 WooCommerce Bulk Variation — отличный плагин, который позволяет отображать варианты вашего продукта в уникальных матрицах. Это дает вам быстрый и простой способ отобразить огромное количество вариантов продукта в удобной для просмотра сетке. Этот инструмент идеально подходит для тех, у кого есть вариативные продукты с множеством атрибутов и вариаций. Это позволяет отображать все варианты, детали атрибутов и различия наряду со сравнимыми ценами и функциями в интерактивной таблице.

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

Ключевая особенность
  • Предоставляет возможность отображать массовые вариации продуктов в уникальном сеточном дизайне.
  • Может отображать все атрибуты продукта, количество, информацию о запасах и цены в виде таблицы.
  • Предоставляет клиентам возможность определять количество и варианты выбора
Цены

Премиальный плагин Barn 2 WooCommerce Bulk Variation стоимостью от 79 долларов США в год.

4) Таблица вариантов продуктов для WooCommerce:

Product Variations Table for WooCommerce — это удобный плагин премиум-класса, который позволяет отображать данные о вариантах товаров в удобной таблице данных. Эта простая в использовании таблица позволяет вашим клиентам просматривать различные варианты, индивидуально добавлять количество и добавлять в корзину. Легко настройте таблицу вариантов с помощью специальных параметров фильтрации AJAX и т. д. Клиенты также могут легко искать различные варианты с различными атрибутами и тегами и сортировать по различным значениям, таким как цены, атрибуты, имена и т. д.

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

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

Таблица вариантов продуктов для WooCommerce начинается с 49 долларов в год.

5) Варианты цвета и этикетки YITH WooCommerce:

YITH WooCommerce Color and Label Variations — идеальный плагин, который добавит изюминку вашим продуктам. Добавляйте неограниченное количество вариаций к своим товарам Variable и персонализируйте их индивидуально для своего магазина. Настройте уникальные изображения, образцы, логотипы и даже изображения для кнопок вариантов вашего продукта. Кнопки вариантов WooCommerce по умолчанию выглядят почти пресно, и вы определенно можете воспользоваться помощью этого плагина, если хотите, чтобы ваш магазин WooCommerce выделялся лучше.

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

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

YITH WooCommerce Color and Label Variations стоит 79,99 евро (около 94 долларов США) в год.

Как редактировать образцы вариаций с помощью плагина

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

Использование плагина WooCommerce Variation Swatches

Сначала откройте панель администратора WP и перейдите в раздел « Продукты» > «Добавить новый». Затем используйте панель поиска в правом верхнем углу, чтобы найти Woo Variation Swatches от Emran Ahmed. Нажмите « Установить » на карточке плагина, а затем активируйте его.

добавить варианты продукта в woocommerce - установить образцы вариантов

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

Для этого перейдем в Товары > Атрибуты и откроем один из ранее созданных глобальных атрибутов.

добавить варианты продукта в woocommerce - образцы вариантов woo выбрать тип

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

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

Если вы хотите изменить цвет терминов, нажмите « Изменить » под ними и настройте цвет.

добавить варианты продукта в woocommerce - образцы вариантов woo меняют цвет на красный

Вы также можете использовать параметр «Изображение» в качестве типа образца и добавлять определенные изображения для каждого термина.

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

4) Как добавить варианты продукта в WooCommerce программно

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

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

ПРИМЕЧАНИЕ . Прежде чем начать, обязательно создайте полную резервную копию своего сайта и установите дочернюю тему.

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

 // Создание варианта продукта
$variation_id = wp_insert_post($variation_post);

// Получить экземпляр объекта WC_Product_Variation
$variation = новый WC_Product_Variation($variation_id);

// Перебор атрибутов вариантов
foreach ($variation_data['атрибуты'] as $attribute => $term_name )
{
$taxonomy = 'pa_'.$атрибут; // Таксономия атрибутов

// Если таксономии не существует, мы ее создаем (спасибо Карлу Ф. Корнейлу)
если ( ! таксономия_существует ( $ таксономия ) ) {
register_taxonomy(
$ таксономия,
'вариант_продукта',
множество(
'иерархический' => ложь,
'метка' => ucfirst($атрибут),
'query_var' => правда,
'rewrite' => array( 'slug' => sanitize_title($attribute) ), // Базовый слаг
),
);
}

// Проверяем, существует ли имя термина, и если нет, то создаем его.
если( ! term_exists($term_name, $taxonomy))
wp_insert_term($term_name, $taxonomy); // Создаем термин

$term_slug = get_term_by('name', $term_name, $taxonomy)->slug; // Получить слаг термина

// Получаем имена терминов поста из родительской переменной product.
$post_term_names = wp_get_post_terms($product_id, $taxonomy, array('fields' => 'names') );

// Проверяем, существует ли пост-термин, и если нет, то устанавливаем его в родительской переменной product.
если( ! in_array($term_name, $post_term_names))
wp_set_post_terms($product_id, $term_name, $taxonomy, true);

// Задаем/сохраняем данные атрибута в вариации товара
update_post_meta($variation_id, 'attribute_'.$taxonomy, $term_slug);
}

## Установить/сохранить все остальные данные

// Артикул
если( ! пусто($variation_data['sku'] ))
$variation->set_sku( $variation_data['sku'] );

// Цены
если(пусто($variation_data['sale_price'] )){
$variation->set_price($variation_data['regular_price'] );
} еще {
$variation->set_price($variation_data['sale_price'] );
$variation->set_sale_price($variation_data['sale_price'] );
}
$variation->set_regular_price($variation_data['regular_price']);

// Склад
если(! Пусто($variation_data['stock_qty'])){
$variation->set_stock_quantity( $variation_data['stock_qty'] );
$вариация->set_manage_stock(true);
$вариация->set_stock_status('');
} еще {
$вариация->set_manage_stock(false);
}

$вариация->set_weight(''); // вес (сброс)

$вариация->сохранить(); // Сохраняем данные
}

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

 $parent_id = 123; // Или получить переменный идентификатор продукта динамически

// Данные вариации
$variation_data = массив(
'атрибуты' => массив(
'размер' => 'Д',
'цвет' => 'Синий',
),
'sku' => ",
'обычная_цена' => '92.00',
'цена_продажи' => ",
'stock_qty' => 15,
);

// Функция, которую нужно запустить
create_product_variation($parent_id, $variation_data);

Этот фрагмент кода должен без проблем работать на всех сайтах. Тем не менее, мы рекомендуем вам взять его за основу и настроить в соответствии с вашими требованиями. Если эта часть не очень ясна, мы настоятельно рекомендуем вам прочитать наши руководства о том, как программно добавлять продукты WooCommerce, и полное руководство о WooCommerce Hooks. Эти сообщения будут хорошим руководством перед тем, как вы настроите файл plugin/function.php.

Вывод

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

В этом руководстве мы рассмотрели различные способы добавления вариантов продукта в WooCommerce :

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

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

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

Вам понравился этот пост? У вас есть вопросы по любому из методов? Дайте нам знать в комментариях ниже!

Чтобы узнать больше о различных вариантах продуктов в WooCommerce, мы рекомендуем вам ознакомиться со следующими сообщениями:

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