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

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

Или, по крайней мере, это не является чем-то, что является главным приоритетом. Но когда вы сталкиваетесь с продуктом с многочисленными вариациями, это вдруг становится весьма актуальным делом.

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

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

Давайте начнем.

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

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

• Цвет
• Размер
• Стиль
• Материалы

Это не совсем то же самое, что фильтр товаров в WooCommerce. Даже когда вы фильтруете продукты, вам все равно нужно выбирать переменные.

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

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

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

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

Атрибуты против вариаций

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

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

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

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

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

Дело в том, что покупатель может выбирать варианты перед оформлением заказа как часть процесса конверсии, а атрибуты — нет.

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

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

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

1. Создайте атрибуты продукта

Ваша первая задача здесь — создать некоторые атрибуты продукта. Вы можете перейти в « Продукты» > «Атрибуты» на панели управления WordPress.

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

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

Оттуда вы можете щелкнуть ссылку « Настроить термины » рядом с только что созданным атрибутом.

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

Мы также добавили дополнительные термины для атрибута «Цвет». Вы можете увидеть «Зеленый», показанный выше.

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

2. Создайте вариативный продукт WooCommerce

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

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

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

Затем вы можете заполнить все соответствующие данные на вкладке « Общие », такие как цены.

3. Назначьте атрибуты

Теперь, когда ваш продукт настроен как переменный продукт, вы можете добавить к нему атрибуты, созданные ранее. Перейдите на вкладку « Атрибуты » и выберите один из созданных вами атрибутов. Затем нажмите кнопку Добавить .

Появится раздел Value(s) , в котором вы увидите все термины, назначенные ранее этому атрибуту. Выберите условия, применимые к этому конкретному продукту (или нажмите «Выбрать все », если это применимо и проще).

Убедитесь, что у вас установлен флажок «Отображается на странице продукта», если вы хотите, чтобы эти атрибуты были доступны для выбора вашими клиентами.

И если вы хотите создать варианты из этих атрибутов, также установите флажок «Используется для вариантов».

Завершите этот раздел, нажав Сохранить атрибуты .

4. Добавьте варианты

Ваша последняя задача здесь — добавить сами варианты на страницу продукта. Перейдите на вкладку « Варианты ».

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

Появится новое раскрывающееся меню, в котором вы сможете выбрать атрибуты, применимые к этому конкретному продукту. Выберите столько, сколько применимо к продукту.

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

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

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

Оптимизация вариантов продукта WooCommerce

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

1. Образцы

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

Эти параметры работают в быстром просмотре продукта, а также на страницах продукта. Вы даже можете выбрать форму образцов — закругленные или круги. Другие функции включают всплывающие подсказки при наведении и настраиваемые возможности CSS.

Варианты образцов для WooCommerce бесплатны.

2. Дополнительные варианты изображений

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

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

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

3. Фильтр атрибутов продукта

Product Filter от WooBeWoo — еще один отличный вариант плагина, на который стоит обратить внимание. Это позволяет посетителям вашего интернет-магазина сортировать ваши продукты по более широкому кругу факторов, включая категорию, теги, таксономию, цену и атрибуты.

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

Фильтр товаров от WooBeWoo бесплатен.

4. Настройте фид продукта

Еще один плагин, который стоит проверить, — это Product Feed PRO, который позволяет создавать фиды продуктов для маркетинговых целей. С его помощью вы можете создавать неограниченное количество продуктов и каналов, используя более 100 различных шаблонов для различных мест онлайн-маркетинга. Он включает в себя поддержку Google Shopping, Facebook Remarketing, Pricerunner, Bing Ads, Skroutz и т. д.

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

Продукт Feed PRO является бесплатным.

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

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

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

Плагин Extra Product Options для WooCommerce бесплатен. Также доступна премиальная опция, которая добавляет еще 7 опций продукта, включая средство выбора времени, HTML, цветовую палитру, загрузку файла, множественный выбор, средство выбора данных и временного диапазона и группу изображений. Премиум-версия стоит 39 долларов за лицензию на один сайт.

6. Добавьте динамическое ценообразование для вариантов

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

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

Варианты довольно гибкие и позволяют вам творчески подходить к ценообразованию и продажам. Advanced Dynamic Pricing для WooCommerce бесплатен, но доступна премиум-версия с дополнительными правилами и функциями. Премиум-цена начинается от 50 долларов в год.

7. Отображение вариантов в таблице

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

Он работает, позволяя вам отображать варианты продуктов в виде таблицы, с которой клиенты могут взаимодействовать с помощью функций сортировки и фильтрации Ajax. Клиенты могут даже искать продукты по вариациям в этом формате таблицы. И он включает кнопки « Добавить в корзину » рядом с каждым элементом в таблице, что повышает шансы на конверсию. Клиенты могут даже экспортировать информацию о вариантах в загруженные файлы в формате PDF, Excel или CSV.

Все создаваемые вами таблицы могут быть настроены в соответствии с брендом вашего магазина и включают в себя шорткод для удобного применения. Расширение Product Variations Table для WooCommerce стоит 49 долларов в год.

8. Варианты цветов и ярлыков YITH WooCommerce

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

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

YITH WooCommerce Color and Label Variations — это премиальное предложение по цене 89,99 долларов в год.

Резюме

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

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

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

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