Woocommerce похожие товары настройка: Related Products Manager WooCommerce настроить похожие товары — info-effect.ru

Related Products Manager WooCommerce настроить похожие товары — info-effect.ru

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как настроить похожие товары. Вы сможете изменить количество похожих товаров. Вы сможете указать сколько колонок должно быть в блоке «Похожие товары». Вы сможете изменить сортировку похожих товаров. Вы сможете выбрать откуда будут браться похожие товары, категории, метки, атрибуты. Вы сможете скрыть похожие товары и т.д. Очень простой и полезный плагин !

Установить плагин Related Products Manager for WooCommerce вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

Далее, после установки и активации плагина, перейдите на страницу: Woocommerce — Настройки — Related Products Manager. Здесь вы сможете настроить основные параметры плагина.

— Related Products Manager, здесь должна стоять галочка, чтобы включить плагин.

— Related Products Number, укажите сколько должно отображаться похожих товаров.

— Related Products Columns, укажите сколько должно быть колонок в блоке «Похожие товары».

— Order by, как сортировать похожие товары, по дате, по заголовку, по мета данным и т.д.

— Meta Key, здесь можно указать ключевые слова, по которым будут выводиться похожие товары. Данный параметр будет работать, если в предыдущем параметре указан вариант — Meta Value или Meta Value (Numeric).

— Order, как отображать похожие товары, по убыванию или по возрастанию.

— Relate by Category, выводить похожие товары по категориям.

— Relate by Tag, выводить похожие товары по меткам.

— Relate by Product Attribute, выводить похожие товары по атрибутам.

— Attribute Type, можно выбрать тип атрибута.

— Attribute Name, можно добавить в поле название своих атрибутов.

— Hide Related Products, вы можете скрыть похожие товары на всех страницах товаров.

— Reset Settings, вы можете сбросить настройки к значениям по умолчанию.

— Сохраните изменения.

Далее, после сохранения изменений, вверху страницы нажмите на кнопку — Clear all products transients, чтобы обновить все похожие товары.

Всё готово ! Теперь похожие товары будут отображаться по вашим настроенным параметрам.

Остались вопросы ? Напиши комментарий ! Удачи !

Как установить карусель товаров woocommerce для рекомендуемых и похожих товаров?

Просмотров 4.4k. Обновлено 14.11.2019

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

В плагине woocommerce существуют похожие товары. Они появляются автоматически в карточке товара при условии определенных настроек. Так же есть рекомендуемые товары ( АПСЕЛЛЫ ), которые вы можете назначить самостоятельно на вкладке “Сопутствующие”. По умолчанию эти товары выглядят в виде обычной сетки и сегодня речь пойдет как практически в один клик сделать из них карусель товаров.

Обсудим это в комментариях?

Задавай любой вопрос, мы всегда этому рады!

Небольшая демонстрация в работе Официальная страница плагина Carousel Upsells and Related Product for Woocommerce

Быстрая скорость работы плагина Carousel Upsells and Related Product for Woocommerce

Все свои плагины я стараюсь оптимизировать таким образом, чтобы они работали быстро.

Самое главное преимущество плагина “Carousel Upsells and Related Product for Woocommerce” заключается в том, что он использует “чистую” javascript библиотеку glide.js и не имеет зависимостей от jQuery. Основной JS файл плагина весит всего ~23kb, а в сжатом виде всего ~7kb. По сравнению с подобными каруселями-слайдерами, такие как Slick Slider(88kb, а в сжатом 44kb), Swiper Slide(более 100kb) или OWL carousel (89kb, а в сжатом 44kb) — это в разы меньше и напомню glide.js без зависимостей jQuery. При всем этом у glide.js присутствует режим Touch Swipe, который позволяет пальцем (касанием по элементу) двигать карусель в нужном направлении.

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

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

Установить плагин можно стандартным способом перейдя в разделы “Плагины”, далее сверху нажать на кнопку “Добавить новый” и по ключу справа в поиске “Carousel Upsells and Related Product” можно найти данный плагин:

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

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

1. Woocommerce → Настройки → Продукты→ Settings Related Products Carousel
2. Woocommerce → Настройки → Продукты → Settings Upsells Product Carousel

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

Основное настройки плагина Carousel Upsells and Related Product for Woocommerce

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

Особенности плагина Carousel Upsells and Related Product for Woocommerce 

Во-первых, самое главное, в некоторых темах уже предусмотрен кастомных вывод похожих товаров или они имеют настройки в самой теме, поэтому на данный момент “Похожие товары” могут не работать именно в таких темах. В 80% случаев все работает отлично, ну а рекомендуемых товаров (апсейлов) это касается в меньшей степени. Я полагаю, эту проблему мы со временем решим, почаще обновляйте плагин, обновлений будет много.

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

Будущее плагина

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

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

В целом, я хочу реализовать целую систему слайдеров и каруселей — различные выводы в категории, кросселы(рекомендуемые в корзине) и т.д.

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

Обращение к инсталляторам и пользователям

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

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

Мне нравится2Не нравится1

Carousel Upsells and Related Product for Woocommerce — Плагин для WordPress

Плагин заменяет стандартные похожие и рекомендуемые товары (апсейлы) на карусели-слайдеры с помощью скрипта glide.js, который не зависит от jQuery. Данный скрипт работает в разы быстрее чем его аналоги слайдеры или карусели.

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

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

Настройки плагина

1. Woocommerce → Настройки → Товары → Карусель похожих товаров
2. Woocommerce → Настройки → Товары → Карусель рекомендуемых

Возможности:

1. Заменяет стандартный вывод похожих и рекомендуемых (апсейлов) товаров на карусель
2. Нет зависимости от jquery, загрузка очень быстрая
3. Вы можете изменить заголовок стандартной секции
4. Вы можете включить или отключить автозапуск карусели
5. Вы можете изменить временной интервал автопрокрутки карусели
6. Вы можете указать количество продуктов в карусели
7. Вы можете указать количество видимых товаров (указать сетку, колонки)
8. Вы можете указать количество отображаемых продуктов на мобильных устройствах и планшетах.
9. Похожие и рекомендуемые товары не отображаются, если их количество меньше указанного в карусели видимых товаров. То есть карусель не будет создана. Только качественная оптимизация.
10. Вы можете отключить карусель и управлять другими функциями — заголовок секции, количество отображаемых продуктов, количество колонок

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

1. Подсказка на мобильном устройстве (см. скриншоты)
2. Стилизация мобильной подсказки (см. скриншоты)
3. Центральный режим с обрезкой (см. скриншоты)
4. Центральный режим только на мобильном устройстве
5. Выбор анимации перехода карусели
6. Настройка длительности анимации перехода
7. Установка расстояния между продуктами
8. Выбор иконок навигации (см. скриншоты)
9. Настройка цвета навигации

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

Преимущества плагина

Самое важное преимущество плагина “Carousel Upsells and Related Product for Woocommerce” заключается в том, что он использует “чистую” javascript библиотеку glide.js и не имеет зависимостей от jQuery. Основной JS файл плагина весит всего ~23kb, а в сжатом виде всего ~7kb. По сравнению с подобными каруселями-слайдерами, такие как Slick Slider(88kb, а в сжатом 44kb), Swiper Slide(более 100kb) или OWL carousel (89kb, а в сжатом 44kb) – это в разы меньше и напомню glide.js без зависимостей jQuery. При всем этом у glide.js присутствует режим Touch Swipe, который позволяет пальцем (касанием по элементу) двигать карусель в нужном направлении на мобильных устройствах.

В итоге данная карусель быстрее работает и моментально загружает ваши товары.

Обязательные плагины

Большое спасибо

Поддержка плагина:

На кофе разработчикам

Переводы

Если вы хотите помочь с переводом этого плагина, добро пожаловать!
Чтобы внести свой вклад, посетите translate.wordpress.org

Статьи о плагине:

Как установить карусель товаров woocommerce для рекомендуемых и похожих товаров?

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

Установка из админ панели WordPress:

1. Войдите в вашу админ-панель WordPress
2. Перейти к плагинам -> Добавить новый
3. Введите «Woocommerce Glide.js Carousel Upsells and Related Product» в поле поиска справа и нажмите Enter.
4. Найдите этот плагин и Нажмите «Установить сейчас»
5. Активируйте плагин

Ручная установка:

1. Загрузите плагин из репозитория WordPress.org
2. В панели администратора WordPress перейдите в раздел «Плагины -> Добавить новый -> Загрузить плагин».
3. Upload the downloaded plugin file (carousel-upsells-and-related-product-for-woocommerce.0.4.5.zip) and click ‘Install Now’
4. Активируйте ‘Woocommerce Glide.js Carousel Upsells and Related Product’ со страницы плагинов.

Карусель работает не правильно, что мне делать?

Если карусель не работает, сначала проверьте плагины кеширования. Сжатие JS-кода — довольно частая причина, по которой перестаёт работать карусель.

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

Если вы используете WP Rocket, проблема устраняется так же, как и в случае с Autoptimize. Смотрите тут.

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

«Carousel Upsells and Related Product for Woocommerce» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

0.4.5

0.4.4

• Tested WP ver
• Added a description for solving problems with caching plugins

0.4.3

0.4.2

0.4.1

• Plugin tested with WordPress version 5.5+

0.4.0

• Fixed carousel display in some themes

0.3.9

• Added a new function — initializing JS after loading the whole page

0.3.8

• Plugin tested with WordPress version 5.4+

0.3.7

• Added translation string for mobile tooltip

0.3.6

0.3.5

• Fixed a bug when choosing a navigation arrow in related products
• Added new settings for themes that apply filters and functions

0.3.4

• Исправлены ссылки для установленного WordPress в подпапке

0.3.3

0.3.2

• Обновлены стили настроек

0.3.1

• Исправлен перевод строки

0.3.0

• Последнее тестирование новых хуков и обновление плагинов
• Новая опция — Подсказка на мобильном устройстве
• Новая опция — Стилизация мобильной подсказки
• Новая опция — Центральный режима с обрезкой
• Новая опция — центральный режим только на мобильном устройстве
• Новая опция — Выбор анимации перехода карусели
• Новая опция — Установка продолжительности анимации перехода
• Новая опция — установка расстояния между товарами
• Новая опция — Выбор иконок навигации
• Новая опция — настроить цвет навигации
• Добавлены всплывающие подсказки в в админ панели
• Добавлены демонстрационные окна с каруселями

0.2.9

• Последнее тестирование новых хуков и обновление плагинов

0.2.8

• Ликвидирована ошибка с уведомлением

0.2.7

• Исправлена ошибка хука обновления

0.2.6

• Тестирование хука обновления

0.2.5

• Тестирование плагина на WordPress 5.3
• Добавлены новые уведомления
• Добавлены новые строки локализации

0.2.4

• Тестирование новой версии плагина WooCommerce 3.8

0.2.3

0.2.2

0.2.1

• Инсправлены ошибки

0.2.0

• Инсправлены ошибки

0.1.9

• Исправлена ошибка с текстовым доменом

0.1.8

• Ликвидирована ошибка со всплывающим окном

0.1.7

• Новый интерфейс
• Обновлен POT файл
• Обновлен CSS
• Обновлен JavaScript
• Добавлен новый параметр — отключить карусель

0.1.6

• Обновлен JavaScript

0.1.5

0.1.4

0.1.3

0.1.2

• Исправлена ошибка навигации слайдера
• Добавлен эффект при наведении на карусель в виде выезжающих навигационных стрелок

0.1.1

• Презентация настроек первой версии плагина

0.1.0

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

От автора: WooCommerce – один из популярнейших E-Commerce аддонов для WordPress. На момент написания статьи его скачали не менее 3,6 миллионов раз. Базовый плагин WooCommerce бесплатный, но его можно усилить с помощью премиум аддонов. Тем не менее, для многих онлайн магазинов хватит и бесплатного плагина. В этой серии уроков я покажу, как происходит Woocommerce настройка товаров, а также добавление физических и виртуальных товаров. В первой части вы установите плагин и поработаете с основными настройками, настройками товаров и налогов.

Что вам потребуется

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

Установка WooCommerce

Сперва необходимо установить плагин. Самый простой способ – через экран plugins в панели администратора WordPress. Также вы можете просто скачать файлы плагина из репозитория плагинов WordPress.

На странице плагина в репозитории приводится детальная информация о возможностях WooCommerce:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

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

Будет добавлен ряд страниц на сайт, которые WooCommerce будет использовать для управления магазином. Среди них будут страницы shop, cart и т.д. Щелкните на кнопку Install WooCommerce Pages. После установки вам перенаправит на экран приветствия:

Вы заметите, что слева в меню появилось 2 новых пункта: WooCommerce и Products. В этом уроке вы будете работать со страницами в меню WooCommerce. WooCommerce установлен и готов!

Добавление страниц WooCommerce в меню

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

Откройте экран Appearance->Menus в панели администратора и добавьте новые страницы WooCommerce страницы в меню. Вы сами решаете, что добавлять, а что нет. Я выбрал shop, checkout, cart и my account, а также ссылку на домашнюю страницу:

Можете посмотреть все изменения на моем сайте. Теперь на нем появилась пустая страница shop, на которую можно перейти из основного меню:

Настройка параметров WooCommerce

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

Основные настройки

Начнем с экрана general. WooCommerce->Settings вкладка general.

На этой вкладке я добавил расположение магазина и место продажи UK, где я живу. Вы можете добавить свое расположение. Можете выбрать страницы для продажи или же торговать по всему миру. Также я добавил торговую валюту. Вы можете выбрать свою валюту. Кликните save changes на экране настроек.

Настройки товаров – варианты товаров

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

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

Product Archive / Shop Page – главная страница магазина: по умолчанию это shop, автоматически созданная WooCommerce, и на ней отображаются ваши товары. Можете использовать другую страницу, но ее еще нужно создать.

Выпадающий список Shop Page Display содержит варианты отображения товаров, категорий товаров или и того и другого. Я выбрал «показывать все», так мои посетители будут видеть больше.

В выпадающем списке Default Category Display выберите, что вы хотите: отображать на страницах категорий товары, подкатегории или оба варианта. Я выбрал отображать товары. Я не буду задействовать подкатегории.

Default Product Sorting – выберите режим отображения товаров. Я оставил вариант по умолчанию пока что, однако после добавления товаров на последнюю страницу, могу передумать. Среди других опций: по популярности, рейтинг, сначала новые, по цене. Пользователи могут самостоятельно выбрать порядок сортировки.

Опции add to cart позволяют задействовать AJAX, а также задать редирект на страницу корзины при добавлении в нее товара. Я хочу, чтобы мои пользователи сначала пошопились и уже потом переходили в корзину, поэтому оставил вариант по умолчанию.

Секция product data отвечает за рейтинг и отзывы на товары. Я оставил по умолчанию.

Ниже представлен экран настроек для изображений товаров:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

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

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

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

Кликните save changes на странице настроек товаров.

Настройки товаров – инвентаризация

В настройках товаров есть экран Inventory Options, на который можно перейти, кликнув на ссылку в верхней части экрана настроек товаров:

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

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

Внесите изменения и кликните save changes.

Налоговые настройки

На следующей вкладке tax можно задать скидки и налоги на доставку. В этом разделе несколько экранов, и все они относятся к разным налоговым ставкам. Начнем с экрана tax options:

Здесь есть ряд опций. Не буду разбирать все, так как некоторые и так понятны. Остановлюсь на некоторых:

Prices entered with tax: выберите, будете ли вы включать налог или нет. Если вы продаете странам с другими налоговыми ставками, вам необходимо нужно формировать цену отдельно от налога, WooCommerce сам вычислит налог. Если вы продаете внутри одной налоговой зоны, а покупатели не смогут вернуть налог с продаж, возможно, будет проще показывать цену уже с налогом.

Calculate Tax Based On: здесь вы можете указать способ формирования налога: по вашему адресу, физическому или адресу доставки покупателя. Вариант зависит от системы налогообложения, с которой вы работаете.

Shipping Tax Class: если вы применяете к товарам налог на доставку, вам нужно определиться с тем, как он будет рассчитываться. Его можно привязать к товарам, выбрать плоскую шкалу или вообще 0. Можно также создать новый класс доставки (что можно сделать в поле Additional Tax Classes).

Additional Tax Classes: с помощью этого поля можно добавить дополнительные налоговые классы, если стандартных в WooCommerce недостаточно. WooCommerce создаст экран настроек для каждого добавленного класса.

Display tax totals: здесь можно указать, отображать налог для каждого товара отдельно или общий.

После внесения изменений кликните save changes.

Налоговые настройки – фиксированная ставка

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

На этом экране вы добавляете страны, в которые будете продавать товар. WooCommerce вычислит налог на все выбранные страны. Кликните на ссылку на экране, чтобы получить код страны и вставить его в поле Country Code. Я продаю только в UK, поэтому добавил код GB.

Введите процент налога на страну в поле Rate %: в UK налог на добавленную стоимость (НДС) составляет 20%, что я и укажу. В поле shipping отметьте чекбокс, если этот процент должен применяться к доставке. После добавления всех кодов и ставок кликните save changes.

Налоговые настройки – нулевая ставка

Некоторые мои товары будут иметь нулевую налоговую ставку. Для этого на экране Zero Rate Rates необходимо вставить код моей страны со значением 0% в поле Rate%:

Если у вас есть дополнительные налоги, например, налог на доставку для различных типов товаров, их необходимо добавить как классы в поле Additional Tax Classes на экране Tax Options. После добавьте коды стран и ставки для каждого дополнительного налога.

Заключение

Я установила WooCommerce на свой сайт, настроила основные параметры и добавила настройки для товаров и налогов. В следующем уроке я покажу остальные экраны настроек: корзина, доставка, профили и email.

Автор: Rachel McCollin

Источник: //code.tutsplus.com/

Редакция: Команда webformyself.

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Woo Related Products – плагин для показа связанных продуктов

Вступление

Создавая магазин Woocommerce, вряд ли удастся обойтись без использования дополнительных плагинов, расширяющих и/или улучшающих возможности магазина. В этой статье я познакомлю вас с бесплатным плагином под названием «Woo Related Products».

О плагине Woo Related Products

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

Связанными товарами на Woocommerce, являются товары, имеющие ту же категорию товара, тот же тег товара, тот же атрибут товара.

Для информации. На WordPress такая связь материалов называется таксономией сайта.

Например, вы продаете обувь и разумно каждой паре обуви присваиваете тег её цвета (черный, коричневый и т.д.) Используя плагин Woo Related Prod, вы можете в карточке товара или в боковом виджете показать другие пары обуви вашего магазина имеющие такой же цвет.

Как работает плагин

В магазине большое значение имеет визуализация средств навигации. Поэтому показ связанных товаров списком малоинтересен. Woo Related Products показывает связанные товары в виде слайдера (с помощью Flexslider), однако есть показ и мозаикой с миниатюрами (если отключить слайдер).

Установка плагина

Стандартная. Забыли как, читать Как установить плагин WordPress.

Настройка плагина

Чтобы настроить плагин откройте его вкладку из меню «WooCommerce».

Настроек у плагина мало и интерфейс плагина староват, но что есть, то есть.

• Если карусель не будет работать, просто отключите её.
• Исключения товаров делается по их ID.
• Плагин поддерживает шорткоды, поэтому вы можете вставлять блог похожих товаров вручную, через шорткод woo-related (в квадратных скобках).
• Шорткод плагина настраиваемый и все варианты его настроек лучше посмотреть тут: https://ru.wordpress.org/plugins/woo-related-products-refresh-on-reload/.

Вывод

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

внешний вид карусели

©WPkupi.ru

Еще статьи

Похожие посты:

Похожие и сопутствующие товары на WooCommerce

Вы здесь:
Главная — Софт — Софт для создания сайтов — Похожие и сопутствующие товары на WooCommerce

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

Похожие товары WooCommerce

WooCommerce автоматически показывает в карточке товара, другие «похожие товары» из этой же категории. Например пользователь заинтересовался определенным товаром и ниже ему предлагается посмотреть другой товар. По дефолту WooCommerce не предлагает никаких настроек для управления похожими товарами. Но вы всегда можете установить плагин Related Products Manager for WooCommerce и произвести все нужные настройки прямо из админ-панели вордпресса. Например вы можете указать количество колонок для выводимых товаров, изменить порядок сортировки «похожих товаров» и наконец можете скрыть похожие товары.

Сопутствующие товары

Сопутствующие товары (апселл и кросс-селл) настраиваются вручную в настройках для каждого товара по отдельности. Апселы выводятся на странице товара, а кросселы выводятся в корзине. Upsell и cross-sell — это разные маркетинговые приемы, но служащие одной цели — увеличению среднего чека интернет-магазина.

Upsell

Upsell предлагает пользователю более дорогой товар, чем тот, которым он заинтересовался изначально. В апселах должны выводиться аналогичные по характеристикам товары, но с большей ценой (не превышающей 20%). Из описания товара, пользователю должно быть понятно, почему этот товар дороже (выше качество материала, изделие нового поколения).

Переходим в редактирование товара (кружка «I’m with The Avocado» с ценой $17.50) и выбираем вкладку «Linked Products». В поле Upsell достаточно ввести три первых буквы названия товара для поиска похожих кружек, но более дорогих. На мой взгляд, поиск сопутствующего товара сделан не очень удобно. Я вижу название товара и его идентификатор, но не вижу цены. Приходится заранее выписывать названия более дорогих товаров и искать конкретно их. И так, вручную мы назначаем апселлы для каждого товара.

Теперь под кружкой за $17.50, вывелось три других кружек, но с более высокой ценой. Нельзя использовать инструмент upsell, лишь бы было. Ведь более дорогие кружки действительно должны выглядеть «дороже», иначе нет никакого смысла в них. Если ваши товары более-менее одинаковые, то не нужно морочить голову покупателю.

Cross-sell

Кросс-селлы предлагают купить дополнительные товары, которые могут понадобиться к основному товару. Хороший пример — это батарейки и беспроводная мышка. Клиент кидает в корзину беспроводную мышку и ему предлагают докупить батарейки. Здесь двойная польза от кросс-селла. Клиенту не нужно бежать в магазин за батарейками, а магазин получает дополнительную прибыль.

Cross-sell выводится прямо в корзине покупателя. Кросс-селлы вручную задаются каждому товару отдельно в админке WooCommerce. Как я могу с выгодой использовать кросс-селлы в моем магазине «печати по требованию»? В моем магазине продаются футболки, кружки, подушки с одинаковым дизайном. Было бы неплохо связать между собой вещи с одинаковым дизайном. По аналогии с апселами, я ввожу названия товаров в поле «Cross-sell» для каждого товара отдельно. Если пользователь положит в корзину какой-то товар, то туда подтянутся сопутствующие товары из поля «Cross-sell».

• 
  Создано 04.12.2020 10:37:55

• 
  
  Михаил Русаков

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

1. 
   Кнопка:
   
   <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

   Она выглядит вот так:

2. 
   Текстовая ссылка:
   <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

   Она выглядит вот так: Как создать свой сайт

3. BB-код ссылки для форумов (например, можете поставить её в подписи):
   
   [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

Как настроить Woocommerce | Реактивный Копирайт

Для создания интернет-магазина на WordPress нужно установить и настроить специальный плагин  Woocommerce. Плагин устанавливается стандартно: меню — плагины — добавить новый — ввести в строку поиска название плагина — установить — активировать. После активации плагин создает обязательные страницы:

• корзина
• мой аккаунт
• магазин
• оформление заказа

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

1. Пример, как добавить новый товар на Woocommerce:

2. После нажатия на функцию «добавить товар», открывается форма заполнения карточки товара. Здесь надо заполнить поля с необходимой информацией. УРЛ товара лучше писать на латинице для СЕО-оптимизации интернет магазина. Для этого пригодится плагин Rus-to-lat, он будет автоматически транслитерировать название товара на латиницу, создавать адрес и экономить наше время. Лучше сразу определится, что мы хотим указывать в карточке, чтобы потом сто раз не возвращаться сюда и не переделывать. Также в форме есть два поля для описания товара. Верхнее поле предназначено для детального описания и на сайте будет отображаться под изображением товара. Если нам нужно описание сбоку (левый, правый бок), необходимо заполнить нижнее поле, которое находится под настройками характеристик товара. Также важно не забывать оптимизировать фото товара для Web-просмотра. В интернет-магазинах, где много товара, это особенно важно по двум причинам:

1. Страница с «тяжелыми фото» долго грузится, падает в позициях поиска.
2. Такие изображения занимают много места и попросту могут не вместится на нашем хостинге.

Я в таких случаях использую фотошоп: сохранить изображение для WEB — формат jpeg — процент качества 20 процентов. 

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

1. Пользоваться специальным мега-крутым редактором WOOB, который не будет грузить сервер и дает возможность одновременно работать нескольким человекам. Кроме того, он снимает все вопросы по массовому редактированию товара. Только благодаря ему я почувствовал, что на woocommerce можно работать а не страдать.
2. Взять нормальную тему для магазина. Это вообще должно происходить в первую очередь. Иначе лучше сразу удалите магазин с хостинга. У вас не будет продаж через:

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

У меня такое было. Купил тему Bege на evantomarket и спустя месяц долгой настройки понял, что лоханулся. Повелся на цену в 25 дол. Потом все таки купил за 75 и ни капли не жалею. Лучше покупайте на Template Monster. Тогда можно будет с легкой душей работать. Темы автоматом обновляются и постоянно улучшаются в плане скорости и адаптации.

Ниже скриншот: где сделать описание, указать категорию, добавить изображение, поставить цену товара на Woocommerce:

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

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

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

5.  При создании нового варианта товара с новыми параметрами, мы выбираем в форме заполнения карточки товара (открывается после нажатия добавить товар) опцию варианты товара, сначала нажимаем атрибуты, добавляем все необходимые, ставим птичку в разделе применять для вариантов товара. Далее кликаем на варианты товара, потом кликаем добавить вариант.

Скриншот, как добавить варианты товара на Woocommerce:

6. После добавления нового варианта, нам доступна его детальная настройка.

Ниже показано поле, где можно настроить варианты товара на Woocommerce: добавить изображение варианта товара, поставить новую цену, размер и прочее:

7. Для того, чтобы точно настроить Woocommerce, переходим в раздел Woocommerce—настройки. Тут надо выбрать страну продаж, валюту, способы доставки и оплаты, указывать или не указывать НДС. Кроме этого, в разделе настройки—товар — дисплей есть возможность настроить параметры, как будет отображаться на сайте фото товара, особенно на странице «магазин» (показывать только товар, показывать категории и товар, показывать только категории). В самом низу этого раздела находятся параметры обрезки фото, где мы указываем ширину и высоту обрезки файлов после заливки на сайт. Такие параметры размера изображений на сайте действуют только для новых файлов. Старые остаются прежних размеров и после изменения параметров обрезки — они не изменяются. Чтоб подогнать все ранее загруженные файлы под новый заданный размер, надо воспользоваться плагином RegenerateThumbnails. Он перезапишет все файлы под новый параметр, который задан в разделе настройки—товар — дисплей. В пункте  настройки—товар — инвентарь можно настроить извещения о наличии товара и частоту таких извещений, а если вы продаете интеллектуальный товар (видео-уроки, электронные книги, лекции, инструкции), тогда есть возможность настроить опции доступа к скачиванию. В разделе оплата указывают формы оплаты ( наличкой при доставке, прямой банковский перевод, PayPal, другое).

Стоит заметить, что плагин Woocommerce функционирует на английском. Для его перевода необходимо также загрузить плагин автоматического перевода Saphali woocommerce russian. Так будет легче разобраться что и где находится. Для перевода на другие языки надо загрузить плагин Loco Translate — более точный, но ручной переводчик. Этот плагин очень важен, поскольку Woocommerce может отображать на сайте много надписей на английском, что не очень приятно и не очень понятно покупателю. Как переводить тексты таким плагином я написал в статье Вариант создания интернет-магазина на WordPress.

Хочу заметить, что кнопки под товаром»поделится в социальных сетях» по умолчанию в плагине Woocommerce создаются черными и некрасивыми. Для решения вопроса, можно их отключить и воспользоваться кнопками от плагина Super Socializer.

Также недавно начал работать с темой для woocommerce — woodmart. Мега крутая тема.

6 способов настройки продуктов, связанных с WooCommerce

«Не забывай о тех людях, которые потратили с тобой свои кровно заработанные деньги. Позже они могут нести ответственность за существенные онлайн-продажи. Относитесь к ним как к своей семье и возьмите их с собой в путешествие ». Эти золотые слова Мэтта Торпа, основателя и старшего директора M.Thorpe & Associates Inc., до сих пор способствовали успеху продаж во многих компаниях.

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

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

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

Настройки сопутствующих товаров WooCommerce по умолчанию

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

1. Перейдите к Products прямо под разделом WooCommerce на панели администратора WordPress
2. Выберите желаемый продукт
3. Найдите панель с данными о продукте внизу страницы
4. Нажмите Связанные товары
5. Добавьте продукт, который хотите связать с дополнительными продажами, перекрестными продажами и группировкой, выполнив поиск

№1.Распродажа товаров

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

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

№2. Перекрестные продажи товаров

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

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

№ 3. Группировка товаров

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

В результате вы не упустите шанс убедить потребителей обновить корзину.

3 других способа настройки продуктов, связанных с WooCommerce

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

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

№4. Бестселлеры

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

№ 5. Товары, персонализированные с учетом покупательского опыта других клиентов

Уведомление клиентов о покупках продуктов, сделанных другими, также является отличным опытом продаж.Этот умный прием кажется похожим на методику бестселлеров, но вы также можете создать у клиентов ощущение того, что они что-то упустили.

Вдобавок сообщения типа «Кто-то в Джерси-Сити час назад купил однотонную укороченную ленту» создает впечатление переполненного магазина. Это помогает эффективно укреплять доверие к бренду и репутацию.

№ 6. Предложение со скидкой

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

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

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

Используйте товары, связанные с WooCommerce

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

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

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

Менеджер сопутствующих продуктов для WooCommerce — плагин WordPress

Плагин диспетчера сопутствующих продуктов для WooCommerce позволяет настраивать связанные продукты в WooCommerce.

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

Где можно использовать диспетчер сопутствующих продуктов для подключаемого модуля WooCommerce?

Плагин

«Менеджер сопутствующих продуктов для WooCommerce» полезен для всех веб-сайтов WordPress.Ниже приведен небольшой список для начала использования подключаемого модуля «Менеджер сопутствующих продуктов для WooCommerce».

• Интернет-магазин
• Веб-сайт модных товаров
• Сайт туристического бизнеса
• Веб-сайт, посвященный косметическим продуктам
• Веб-сайт, связанный с рестораном

Что делает менеджера по сопутствующим продуктам для WooCommerce выдающимся?

• Простая установка и настройка
• Навыки кодирования не требуются
• Код высокого качества

Ключевые особенности Менеджера сопутствующих продуктов для WooCommerce

Есть следующие причины выбрать Менеджер сопутствующих продуктов для WooCommerce.

Общие параметры

1. Номер сопутствующих товаров

Вы можете показать общее количество отображаемых сопутствующих товаров.

2. Столбцы сопутствующих товаров

Вы можете отобразить количество столбцов.

Варианты заказа

1. Заказать по

Вы можете заказать сопутствующие товары следующими способами.

• Случайно
• Дата
• Название
• ID
• Модифицированный
• Порядок меню
• Цена

2.Заказ

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

Параметры связи

1. Относится к категории

Относится к текущей категории продукта.

2. Связать по тегу

Связан с тегом текущего продукта.

3. Связать по атрибуту продукта

Связано с атрибутами текущего продукта.

4.Тип атрибута

При использовании «Глобального атрибута» введите название атрибута в «Имя атрибута». Вот два варианта, которые вы можете установить.

• Глобальный атрибут
• Локальный атрибут

5. Категории и теги

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

• Блокировка
• Не отменять (И)
• Не отменять (ИЛИ)

Скрыть опцию

1.Скрыть сопутствующие товары

Вы можете скрыть похожие товары глобально.

Опции исключения

1. Исключить из связанных

Для включения или отключения опции исключения с помощью флажка.

2. Категории

Добавьте категории товаров, которые вы не хотите показывать в сопутствующих товарах.

3. Теги

Добавьте теги продуктов, которые вы не хотите показывать в сопутствующих товарах.

Менеджер сопутствующих продуктов для WooCommerce Pro Функции

Версия

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

Менеджер сопутствующих продуктов для плагина WooCommerce PRO Функции

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

Купить менеджер сопутствующих продуктов Pro для WooCommerce

Менеджер сопутствующих продуктов Pro для WooCommerce

Нравится менеджер сопутствующих продуктов для подключаемого модуля WooCommerce?

Не забудьте поставить нам оценку в WordPress 🙂

Техническая поддержка

Мы готовы ответить на любые вопросы и предложения по функциям.Итак, я надеюсь, вам это понравится. Если у вас есть еще вопросы, посетите нашу службу поддержки на форуме плагина.

Как настроить товары, связанные с WooCommerce

Введение

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

Показывая сопутствующие товары в WooCommerce, вы можете:

• Продавайте больше товаров существующим клиентам.
• Порекомендуйте дополнительные товары покупателям ( Перекрестные продажи ).
• Предложите лучший и более дорогой альтернативный продукт ( дороже ).
• Продвигайте самые популярные товары или товары со скидкой.

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

Вы можете рекомендовать товары, используя встроенную функцию WooCommerce Linked Products , или отображать связанные товары с помощью бесплатных плагинов WooCommerce.

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

Показать сопутствующие товары с использованием связанных продуктов WooCommerce

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

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

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

Как настроить дополнительные продажи в WooCommerce

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

1. Откройте панель управления WordPress.

2. Щелкните Все продукты в меню Продукты .

3. Выберите продукт, для которого вы хотите добавить дополнительные продажи.

4. Откройте вкладку Связанные продукты .

5. Добавьте связанный продукт или продукты в поле Допродажи .

6. Щелкните Обновить , чтобы применить допродажу.

Дополнительные продажи отображаются в разделе Вам также может понравиться… на странице продукта. Макет и позиция допродажи могут отличаться в зависимости от темы WooCommerce.

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

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

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

1. Щелкните Все продукты в меню Продукты .

2. Выберите продукт из списка продуктов.

3. Откройте вкладку Связанные продукты .

4. Добавьте продукт или продукты в поле Перекрестные продажи .

5. Щелкните Обновить , чтобы сохранить изменения.

Перекрестная продажа видна только в корзине покупателя, в Вас может заинтересовать раздел… . Нажав В корзину , покупатель может добавить товар в корзину, не возвращаясь на главную страницу.

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

Показать сопутствующие товары с использованием подключаемых модулей WooCommerce

Плагины

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

Установите и активируйте один из представленных плагинов и используйте инструкции для настройки сопутствующих продуктов в WooCommerce.

Сопутствующие товары для WooCommerce

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

После установки и активации подключаемого модуля Сопутствующие товары для WooCommerce :

1. Выберите Woo Related Products в меню WooCommerce .

2. Введите заголовок соответствующего раздела продукта в поле Текст заголовка .

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

4. Свяжите продукты, используя категории , , теги , или атрибуты , .

5. (Необязательно) Исключите определенные продукты, добавив их к идентификаторам таксономии , чтобы исключить поле .

6. Включите Slider , чтобы отображать товары в виде адаптивного и удобного слайдера.

7. Нажмите Сохранить изменения , чтобы применить настройки.

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

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

Пользовательские сопутствующие товары WPC для WooCommerce

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

После установки и активации подключаемого модуля WPC Customer Related Products :

1. Выберите продукт из списка Продукты и перейдите в раздел Связанные продукты .

2. Добавьте связанный продукт или продукты в поле Пользовательские сопутствующие товары .

3. Щелкните Обновить , чтобы применить изменения.

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

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

WPC, часто покупаемые вместе для WooCommerce

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

Для продвижения перекрестных продаж с помощью плагина WPC Часто покупаются вместе :

1.Выберите существующий продукт из списка Продукты .

2. Откройте вкладку Куплено вместе .

3. Используйте панель поиска Search для добавления продуктов, которые вы хотите порекомендовать клиентам.

4. При желании определите скидку для продукта с перекрестными продажами и добавьте краткое описание.

5. Щелкните Обновить , чтобы применить изменения.

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

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

Менеджер по сопутствующим продуктам для WooCommerce

Менеджер связанных продуктов для WooCommerce позволяет настраивать и автоматизировать встроенные функции продукта, связанные с WooCommerce:

1. Щелкните Настройки в меню WooCommerce .

2. Откройте вкладку Диспетчер сопутствующих продуктов .

3.Используйте доступные варианты Менеджера сопутствующих продуктов по адресу:

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

4. (Необязательно) Установите флажок «» Полностью скрыть раздел « сопутствующих товаров» .

5. Сохранить изменения , чтобы применить пользовательские настройки.

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

Сопутствующие товары для WooCommerce от WebToffee

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

1. Выберите Сопутствующие товары в меню WooCommerce .

2. Отключите по умолчанию Сопутствующие товары в WooCommerce.

3. Щелкните Сохранить изменения .

4. Откройте вкладку Связанные продукты .

5. Добавьте связанные категории, теги или отдельных товаров .

6. Щелкните Обновление , чтобы применить настраиваемые сопутствующие продукты.

По-прежнему доступно добавление дополнительных и перекрестных продаж с помощью функции WooCommerce по умолчанию.

Карусель дополнительных продаж и сопутствующие товары для WooCommerce

The Carousel Upsells and Related Product для WooCommerce — это легкий и быстрый плагин, оптимизированный для мобильных устройств.После активации плагина в магазине появляется карусель сопутствующих товаров.

Для управления дополнительными продажами и сопутствующими продуктами с помощью подключаемого модуля Carousel Upsells and Related Product :

1. Доступ к настройкам WooCommerce .

2. Откройте вкладку Продукты .

3. Щелкните Карусель сопутствующих продуктов .

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

5. Настройте рекомендуемые продукты с помощью меню Карусель дополнительных продаж продуктов .

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

Заключение

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

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

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

Сопутствующие товары для подключаемого модуля WooCommerce (бесплатно)

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

Обзор

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

• Свяжите связанные продукты по вашему выбору по категориям, тегам и другим продуктам
• Ползунок для сопутствующих продуктов
• Шорткод [wt-related-products product_id = ”19 ″] для отображения связанных продуктов в любом месте вашего сайта
• Встроенная возможность разрешить конфликт тем.
• Сортировка сопутствующих товаров по названию продукта, дате, названию ярлыка, последнему изменению или случайному совпадению.
• Показать тот же набор сопутствующих продуктов для их переведенных версий при использовании WPML.
• Положение об исключении товаров, отсутствующих на складе, из сопутствующих товаров.
• Возможность исключать товары из определенных категорий из связанных товаров.
• Положение об импорте сопутствующих товаров с использованием фрагментов кода, для руководства см. Статью Импорт сопутствующих товаров .

Установка

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

Начало работы

На панели управления WordPress перейдите к WooCommerce> Сопутствующие продукты .

Пользовательские настройки сопутствующих товаров

Ниже показано окно настроек плагина.

Выберите режим работы

1. Пользовательские сопутствующие товары : отображает сопутствующие товары в соответствии с настройками, выполненными в этом плагине. Вы получите полные возможности настройки. (Рекомендуемые).
2. Связанные продукты по умолчанию: Работает с настройками связанных продуктов WooCommerce по умолчанию с ограниченными настройками.
3. Удалить связанные продукты: Полностью удаляет раздел связанных продуктов с вашего сайта.

Показать заголовок как

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

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

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

Сортировать сопутствующие товары

• Сортировать по : Сортировка связанных продуктов на основе выбранного заголовка, имени, даты, случайного порядка или последнего измененного элемента.
• Порядок: Расположите выбор «Упорядочить по» в порядке возрастания или убывания.

Количество отображаемых товаров

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

Исключить товары, отсутствующие на складе

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

Использовать слайдер

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

За переведенную продукцию

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

Переопределить конфликты тем

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

Наконец, сохранит настройки.

Настроить связанные продукты глобально на основе категории, тега или обоих

В окне настроек плагина прокрутите вниз до опции « Глобально связать продукты по ».

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

Настройка сопутствующих продуктов индивидуально для каждого продукта

Связанные продукты для каждого продукта

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

Шаг 1: Выберите товар

Перейдите на страницу Продукт , выберите конкретный продукт и нажмите Редактировать . В приведенном ниже примере выберите продукт «Sticky Notes» и отредактируйте его, чтобы добавить похожие продукты.

Шаг 2: Откройте вкладку Связанные продукты в разделе данных о продукте.

Здесь вы получаете варианты для ссылки на сопутствующие товары на основе из :

Свяжите сопутствующие товары по «категории»

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

Для продукта « Sticky Notes » выберите категорию « Accessories ».

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

Свяжите похожие товары с помощью «тегов»

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

Для продукта « Sticky Notes » выберите тег « канцелярские товары ».

Обновите товар. Ниже приведен снимок экрана с похожими товарами по тегам.

Свяжите сопутствующие товары по «продуктам»

На вкладке Связанные продукты перейдите к Связанные продукты. Выберите подходящие продукты, которые будут отображаться как «Сопутствующие продукты» для выбранного продукта.

Для продукта « Sticky Notes » выберем несколько продуктов.

Обновите товар.Ниже приведен снимок экрана сопутствующих товаров по продуктам.

Исключить категории

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

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

Как разрешить конфликт тем?

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

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

Как легко настроить продукты WooCommerce с дополнительными опциями

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

Как легко настраивать продукты в WooCommerce — полное руководство

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

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

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

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

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

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

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

В итоге мы рассмотрим следующее. Не стесняйтесь использовать меню ниже для навигации по записи:

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

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

Персонализированные или настраиваемые продукты включают настраиваемые поля или параметры.Хорошим примером может служить заказ пиццы через Интернет: основная пицца — это продукт, но покупатель может персонализировать его, добавив начинки по своему выбору или выбрав другую корочку.

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

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

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

Что такое индивидуальные опции?

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

Использование надстройки надстройки продукта

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

В этой статье, где бы я ни приводил примеры создания настраиваемых полей, я использовал плагин WooCommerce Products Add-Ons Ultimate.

Типы настраиваемых полей

Настраиваемые поля могут быть любого типа поля формы, обычно:

• Ввод текста
• Текстовое поле
• Ввод номера
• Загрузка файла
• Флажок
• Радиокнопка
• Поле выбора / раскрывающегося списка

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

Чем варианты продукта WooCommerce отличаются от вариантов?

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

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

Вот снимок экрана с примером продукта с настраиваемыми параметрами:

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

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

Почему бы не использовать настраиваемые поля оформления заказа?

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

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

Зачем продавать персонализированные товары?

Согласно исследованию, проведенному Bain & Company в 2013 году среди более чем 1000 онлайн-покупателей, предоставление вариантов настройки вашим клиентам помогает:

• Повысьте лояльность и вовлеченность клиентов
• Поощряйте клиентов рекламировать ваш магазин другим потенциальным покупателям
• Увеличьте продажи
• Повысьте взаимодействие клиентов с вашей компанией

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

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

Еще не убедили?

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

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

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

Идеи по настройке продуктов WooCommerce

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

Подарочная упаковка

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

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

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

Расширенные гарантии

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

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

Поздравительные открытки

По данным The Spruce, ежегодно продается более 7 миллиардов поздравительных открыток. И хотя большинство из них покупается в обычных магазинах, вы можете гарантировать, что тенденция к покупкам в Интернете будет расти. Предлагая персонализированные, уникальные поздравительные открытки, вы можете получить реальное преимущество перед своими конкурентами в строительных магазинах.

Идеи для настройки, которые вы можете предложить, включают:

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

Вот демонстрация продукта поздравительной открытки с дополнительными настраиваемыми параметрами.

Еда на вынос

Я упомянул пиццу в начале статьи, но почти любое блюдо, которое люди заказывают в Интернете, можно настроить. Продовольственный онлайн-рынок тоже меняется. Больше не ограничиваясь пиццей и другими «фаст-фудами», такие компании, как Deliveroo, выходят на рынок элитных товаров, предлагая вам все виды ресторанной еды.

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

Настройки, которые вы можете предоставить на вынос, могут включать:

• Начинка для пиццы
• Гарниры
• Добавьте хлеб или рис
• Напитки
• Время приготовления (например, редкое, среднее)
• Заправки
• Соусы
• Приготовьте собственные салаты
• Время доставки по расписанию

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

Прием работ художников

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

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

Онлайн-соревнования

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

Персонализация одежды

Всемирно известным примером персонализированной одежды являются футболки с индивидуальными надписями или изображениями.Согласно этому отчету Credence Research, ожидается, что к 2025 году мировой рынок печати футболок на заказ вырастет до 10 миллиардов долларов. Это много футболок.

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

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

И, конечно же, не забудьте про вариант подарочной упаковки.

В этой статье есть некоторые конкретные рекомендации по настраиваемым продуктам в WooCommerce. Щелкните здесь, чтобы перейти непосредственно к разделу о том, как создать простой дизайнер футболки в WooCommerce.

Вы также можете посмотреть рабочую демонстрацию футболки здесь.

Корпоративный рынок

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

Продукты «Создай свой»

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

• Корзины
• Бутерброды
• Ящики для овощей или фруктов
• Подарочные корзины
• Ящики для вина

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

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

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

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

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

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

Добавление дополнительных полей

Во всех приведенных ниже примерах вам сначала нужно создать продукт в WooCommerce, назначить ему цену, а затем щелкнуть вкладку WooCommerce Product Add Ons Ultimate.

Нажмите кнопку «Добавить группу», затем нажмите «Добавить поле», чтобы добавить свое первое настраиваемое поле.

Как добавить поле ввода текста для настройки продукта WooCommerce

На панели WooCommerce Product Add Ons Ultimate (см. Выше) нажмите «Добавить поле», чтобы добавить новое настраиваемое поле.Вы увидите новый раздел:

• В «Метке поля» введите метку для своего поля.
• В поле «Тип поля» выберите «Текст».
• Добавьте цену в поле «Цена». Это будет добавлено к цене продукта, если покупатель введет что-либо в это поле.
• Вы можете дополнительно установить минимальное и / или максимальное количество символов, разрешенное в поле в полях «Мин. Символы» и «Максимальное количество символов».
• Проверить поле «Обязательно», если клиент должен что-то ввести в это поле.
• Добавьте описание поля в поле «Описание»

После добавления информации опубликуйте или обновите продукт.В интерфейсе вы увидите что-то вроде этого:

Как добавить поле textarea в продукт WooCommerce

Для текстового поля выполните описанные выше шаги для добавления текстового поля, но просто выберите «Textarea» в раскрывающемся списке «Тип поля».

Как добавить поле для загрузки файла в продукт WooCommerce

Чтобы добавить к продукту элемент управления загрузкой файлов, просто измените «Тип поля» на «Загрузить». Это добавит поле для загрузки файла, например:

Это поле используется исключительно для загрузки изображений в ваш продукт WooCommerce, в основном из соображений безопасности.Вы можете установить максимальный размер файла, разрешенный на вкладке WooCommerce Product Add Ons Ultimate на странице настроек WooCommerce. Вы также можете указать, нужно ли пользователям входить в систему для загрузки изображений (опять же, из соображений безопасности).

Как добавить числовое поле к продукту WooCommerce

Надеюсь, вы уже освоили это. Чтобы добавить поле ввода числа, измените «Тип поля» на «Число». Здесь у вас есть несколько дополнительных параметров — «Мин. Значение» и «Максимальное значение», где вы можете установить допустимый диапазон значений.

Как добавить флажок к продукту WooCommerce

Чтобы добавить флажок, просто выберите «Флажок» в раскрывающемся списке «Тип поля».

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

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

Как добавить поле выбора в продукт WooCommerce

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

Появится новая строка с полем для названия опции и полем для цены. (Поле цены необязательно).

Введите столько опций, сколько хотите.

Добавление условий в настраиваемые поля

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

Чтобы использовать условную логику, вам необходимо создать как минимум два настраиваемых поля в вашем продукте. В приведенном ниже примере их три: Поле 1, Поле 2 и Поле 3. Я сократил их для краткости.

Допустим, мы хотим отображать Поле 3, только если установлен флажок в Поле 2.Для этого разверните Поле 3 и нажмите кнопку «Добавить условие».

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

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

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

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

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

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

Как добавить возможность упаковки подарков в WooCommerce

Если вы прочитали приведенную выше информацию о добавлении различных полей с помощью WooCommerce Product Add Ons Ultimate, вы увидите, что добавить вариант подарочной упаковки действительно просто.Просто установите флажок (убедитесь, что поле «Обязательно» не выбрано) и добавьте стоимость подарочной упаковки в поле «Цена». Когда покупатель выбирает этот вариант, цена будет добавлена ​​к цене продукта.

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

Как добавить поле расширенной гарантии к продукту

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

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

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

Они также отлично подходят для WooCommerce и WooCommerce Product Add Ons Ultimate. Во многих отношениях это идеальный продукт с возможностью индивидуальной настройки.

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

Образец поздравительной открытки товара

Вот небольшой пример того, как это можно сделать.

• Создайте новый продукт и назначьте базовую цену для карты.
• Щелкните вкладку WooCommerce Product Add Ons Ultimate и нажмите кнопку «Добавить группу». Назовите группу «Фронт». Мы добавим в эту группу настраиваемые поля для лицевой стороны карточки.
• Нажмите кнопку «Добавить поле»
• В новом поле введите «Основное сообщение» в качестве метки и выберите «Выбрать» в качестве типа поля (это это просто пример — вы можете выбрать, какие поля вам нужны)
• Введите некоторые параметры для основного сообщения — e.грамм. «С Днем Рождения», «Добро пожаловать в ваш новый дом» и т. Д.
• Снова нажмите кнопку «Добавить поле».
• Выберите «Загрузить» в качестве типа поля и назовите его «Загрузить изображение». Это позволит людям загрузить свое изображение, чтобы оно появилось на лицевой стороне карточки.

Панель Ultimate ваших добавлений продукта WooCommerce будет выглядеть примерно так:

Теперь создайте группу для внутренней части карты:

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

Группа будет выглядеть так:

Опубликуйте продукт.Во внешнем интерфейсе это будет выглядеть примерно так:

Вот как выглядит продукт WooCommerce с настраиваемыми полями.

Расширенные примеры настройки продуктов WooCommerce

Приведенные выше примеры довольно просты и используют только один или два варианта продукта. Для более сложных примеров взгляните на следующее:

Изделия композитные

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

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

Наборы товаров

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

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

Калькуляторы цен необходимы, когда ваши продукты не продаются простыми единицами — например, если вы продаете по площади или по объему.

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

Смешанные случаи

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

Товары «Завершите образ»

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

Что мы узнали?

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

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

Наконец, мы рассмотрели детали добавления настраиваемых полей и параметров с помощью плагина WooCommerce Product Add Ons Ultimate.

Вы можете узнать больше о плагине, щелкнув изображение ниже. Или вы можете посмотреть демо.

Настройка настраиваемых сопутствующих товаров в WooCommerce

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

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

Как я могу установить определенные сопутствующие товары?

Custom Related Products for WooCommerce — это бесплатный плагин, доступный в WordPress.репозиторий плагинов org. Вы можете скачать его прямо со своего сайта и активировать в несколько кликов. После установки и активации вы должны увидеть новое поле Сопутствующие товары на вкладке товаров Связанные товары .

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

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

TAKEAWAY

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

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

Плагин

# 1 для настройки продуктов, связанных с WooCommerce

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

Давайте посмотрим на отображение продуктов, связанных с WooCommerce, по умолчанию на моем демонстрационном сайте (под управлением WooCommerce 3.7.0 и Storefront).

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

Что делать, если вы хотите изменить продукты, отображаемые в этом разделе.Может быть, вы хотите:

• Показать продукты из разных категорий
• Выберите некоторые конкретные продукты для отображения в разделе связанных продуктов этого продукта
• Установите другой набор сопутствующих продуктов только для одного или нескольких продуктов

Позвольте мне показать вы, как это сделать, с моим новым плагином BC Ultimate Related Products.

Прежде чем мы начнем, вот категории продуктов на моем демонстрационном сайте:

Установите сопутствующие товары для категории из других категорий

Давайте углубимся в наш первый случай.Например, я хочу, чтобы, когда люди просматривали товары Dress, в разделе связанных товаров показывались товары от Jeans and Hoodies.

Я знаю, что в этом нет смысла. Это просто демонстрация того, как работает плагин.

Перейдем к экрану сопутствующих товаров BC Ultimate. Вот что у нас есть:

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

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

Теперь у нас настроена структура, давайте настроим категории.

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

Сохраните настройки и просмотрите один товар из категории Платье. Вот что у нас есть:

Как видите, мы успешно завершили дело.Товары от Jeans и худи показаны в разделе сопутствующих товаров.

Давайте попробуем другой случай.

Выберите определенные продукты в качестве продуктов, связанных с WooCommerce для категории

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

Если это вас смущает, позвольте мне привести пример.

Снова возьмите категорию «Платье». На этот раз мы хотим настроить так, чтобы при просмотре любого продукта в категории «Платье» посетители видели три продукта, которые мы выбираем.

Приступим.

Мы сосредоточимся на втором разделе плагина:

Как и в предыдущем случае, мы выбираем Dress слева. Однако справа это не поле выбора. Вместо этого это поле, в котором вы можете искать товары, вводя несколько символов. Нет ограничений на количество продуктов, которые вы можете выбрать.

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

Сохраните настройки и еще раз отметьте один товар из категории Платье.

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

У нас осталось одно дело, давайте начнем.

Выберите продукты, связанные с WooCommerce, для одного продукта

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

Вот как этого добиться с помощью сопутствующих товаров BC Ultimate.

Давайте сосредоточимся на третьем разделе плагина.

Слева есть поле, в котором вы можете искать продукты и выбирать один продукт. Справа он похож на случай №2. Это окно поиска продуктов, в котором вы можете выбрать несколько продуктов.

Позвольте мне быстро выбрать два продукта в качестве связанных продуктов для продукта TSE Cashmere….