Как создавать вариативные продукты в WooCommerce? »WebNots

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

Связано: Полное руководство по настройке магазина WooCommerce в WordPress.

Что такое переменный продукт?

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

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

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

Изменяемая структура продукта
Изменяемая структура продукта

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

  • Бронзовый план – 10 страниц сайта стоимостью 500 долларов.
  • Серебряный план – 25 страниц сайта с поисковой оптимизацией за 750 долларов.
  • Золотой план – 50 страниц с SEO и бесплатный купон Google Реклама на 100 долларов за 1000 долларов.

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

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

Использование атрибутов в WooCommerce

Есть два способа использовать атрибуты продукта в WooCommerce.

  • Создавайте и используйте настраиваемые атрибуты для каждого продукта. Это очень просто и рекомендуется для владельцев малого бизнеса с меньшим количеством товаров. Предложение услуги по созданию веб-сайтов – хороший пример для этого случая.
  • Централизованно создавайте глобальные атрибуты и используйте их в нескольких продуктах. Это полезно для владельцев крупных магазинов, которые продают разные типы товаров со схожими атрибутами. Хорошим примером является продажа рубашек разных типов, так как все шорты должны иметь общие атрибуты, такие как цвет и размер.

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

Создание глобальных атрибутов в WooCommerce

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

Создать атрибут для вариаций
Создать атрибут для вариаций

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

Настроить условия атрибута
Настроить условия атрибута

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

Добавить значения вариации для атрибутов
Добавить значения вариации для атрибутов

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

Значения для атрибутов
Значения для атрибутов

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

Предложение SEO: Оптимизируйте свой сайт с помощью специальной 14-дневной бесплатной пробной версии SEMrush.

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

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

Создание переменного продукта в WooCommerce
Создание переменного продукта в WooCommerce

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

  • Выберите глобальный атрибут, применимый к вашему продукту, и нажмите кнопку «Добавить».
Использовать глобальный атрибут или создать собственный атрибут
Использовать глобальный атрибут или создать собственный атрибут
  • Это откроет дополнительные возможности для выбора ранее созданных значений атрибутов.
Значения атрибутов
Значения атрибутов
  • Щелкните поле «Значение (я)», чтобы просмотреть все доступные параметры и выбрать требуемые значения.
  • Также установите флажки напротив «Видно на странице продукта» и «Используется для вариантов».
Видно на странице продукта и используется для вариаций
Видно на странице продукта и используется для вариаций
  • Нажмите кнопку «Сохранить атрибуты», чтобы сохранить изменения.

Создание настраиваемых атрибутов для продукта

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

Создание собственных атрибутов продукта
Создание собственных атрибутов продукта
  • Введите имя для вашего атрибута.
  • Как упоминалось в текстовом поле «Значение (я)», вы можете указать значения, разделенные знаком | как показано ниже.
  • Также не забудьте установить флажки для отображения на странице продукта и использованных или вариаций.
  • Нажмите кнопку «Сохранить атрибуты», чтобы сохранить изменения.
Назначьте пользовательские значения для атрибутов
Назначьте пользовательские значения для атрибутов

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

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

Создание вариаций продукта

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

Добавить вариации
Добавить вариации

Вы увидите предупреждающее сообщение о том, что за один прогон разрешено 50 вариантов, нажмите «ОК», чтобы сгенерировать все возможные варианты. Как видите, WooCommerce создаст все 4 возможных варианта.

Вариации для всех возможных значений
Вариации для всех возможных значений

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

Связанные с: WooCommerce SEO – подробное руководство для новичков.

Добавление деталей для вариаций продукта

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

  • Нажмите на первый вариант, чтобы добавить для него конкретные детали.
Добавить информацию об изменении продукта
Добавить сведения об изменении продукта
  • Введите обычную цену (обязательно) и продажную цену (необязательно) для варианта продукта.
  • Если это применимо к вашему продукту, заполните другие соответствующие данные, например загрузите вариант изображения.
  • Точно так же щелкните каждый вариант и добавьте для него цену.
  • Сохраните изменения, чтобы применить цену ко всем вариантам.

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

Установить вариативную цену
Установить вариативную цену

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

Просмотр продукта на опубликованном сайте

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

Вариативное отображение продукта на опубликованной странице
Вариативное отображение продукта на опубликованной странице

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

Информация о дополнительных атрибутах
Информация о дополнительных атрибутах

Для переменных продуктов на страницах архива будет отображаться кнопка типа «Показать параметры» или «Просмотреть подробности» или что-то в этом роде. Фактический дизайн может отличаться в зависимости от вашей темы.

Отображение архива для переменного продукта
Отображение архива для переменного продукта

Заключительные слова

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

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *