Добавление расширенного поиска товаров в WooCommerce — это просто. Достаточно выбрать конструктор WC, поддерживающий эту функцию. Включите расширенный поиск товаров. Затем просто перетащите элемент на страницу интернет-магазина.
Но зачем это нужно? Стандартная функция поиска в ВуКомерс работает, но, честно говоря, она слишком проста и вызывает у покупателей разочарование.
Для удобного в использовании сайта интернет-магазина хороший поиск — это не роскошь. Это необходимость, чтобы сделать товары легко доступными для пользователей.
В этом руководстве я покажу, как добавить расширенный поиск товаров в интернет-магазин WooCommerce с помощью специального плагина ShopEngine. Это значительно улучшит пользовательский опыт и увеличит продажи.
В этом руководстве описан процесс добавления расширенного поиска товаров для WooCommerce с помощью Elementor и ShopEngine.
- Почему поиск товаров WooCommerce важен для пользовательского опыта
- Чем отличается расширенный поиск товаров в WooCommerce
- Как добавить расширенный поиск товаров для WooCommerce
- Шаг 1: Установите конструктор WC с функцией расширенного поиска товаров
- Шаг 2: Включите виджет расширенного поиска товаров WooCommerce
- Шаг 3: Добавьте расширенный поиск товаров на страницу магазина WC
- Шаг 4: Настройте виджет расширенного поиска товаров WooCommerce
- Распространенные ошибки расширенного поиска
- Рекомендации по добавлению поиска товаров WooCommerce на сайт
- FAQ
- Заключение
Почему поиск товаров WooCommerce важен для пользовательского опыта
Проще говоря, опция поиска товаров WC помогает клиентам быстро находить именно те продукты, которые они ищут, улучшает пользовательский опыт и, в конечном итоге, увеличивает конверсию. Также стоит помнить, что:
- Люди часто приходят с конкретной целью, а не из любопытства. Многие посетители не заходят на сайт, чтобы просто посмотреть товары. Они уже знают либо название, либо нужные им функции, категории или артикул. Поиск позволяет им мгновенно найти нужный товар, вместо того чтобы просматривать множество категорий и фильтров.
- Каталоги не остаются маленькими навсегда. Магазин с ограниченным количеством товаров может обходиться без поиска. Но как только у вас появляются десятки или сотни продуктов, пользователям становится сложно найти конкретные позиции. Поэтому им нужна функция поиска, чтобы легко найти желаемый товар.
- Пользователи, использующие поиск, обычно чаще совершают покупки. Они обычно более мотивированы. Такие клиенты активно ищут что-то конкретное, а не просто просматривают ассортимент. Поэтому для повышения конверсии крайне важно дать им возможность быстро находить результаты.
- Поиск учитывает, как на самом деле думают люди. Они не мыслят категориями из вашего меню. Они мыслят в беспорядочных терминах, таких как «месячный план», «синяя толстовка» или «плагин с всплывающими окнами». Поиск встречает их там, где уже находится их мозг.
Чем отличается расширенный поиск товаров в WooCommerce
В то время как обычный поиск основан на простом сопоставлении ключевых слов, расширенный поиск товаров на основе AJAX (Asynchronous JavaScript and XML) предоставляет более релевантные результаты, анализируя атрибуты товаров, вариации и метаданные.
Проще говоря, конечной целью является улучшение пользовательского опыта за счет более высокой точности результатов и сопоставления на основе намерений.
Ключевые различия между обычным и расширенным поиском товаров в WooCommerce.
| Критерии | Обычный поиск товаров | Расширенный поиск товаров |
|---|---|---|
| Метод поиска | Базовое сопоставление по ключевым словам | Контекстный поиск с учетом намерений пользователя |
| Объем поиска | Только названия товаров и базовое содержание | Атрибуты, варианты, SKU, метаданные и таксономии |
| Точность результатов | Часто нерелевантные или неполные | Высокая релевантность и точность |
| Страницы без результатов | Часто встречаются | Значительно реже |
| Гибкость ключевых слов | Требует точной формулировки | Поддерживает частичные ключевые слова, синонимы и альтернативные фразы |
| Поиск на уровне вариаций | Невозможно искать отдельные вариации товаров | Позволяет искать по атрибутам вариаций |
| Производительность при масштабировании | Становится неэффективным по мере роста каталога товаров | Оптимизирован для крупных магазинов WooCommerce |
| Скорость поиска | Требуется перезагрузка страницы | Мгновенные результаты с помощью AJAX |
| Результаты поиска в реальном времени | Недоступно | Результаты появляются по мере ввода пользователем |
| Автозаполнение и подсказки | Недоступно | Да |
| Пользовательский опыт (UX) | Базовый и медленный | Плавный, интуитивный и быстрый |
| Влияние на конверсии | Сравнительно более низкий коэффициент конверсии | Более высокая вероятность совершения покупки |
Обычный поиск товаров в ВуКомерс функционален, но ограничен. Расширенный вариант превращает процесс в мощный инструмент для обнаружения и конверсии, улучшая скорость, релевантность, удобство и аналитику.
Как добавить расширенный поиск товаров для WooCommerce
Самый простой и эффективный способ реализовать расширенный поиск товаров — использовать специализированный конструктор WC, оснащенный данной функцией.
В этом руководстве я буду применять ShopEngine, чтобы объяснить, как добавить расширенный поиск товаров для ВуКомерс.
Шаг 1: Установите конструктор WC с функцией расширенного поиска товаров
Чтобы установить плагин-конструктор WooCommerce на свой сайт WordPress, перейдите в раздел «Плагины» > «Добавить новый» в дашборде ВордПресс.
Найдите расширение ShopEngine.
Установите и активируйте плагин. Выполните все шаги начальной настройки, чтобы убедиться, что основные функции включены.
Виджет расширенного поиска товаров ShopEngine является бесплатной функцией. Таким образом, вы можете легко и бесплатно добавить поиск продуктов ВуКомерс на свой сайт.
Шаг 2: Включите виджет расширенного поиска товаров WooCommerce
Чтобы использовать расширенный поиск товаров для WC, необходимо включить виджет «Расширенный поиск» в дашборде ShopEngine.
Перейдите в ShopEngine > «Виджеты».
Найдите виджет «Расширенный поиск» и убедитесь, что он включен.
Нажмите кнопку «Сохранить изменения».
Шаг 3: Добавьте расширенный поиск товаров на страницу магазина WC
После включения виджета расширенного поиска вы сможете использовать его на странице магазина, архива и других подобных разделах. Допустим, вы хотите использовать виджет на странице магазина.
В дашборде WP перейдите в раздел «ShopEngine» > «Шаблоны конструктора».
Для страницы «Магазин» выберите «Редактировать с помощью Elementor». Вы будете перенаправлены в редактор страниц.
Теперь решите, где хотите, чтобы отображался расширенный поиск (например, в шаблоне хедера или в сайдбаре).
После этого перейдите в левый сайдбар, где находится библиотека виджетов, и найдите «Расширенный поиск». Как только он появится, просто перетащите виджет на страницу, где хотите, чтобы отображалась опция поиска.
Шаг 4: Настройте виджет расширенного поиска товаров WooCommerce
Этот виджет расширенного поиска от ShopEngine позволяет покупателям сужать поиск по категориям товаров, чтобы им не приходилось каждый раз просматривать ваш магазин.
Для этого фильтра включите «Показать выпадающий список категорий» и введите текст «Все категории».
Например, если кто-то выберет «Все категории» и будет искать товар, он увидит результаты из всех категорий магазина.
Но если перед поиском выбрать конкретную категорию, результаты будут ограничены только ею.
Таким образом, если покупатель выберет «Футболки» и будет искать «Поло», в результатах поиска будут отображаться только рубашки-поло из категории «Футболки».
Распространенные ошибки расширенного поиска
Расширенный поиск обычно не работает по банальным причинам. Когда результаты выглядят неверно, это почти всегда связано с неаккуратными данными или конфигурациями магазина. Вот самые распространенные проблемы и способы их устранения:
- Отсутствие результатов для очевидных товаров Причина: неправильные названия, отсутствующие SKU, товары без категории или неназначенные атрибуты. Для решения используйте понятные названия продуктов и правильно назначайте атрибуты и категории.
- Неуместные товары в результатах. Это происходит, когда ключевые слова и категории слишком широки или беспорядочны. Решение: приведите в порядок категории, избегайте перенасыщения ключевыми словами и поддерживайте структурированность атрибутов.
- Варианты товаров не доступны для поиска. Поиск игнорирует размер, цвет или другие варианты. Чтобы это исправить, включите образцы вариантов и присвойте атрибуты каждому варианту.
- Фильтр по категориям не работает. В результатах отображаются товары из всех категорий. Решение: убедитесь, что продукты отнесены к правильным категориям, а фильтры настроены правильно.
- Поиск работает медленно или с задержками. Результаты загружаются с опозданием или требуют перезагрузки страницы. Для решения используйте динамический поиск AJAX, сократите объемные превью и отключите дублирующиеся плагины поиска.
- Пользователи ищут товары, которые не продаете. Повторные поиски ни к чему не приводят. Для решения используйте данные поиска для корректировки названий продуктов или планирования будущих запасов.
Рекомендации по добавлению поиска товаров WooCommerce на сайт
На данный момент поиск запущен и работает. Но это только половина дела. Эффективность зависит от того, насколько тщательно вы его настроили и насколько хорошо он соответствует тому, как люди на самом деле делают покупки. Вот несколько рекомендаций:
- Разместите поиск там, где его ожидают пользователи: в верхнем меню, на видных сайдбарах и т. д.
- Включите фильтрацию по категориям: сузьте результаты поиска и упростите навигацию.
- Оптимизируйте данные о товарах для точности поиска: убедитесь, что названия продуктов, SKU, атрибуты, варианты и категории четко определены.
FAQ
Заключение
Добавление расширенного поиска товаров для WooCommerce — одно из самых эффективных улучшений, которое можете внести в пользовательский опыт вашего проекта. И это напрямую связано с конверсиями.
Когда покупатели заходят на сайт с конкретной целью, но не могут быстро найти то, что ищут, они уходят. Простой поиск по ключевым словам уже не соответствует современным ожиданиям людей.
Заменив базовый поиск по умолчанию на расширенный с использованием AJAX, отображением результатов в реальном времени, фильтрацией по категориям и сопоставлением на уровне атрибутов, вы создадите более быстрый и точный поиск. Это сокращает количество запросов без результатов, улучшает обнаружение товаров и повышает вероятность конверсий, особенно для пользователей, которые уже знают, что им нужно.
