Как добавить дополнительные параметры продукта для WooCommerce (простые шаги)

Добавление дополнительных опций продукта в WooCommerce

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

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

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

Что такое YayExtra?

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

  • Печать по требованию
  • Гравировальное изделие
  • Пользовательские Холст печать
  • Подарочные вещи
  • Персонализированные продукты
  • Членство
  • Подписки
  • Бронирование

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

  • Создавайте группы вариантов продукта
  • Добавьте расширенные поля продукта, такие как образцы изображений, стили CSS, загрузка файлов, дата доставки
  • Легко настраивайте поля в соответствии с дизайном вашего веб-сайта, чтобы вы могли создавать свои настраиваемые поля с помощью CSS и HTML
  • Назначьте опции продукта страницам продукта оптом
  • Отобразить опции продукта условно Это очень интересная особенность YayExtra Вы можете отобразить определенные опции, когда выполняется определенное условие Эта функция очень полезна, когда вы хотите добавить пользовательские цены на основе условий.

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

Узнайте интерфейс YayExtra

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

После загрузки файла после покупки плагина перейдите в администратор WordPress и перейдите в "Плагины" > "Добавить новое", чтобы добавить плагин, затем вы сможете просмотреть загруженный zip-файл, чтобы активировать плагин. Это очень простой и понятный процесс, и вам нужен только загруженный файл.

После установки плагина вы можете увидеть пользовательский интерфейс на вкладке YayCommerce левой панели.

Наборы опций YayExtra

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

Наборы параметров

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

Массовое редактирование дополнительных наборов параметров продукта

Настраивать

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

настройте стиль дополнительных компонентов опций продукта на веб-сайте с помощью YayExtra

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

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

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

кнопка форматирования дополнительных опций продукта

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

Пользовательский CSS для стиля дополнительных опций продукта в WooCommerce

Настройки

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

глобальные настройки дополнительных наборов продуктов WooCommerce YayExtra

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

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

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

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

добавить новый набор опций YayExtra

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

настройте общую информацию о дополнительных наборах опций продукта для WooCommerce

Затем вы можете добавить параметры для этого набора параметров В этом примере вы можете создать параметры Размер и Цвет.

Варианты продуктов WooCommerce YayExtra

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

С этим плагином доступно несколько типов Опций Они есть

  • Текст
  • Номер
  • Галочка
  • Радио Кнопка
  • Кнопка
  • Мульти Селективные Кнопки
  • Образцы
  • Мульти Селективные Часы
  • Выпадающий список
  • Выбор даты
  • Тайм Пикер
  • Файл Загрузить
Выберите дополнительные типы продуктов WooCommerce YayExtra

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

настройте наборы опций в YayExtra

Значения опций

В этом интерфейсе можно

  • Добавьте значения опций для этого параметра
  • Добавьте дополнительные цены на стоимость опциона на продукт (дополнительная стоимость)
  • Добавьте несколько описаний (Дополнительное описание)
  • Свяжите параметры продукта со страницей (Связанный продукт)
  • Добавьте количество запасов, чтобы легко управлять запасами каждого варианта продукта (Управление запасами)
дополнительные значения опций продукта Yayextra

Здесь я добавляю 2 значения опции 'Маленький' и 'Большой' для опции для Размер. например, если я хочу добавить 2$ плату, когда клиент выбирает Большой размер, я включу Дополнительную стоимость и введу '2' в Дополнительное значение как Фиксированная сумма.

добавьте дополнительную стоимость для дополнительной стоимости опциона YayExtra

Расширенные настройки

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

расширенные настройки дополнительных опций продукта WooCommerce в YayExtra

Условные логики

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

добавьте условную логику для дополнительных опций продукта YayExtra

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

предварительный просмотр дополнительных опций продукта WooCommerce YayExtra

И не забудьте нажать Сохранить изменения непрерывно.

Как отобразить параметры продукта во фронтенде

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

Набор параметров настройки YayExtra

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

назначьте продукт с дополнительными опциями продукта

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

Пример дополнительных опций продукта WooCommerce

В этом примере вы можете увидеть, что дополнительная цена для опциона "Большой" составляет 2 доллара США, как мы его настроили.

Заключение

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

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

Фотография Роя Джеми
Рой Джеми
Я Рой Джеми, Content Wrangler и Marketer в Pixar Labs, работаю над Master Addons для Elementor.Я пишу учебные пособия, записываю видео и поддерживаю актуальность документации, поэтому вы всегда знаете, как использовать каждую функцию. Я также занимаюсь поддержкой, поэтому, если вы наткнетесь на корягу, я тот человек, который поможет вам исправить это. Реальные ответы, от кого-то, кто использует эти инструменты каждый день.
Сентябрьская распродажа

40% выключить все

Каждый Мастер Аддоны Про план, годовой и пожизненный Один код, восемь дней.

00дней
00час
00мин
00сек

Заканчивается в понедельник, 14 сентября, 23:59 по восточному времени

  • Личный1 сайт 129 долларов77 ДОЛЛАРОВ
  • Бизнес5 сайтов 199 долларов119 долларов
  • РазработчикНеограниченные сайтыЛучше всего для агентств 599 долларов359 долларов

Платите один раз. Никакого продления никогда.

Код купона МАЛИФЕ40
Получите скидку 40% прямо сейчас
  • Более 30 000 активных установок
  • 4,5/5 из 212 отзывов
  • 14-дневный возврат денег