Как добавить образцы цветовых вариаций в продукты WooCommerce

Cara Menambahkan Contoh Variasi Warna ke Produk WooCommerce
Shares

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

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

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

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

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

Добавьте образцы цветовых вариаций на страницу продукта с помощью YaySwatches

Образцы вариаций для WooCommerce — YaySwatches (бесплатная версия) — это тип плагина вариаций для WooCommerce, который позволит вам демонстрировать различные селекторы вариаций, такие как образцы изображений и кнопки, и добавлять цветовые вариации для вашего магазина WooCommerce.

How to Add Colour Variation Swatches to WooCommerce Products
How to Add Colour Variation Swatches to WooCommerce Products

Шаги по использованию этого плагина довольно просты:

Во-первых, вам необходимо приобрести и правильно установить плагин YaySwatches и настроить его на своем веб-сайте WooCommerce. Чтобы установить, выполните следующие действия;

  • Перейдите в «Плагины» — перейдите к «Добавить новый» — затем загрузите плагины.
  • Выберите загруженный zip-файл, загрузите его, затем нажмите «Активировать».
  • После активации вам потребуется ввести лицензионный ключ для проверки.
  • Теперь, когда плагин установлен, вы можете начать добавлять образцы цветовых вариаций.

Сделайте это;

  • Перейдите в «Продукты», затем в «Атрибуты» на панели инструментов.
  • Нажмите кнопку редактирования на атрибутах, которые вы хотите добавить к образцам цвета.
How to Add Colour Variation Swatches to WooCommerce Products
How to Add Colour Variation Swatches to WooCommerce Products
  • На третьем этапе вы можете выбрать тип образца, который в данном случае является образцом цвета.
How to Add Colour Variation Swatches to WooCommerce Products
How to Add Colour Variation Swatches to WooCommerce Products

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

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

Наконец, нажмите «Обновить», чтобы завершить процесс.

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

Добавьте образцы и фотографии вариантов WooCommerce на страницу магазина

С YaySwatches добавление образцов вариантов и фотографий на страницу магазина/категории WooCommerce очень просто.

Пожалуйста, выполните следующие действия:

Шаг 1. Убедитесь, что вы добавили атрибуты и настроили переменные продукта, если вы этого еще не сделали.

Шаг 2: Перейдите в меню YaySwatches > Настройки магазина/категории, чтобы найти вкладку вариантов.

Шаг 3: Настройте отображение образцов вариантов на основе выбранных атрибутов.

Шаг 4: Выберите размер экрана и другие параметры.

Шаг 5: Просмотрите образцы на правой панели и нажмите «Сохранить изменения».

How to Add Colour Variation Swatches to WooCommerce Products
How to Add Colour Variation Swatches to WooCommerce Products

Альтернативные способы включения образцов для WooCommerce

Помимо YaySwatches, вот несколько других решений, которые помогут вам запустить образцы в вашем магазине. Хотя шаги не столь просты, эти плагины по-прежнему жизнеспособны, и вы можете загрузить их с торговой площадки WordPress или Envato Codecanyon.

Давайте посмотрим, что они могут предложить.

Swatchly — образцы вариантов WooCommerce для продуктов

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

Как и другие, вам нужно будет установить и интегрировать его в свой веб-сайт WooCommerce после покупки.

После этого;

  • Выберите продукты, а затем перейдите к атрибутам, как на панели инструментов.
  • Нажмите на редактирование атрибутов, к которым вы хотите добавить образцы цвета.
  • Выберите тип образца и щелкните образец цвета.
  • Добавьте атрибуты цвета в соответствии с вашими требованиями.
  • Нажмите на параметр «Обновить», чтобы завершить процесс.
How to Add Colour Variation Swatches to WooCommerce Products
How to Add Colour Variation Swatches to WooCommerce Products

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

WooSwatches — образцы цветов или вариаций изображений WooCommerce

WooSwatches поддерживает выбор цвета/изображения/текста и выбор в раскрывающемся списке. Он предлагает встроенную функцию прямой ссылки на вариант.

How to Add Colour Variation Swatches to WooCommerce Products
How to Add Colour Variation Swatches to WooCommerce Products

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

Заключение

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

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

Previous Post
No-Code vs Low-Code

20 лучших сайтов для изучения программирования бесплатно

Next Post
10 Best PHP Social Network Script

10 лучших PHP-скриптов для социальных сетей

Related Posts
Best Mail Delivery Services for Transactional Emails

Лучшие службы доставки почты для транзакционных электронных писем

Транзакционные электронные письма часто не получают того внимания, которого они заслуживают. Однако в большинстве случаев требуется лишь немного усилий,…
Read More
 25% off   Enjoy Powerful Next-Gen VPS Hosting from as low as $5.50