Эти 12 плагинов для изменения продуктов для WooCommerce сделают ваш сайт проще в использовании
Опубликовано: 2021-10-05Выпадающие списки?
Возможно, вы были удивлены, когда впервые создали вариант продукта с помощью WooCommerce.
Если вы добавите «синюю» вариацию на свою футболку, вы увидите выпадающее меню на странице товара. Это прекрасно работает, но образец цвета был бы гораздо более интуитивным.
Все перечисленные здесь лучшие плагины для вариаций продуктов для WooCommerce решают эту проблему.
Плагины, перечисленные ниже, предоставят вам визуальные возможности для отображения вариантов вашего продукта, предоставив вам более красивые и простые для понимания способы поделиться размерами, цветами и т. д. вашего продукта.
Если вы предпочитаете не использовать варианты, вместо этого вы можете предпочесть эти надстройки к продукту.
- Лучшие плагины для вариаций товаров для WooCommerce
- 1. Лучшие варианты WooCommerce
- 2. Образцы вариантов WooCommerce
- 3. Дополнительные варианты изображений WooCommerce
- 4. Варианты показа WooCommerce на странице магазина
- 5. Варианты цветов и ярлыков YITH WooCommerce
- 6. Мастер вариантов WooCommerce
- 7. Массовые варианты WooCommerce
- 8. Таблица вариантов продуктов для WooCommerce
- 9. Таблица продуктов WooCommerce
- 10. ВуКомбинатор
- 11. Образцы вариаций для WooCommerce
- 12. Дополнительное изображение варианта WooCommerce
- Какой плагин вариации продукта лучше?
Лучшие плагины для вариаций товаров для WooCommerce
Сюда включены только плагины с высоким рейтингом.
Помимо очевидных бестселлеров, вы также найдете несколько уникальных дополнений для таких вещей, как таблицы вариантов продуктов и дополнительные вариативные изображения.
Эти плагины помогут вам продавать больше вариантов одного и того же продукта и упростить выбор вариантов для ваших покупателей.
Поскольку это плагины для электронной коммерции, которые помогут вам увеличить продажи, в основном это премиум-плагины, но в конце есть бесплатная опция.
1. Лучшие варианты WooCommerce
Описание плагина
Better Variations предлагает вам несколько простых, но уникальных вариантов для ваших вариативных продуктов. Он имеет два «режима отображения», доступных для настройки того, как вы представляете клиентам различные варианты выбора.
Режим отображения «Стандартный» позволяет убедиться, что варианты, которых нет в наличии, отключены и выделены серым цветом. Это означает, что они по-прежнему видны пользователю, но их нельзя выбрать. Эта функция работает как с одним, так и с несколькими атрибутами продукта. Вы также можете добавить дополнительный текст к вариантам, которых нет в наличии. Например, вы можете добавить простое сообщение типа «Нет в наличии!» или вы даже можете добавить дату, когда вариация снова будет в наличии.
Дополнительные параметры настройки включают возможность применять разные цвета к вариантам, имеющимся на складе, и к вариантам, которых нет в наличии. Вы даже можете отсортировать варианты так, чтобы товары в наличии отображались над товарами, которых нет в наличии. Все это простые идеи, которые можно легко реализовать с помощью плагина Better Variations.
Второй режим отображения — «Сетка». Это позволяет отображать все варианты продуктов в виде одной таблицы или сетки, чтобы клиенты могли вводить количества для нескольких продуктов без трудоемкой задачи по выбору каждого варианта по отдельности. Вы также можете отображать информацию о запасах и ценах для каждого варианта.
Режим сетки идеально подходит для B2B и оптовых сайтов, где покупателям нужно быстро добавить несколько вариантов в свою корзину. Это делает заказ переменных продуктов намного проще.
В целом, Better Variations — отличный плагин для любого магазина WooCommerce, в котором широко используются варианты товаров.
Узнать больше →
2. Образцы вариантов WooCommerce
Описание плагина
Еще один популярный плагин для рассмотрения — WooCommerce Variation Swatches. Самое приятное в этом плагине то, что он может автоматически преобразовывать существующие выпадающие списки в образцы. Переключение всех ваших продуктов на более элегантный дизайн для выбора образцов займет всего несколько минут.
Этот плагин WooCommerce также включает в себя возможность создавать двухцветные образцы. Круглый образец будет разделен пополам, чтобы покупатели могли легко увидеть палитру, которую они получат. А если вы предпочитаете показывать покупателям предварительный просмотр того, как продукт выглядит с выбранным цветом, вы можете заменить образцы цветов небольшими миниатюрами продуктов, автоматически сгенерированными из избранного изображения.
В целом, это отличный плагин для любого магазина, в котором используются цветовые вариации.
Узнать больше →
3. Дополнительные варианты изображений WooCommerce
Описание плагина
Основное ограничение вариантов заключается в том, что покупатели продолжают видеть одни и те же изображения и видео продуктов независимо от того, какой вариант они выбрали. Все меняется с помощью плагина WooCommerce Additional Variation Images.
С помощью этого плагина вы можете добавлять новые изображения и видео для каждого из вариантов вашего продукта. Это позволит покупателям лучше рассмотреть товар перед покупкой и повысит качество покупательского опыта.
Дополнительные изображения вариантов WooCommerce также предоставляют вам множество вариантов настройки. Вы можете включить автовоспроизведение для ползунка, показать/скрыть такие элементы, как стрелки, и изменить положение эскизов изображений. И, конечно же, все это полностью адаптивно и удобно для мобильных устройств, независимо от того, как вы его настроите.
Нажмите на ссылку ниже, чтобы увидеть больше скриншотов и деталей.
Узнать больше →
4. Варианты показа WooCommerce на странице магазина
Описание плагина
Обычно WooCommerce перечисляет все ваши продукты на странице магазина, и покупателям нужно будет выбрать продукт, чтобы увидеть его варианты. Для некоторых магазинов более практично включать все варианты продуктов на страницу магазина, и это именно то, что WooCommerce Показать варианты на странице магазина может сделать для вашего магазина.
Как только вы включите этот плагин, ваши продукты и все их варианты появятся на главной странице вашего магазина. Поскольку общие названия продуктов для вариаций неубедительны, вы можете переписать название каждой вариации, чтобы сделать его более привлекательным. Вы также обнаружите, что при фильтрации по атрибуту на странице магазина всегда будет отображаться правильный вариант.
Если вы хотите, чтобы ваши варианты были более заметными в вашем магазине, этот плагин вам очень поможет.
Узнать больше →
5. Варианты цветов и ярлыков YITH WooCommerce
Описание плагина
Этот плагин для вариаций продукта от YITH, скорее всего, именно тот плагин, который вы ищете. Он позволяет добавлять красивые образцы цветов и другие варианты выбора на страницы продуктов вместо скучных выпадающих меню, которые использует WooCommerce.
С помощью этого плагина вариантов вы можете выбрать правильный тип значка для отображения на странице продукта для каждой добавляемой вами переменной. Например, вы можете добавить палитру цветов, чтобы посетитель мог выбрать цвет, изображение для совершенно другого стиля или обычный текст для выбора размера. Одна только эта опция делает плагин достойным своей цены, но в него включено еще больше функций.
Вы также можете добавить совершенно другую галерею изображений для каждого варианта. Например, если у вас есть толстовка на продажу, и кто-то выбирает зеленую версию, все изображения в вашей галерее будут обновлены, чтобы соответствовать зеленой вариации. Вы также можете добавить небольшие всплывающие подсказки, которые появляются с большими изображениями эскизов стилей.
В дополнение ко всем этим функциям вы также можете добавить краткое описание под каждым вариантом, перечислить все варианты вариантов в разделе «Дополнительная информация» под описанием продукта и отображать ваши варианты как отдельные продукты на страницах вашего магазина.
В целом, это отличный плагин для управления вашими вариантами и улучшения пользовательского опыта для ваших клиентов.
Узнать больше →
6. Мастер вариантов WooCommerce
Описание плагина
Не зря этот плагин называется «Variation Master». Он делает гораздо больше, чем просто добавляет образцы и пользовательские ярлыки на страницы вашего продукта.
Как и следовало ожидать, этот плагин позволяет отображать образцы цветов на страницах продуктов и отдельные буквы для размеров элементов («L» для больших). В дополнение к этой функции, он также включает в себя множество других полезных функций.
С WooCommerce Variation Master вы можете добавить новую галерею изображений для каждого варианта. Если у вас есть четыре изображения для белой рубашки, а покупатель переключится на розовую версию, все четыре изображения галереи будут обновлены. Также есть возможность превратить изображения галереи в слайдер, чтобы вы могли добавлять еще больше изображений продуктов. Чтобы сделать покупки более удобными, вы можете включить все эти параметры непосредственно на странице магазина и на странице отдельного продукта.
Возможно, самая крутая функция в плагине WooCommerce Variation Master — это всплывающее окно страницы корзины. К каждому элементу корзины добавлена новая кнопка «Обновить», и если покупатель нажимает ее, отображается всплывающее окно прямо на странице корзины. Внутри всплывающего окна можно изменить параметры вариации. Например, черную рубашку можно поменять на синюю. Количество также можно регулировать.
Все дизайны, добавленные этим плагином, полностью адаптивны, поэтому параметры будут полностью доступны как на настольных, так и на мобильных устройствах. Если вам нужно множество способов настроить выбор вариантов для ваших продуктов, плагин WooCommerce Variation Master станет отличным выбором.
Узнать больше →
7. Массовые варианты WooCommerce
Описание плагина
В зависимости от типа продуктов, которые вы продаете, вы можете обнаружить, что клиенты хотят покупать несколько вариантов одного и того же продукта. Раскрывающиеся списки вариантов по умолчанию делают это довольно трудоемким, потому что вам нужно добавлять каждый вариант в корзину по одному.
Плагин WooCommerce Bulk Variations решает эту проблему, отображая все варианты для конкретного продукта в формате матрицы или сетки. Клиенты могут ввести количество, которое им требуется для каждого варианта, а затем нажать кнопку « Добавить в корзину » один раз вместо повторения процесса несколько раз.
Существует множество вариантов настройки сетки массовых вариантов. Вы можете выбрать, для каких продуктов его использовать и показывать ли изображение для каждого варианта. Существуют варианты выбора атрибутов для отображения в виде строк или столбцов в сетке вариантов, и вы можете отображать дополнительные сведения, такие как информация об акциях.
Узнать больше →
8. Таблица вариантов продуктов для WooCommerce
Описание плагина
Если вы продаете одежду, вам, скорее всего, подойдут образцы цветов и удобные визуальные опции для выбора одного предмета. Но для технических изделий этого может быть недостаточно. Например, покупатели, покупающие комплектующие для компьютеров или камеры, могут захотеть просмотреть сразу несколько характеристик. Вот тут-то и появляется плагин таблицы вариантов.
С плагином Product Variations Table for WooCommerce вы можете отобразить полную таблицу всех различных вариантов. Более того, посетители могут добавлять товары со стола прямо в корзину. Это означает, что вместо того, чтобы просто визуально представлять все варианты, вы можете использовать это как инструмент продаж, чтобы заставить посетителей покупать несколько вариантов одновременно.
Таблица включает поиск в реальном времени, который обновляет строки мгновенно, когда посетители вводят данные в строку поиска. Общеизвестно, что таблицы сложно адаптировать к мобильным устройствам, но этот плагин отлично справляется с адаптивным дизайном.
Узнать больше →
9. Таблица продуктов WooCommerce
Описание плагина
Обычно WooCommerce позволяет клиентам выбирать варианты только на одной странице продукта. Это не идеально, потому что, если клиент хочет купить несколько разных продуктов с переменными параметрами, он должен посетить несколько страниц.
Таблица продуктов WooCommerce — идеальное решение, потому что она позволяет клиентам добавлять варианты на одной странице продукта. Он делает это, перечисляя продукты в макете формы быстрого заказа, в комплекте с наборщиками количества и селекторами вариантов.
Вы можете перечислить продукты и варианты на странице магазина, страницах категорий или вручную, добавив шорткод на любую страницу или сообщение. Если у вас есть много продуктов на каждой таблице, вы можете помочь клиентам найти их с помощью окна поиска на основе AJAX. Также можно добавить раскрывающиеся списки фильтров, чтобы клиенты могли быстро фильтровать таблицу, чтобы найти переменные продукты с определенным атрибутом.
Существует два способа отображения вариантов в таблице продуктов. Вы можете показать их в виде раскрывающихся списков в столбце «Добавить в корзину» для каждого продукта или перечислить каждый вариант в отдельной строке таблицы. В любом случае, это отличный способ выбрать варианты за пределами одной страницы продукта.
Узнать больше →
10. ВуКомбинатор
Описание плагина
WooCombinator — еще один замечательный вариант для преобразования раскрывающихся списков вариантов в более привлекательный дизайн.
Этот плагин будет отображать все ваши варианты в виде кнопок над описанием продукта. Например, у вас может быть бутылка с вариантами «стекло» и «пластик», перечисленные на странице, и ваши посетители могут быстро щелкнуть одну из них, чтобы выбрать ее. Выбранный вариант выделяется на странице, чтобы их выбор был очевиден.
Если у вас есть несколько атрибутов WooCommerce и вариантов продукта, WooCombinator предоставляет отличный способ позволить посетителям быстро выбрать нужную версию продукта. Не говоря уже о том, что выбирать правильные варианты довольно весело, и в конечном итоге вы можете взимать больше в зависимости от этих вариантов, что улучшит вашу прибыль.
Если вы разработчик или знаете, как писать CSS, вы можете предпочесть этот плагин. Он позволяет добавлять пользовательские классы для элементов и состояний, а также легко добавлять собственные встроенные правила CSS. Существует также множество документации, которая поможет как начинающим, так и продвинутым пользователям.
WooCombinator обеспечивает гораздо более удобный интерфейс для ваших клиентов, чем выпадающие меню по умолчанию. Покупатели могут четко видеть все варианты сразу, и их выбор очевиден. Тем не менее, плагин YITH показывает фактические доступные цвета и может включать небольшие изображения продуктов, что является более четким и очевидным.
Узнать больше →
11. Образцы вариаций для WooCommerce
Описание плагина
Если вы ищете бесплатный и простой вариант, Variation Swatches для WooCommerce отлично подойдет.
Этот плагин работает именно так, как вы ожидаете. Он принимает ваши параметры цвета и вместо использования раскрывающегося меню, которое обычно отображает WooCommerce, выводит образцы цвета, которые можно легко щелкнуть. Это позволяет посетителям быстро увидеть, какие цвета доступны, и выбрать один из них.
Возможно, более практичными, чем простые образцы цветов, являются варианты изображений. Например, если у вас разные стили одних и тех же часов, вы можете заменить образцы цветов небольшими миниатюрами разных стилей часов. Образцы вариантов изображения более информативны, чем использование простых цветов.
Этот плагин WordPress работает с различными переменными атрибутами продукта, помимо цветов. Это также работает для размеров одежды, размеров обуви и размеров колец. Вы можете адаптировать его практически к любому атрибуту продукта, который вы хотите.
В то время как более продвинутые параметры ограничены версией PRO, бесплатная версия достаточно полезна и отлично подходит для добавления образцов цветов и изображений.
Узнать больше →
12. Дополнительное изображение варианта WooCommerce
Описание плагина
WooCommerce Additional Variation Image — это простой функциональный плагин, который добавит больше вариантов изображений на ваш сайт.
С помощью этого плагина вы можете добавить больше изображений продуктов для каждого варианта на вашем сайте. Когда потенциальный покупатель выбирает новый вариант, все изображения немедленно обновляются, чтобы соответствовать ему.
Хотя этот плагин WooCommerce не включает визуальные образцы, как другие, вы можете использовать его в дополнение к другим плагинам, перечисленным здесь. Это означает, что вы можете использовать другой плагин для замены выпадающих меню по умолчанию и придерживаться этого плагина для добавления дополнительных вариантов изображений.
Поскольку плагин продается в официальном магазине WooCommerce, вы также можете быть уверены, что он хорошо закодирован и полностью задокументирован командой разработчиков WooCommerce.
Узнать больше →
Какой плагин вариации продукта лучше?
Что ты подумал?
В этом списке есть много полезных плагинов, так что вы не уйдете с пустыми руками.
WooCommerce Better Variations — это простой плагин с надежными вариантами представления вариантов, поэтому он стал нашей рекомендацией №1.
Для некоторых сайтов YITH WooCommerce Color and Label Variations будет лучшим выбором. Он хорошо обрабатывает образцы цветовых атрибутов и многие другие переменные продукта. Это также позволяет использовать изображения, характерные для выбранной переменной.
Еще один плагин, на который стоит обратить внимание, — это Product Variations Table для WooCommerce просто потому, что он уникален. Если вы продаете много технических продуктов, которые необходимо сравнить и просмотреть, это отличный способ предоставить покупателям обзор.
Если вы ищете новый дизайн для своего магазина WooCommerce, ознакомьтесь с нашей темой Modern Store. Это бесплатно!
Получите тему Modern Store WooCommerce
Спасибо, что ознакомились с этой коллекцией лучших плагинов для вариантов продуктов WooCommerce, и, пожалуйста, не забудьте поделиться этой статьей с кем-то еще, прежде чем уйти.