Как создать поиск товаров WooCommerce: пошаговая инструкция

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

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

Зачем создавать поиск товаров WooCommerce

Стандартная поисковая система WordPress не видит разницы между товарами ВуКомерс и обычными записями и страницами.

Кроме того, ВордПресс полностью игнорирует атрибуты товаров WC при выполнении поиска. Из-за этого клиенты не могут искать продукты по цвету, размеру, артикулу и другим параметрам.

Вы можете легко решить обе эти проблемы, создав поиск товаров. Это поможет:

• Очистить результаты поиска. Ограничить поиск на сайте товарами WooCommerce, чтобы ничто не отвлекало клиентов от покупок.
• Включить поиск по атрибутам продуктов. Сделайте их доступными для поиска на сайте, чтобы клиентам было проще находить нужные варианты.
• Увеличить продажи. Чем проще посетителям найти нужный товар в магазине, тем больше продаж вы сделаете.
• Сформировать базу лояльных клиентов. Довольные люди, у которых остались положительные впечатления от просмотра магазина, с большей вероятностью вернутся снова.
• Улучшить SEO сайта. Когда посетители проводят много времени на вашем ресурсе, это служит хорошим сигналом для Google о том, что веб-проект заслуживает более высокого места в результатах поиска.

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

Как создать поиск товаров в WooCommerce через SearchWP

Самый простой способ реализовать поиск товаров в ВуКомерс на сайте — использовать плагин, такой как SearchWP.

Это самый мощный и простой в использовании вариант для поиска в WordPress. Ему доверяют 50 000+ владельцев сайтов по всему миру.

SearchWP имеет бесшовную интеграцию с WooCommerce. Это позволяет полностью настроить поиск товаров WC в соответствии с потребностями.

Вот некоторые другие функции SearchWP, которые улучшат поиск и помогут развивать бизнес:

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

Итак, давайте посмотрим, как с помощью SearchWP можно улучшить поиск товаров WooCommerce на сайте.

Шаг 1: Установка и активация SearchWP

Для начала перейдите на сайт и скачайте SearchWP.

После этого нужно войти в свою учетную запись SearchWP и перейти на вкладку «Загрузки».

Затем нажмите кнопку «Скачать SearchWP», чтобы начать загрузку ZIP-файла плагина на свой компьютер.

Теперь следующим шагом будет загрузка скачанного ZIP-файла на сайт и установка SearchWP.

После установки и активации вы увидите мастер настройки. Просто нажмите кнопку «Запустить мастер настройки» и следуйте инструкциям на экране.

После установки и активации SearchWP на сайте следующим шагом будет установка расширения для интеграции с WooCommerce.

Шаг 2: Установите SearchWP для интеграции с WooCommerce

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

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

Чтобы установить его, перейдите в раздел SearchWP > «Расширения» в дашборде ВордПресс. Затем найдите расширение «Интеграция с WooCommerce». Нажмите кнопку «Установить».

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

Шаг 3: Настройка кастомной поисковой системы

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

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

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

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

Ограничение поиска продуктами WooCommerce

Сначала нужно перейти на страницу SearchWP > «Алгоритм» в дашборде WordPress.

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

Вы заметите, что ПС по умолчанию будет иметь 3 источника: записи, страницы и медиафайлы.

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

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

Когда закончите настройку источников поиска, нажмите «Готово», чтобы сохранить изменения.

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

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

Для начала прокрутите вниз до раздела «Источник: Продукты». Нажмите кнопку «Добавить/удалить атрибуты».

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

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

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

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

Позвольте клиентам искать по тегам продуктов

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

Сначала нужно нажать на поле «Таксономии».

Затем найдите пункт «Теги товаров» и нажмите на него, чтобы добавить теги в качестве атрибута.

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

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

Помимо тегов, SearchWP также позволяет добавлять категории товаров в процесс поиска.

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

Когда закончите, нажмите кнопку «Готово».

Для начала нажмите кнопку «Редактировать правила».

Затем откроется новый попап.

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

Сначала нужно нажать на меню «Показывать записи, если» и изменить его на «Исключать записи, если».

После этого вы можете выбрать «Таксономия», а затем выбрать «Категории товаров (product_cat)» из раскрывающегося меню.

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

Например, предположим, вы хотите исключить из поиска категорию «Без категории».

Когда будете удовлетворены выбранными исключенными вариантами, нажмите «Готово».

Сохраните настроенную систему поиска

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

Для этого просто нажмите кнопку «Сохранить» в правом верхнем углу.

Вот и всё. Теперь на сайте работает интеллектуальный поиск товаров WooCommerce.

Давайте протестируем его и посмотрим, как он работает.

Шаг 4: Протестируйте новый поиск товаров

Для этого нужно выйти из дашборда WP и перейти на свой сайт.

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

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

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

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

У него нет описания, он не добавлен ни в одну категорию, но имеет тег «Зимняя одежда».

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

Как видите, мы успешно нашли продукт.

Это означает, что WP теперь учитывает теги товаров при выполнении поиска.

Создание страницы поиска WooCommerce

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

Самое приятное, что SearchWP поддерживает некоторые из самых популярных конструкторов, такие как Elementor, Divi, Beaver Builder и Oxygen.

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

Простой способ создать поиск по товарам через WPBar

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

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

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

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

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

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

Промокод на WPBar

FAQ

Заключение

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