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

Опубликовано: 2022-05-02

Хотите настроить страницу результатов поиска продуктов WooCommerce?

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

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

How to Customize WooCommerce Product Search Results Page

Зачем настраивать страницу результатов поиска продуктов WooCommerce?

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

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

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

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

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

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

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

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

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

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

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

Примечание. Для доступа к интеграции с WooCommerce вам потребуется как минимум план Pro.

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

Paste Your SearchWP License Key

Далее вам необходимо установить и активировать расширение WooCommerce Integration.

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

Install the WooCommerce Integration Extension

Теперь вы готовы настроить свою поисковую систему SearchWP.

Просто перейдите на страницу SearchWP »Настройки и убедитесь, что вы находитесь на вкладке «Двигатели». Оказавшись там, вам нужно нажать кнопку «Источники и настройки».

Click on the 'Sources & Settings' Button

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

Обзоры продуктов WooCommerce хранятся в виде комментариев. Если вы хотите сделать отзывы доступными для поиска, вам также следует установить флажок «Комментарии».

Check the Products and Comments Boxes

Сделав это, нажмите кнопку «Готово», чтобы закрыть всплывающее окно.

Теперь вам нужно прокрутить вниз до раздела «Продукты». Обратите внимание, что по умолчанию плагин будет смотреть только на название продукта, содержание (описание), слаг и выдержку (краткое описание).

Click the 'Add/Remove Attributes' Button in the Products Section

Вы можете расширить охват SearchWP, нажав кнопку «Добавить/удалить атрибуты».

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

Add Custom Fields and Taxonomies to the Search Engine

Теперь вы можете нажать кнопку «Готово», и вы должны заметить, что эти настраиваемые поля и таксономии были добавлены в раздел продуктов SearchWP.

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

Adjust the Importance of Each Attribute

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

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

Click the 'Save Engine' Button

SearchWP будет автоматически использовать любые поисковые формы в вашем интернет-магазине. Однако, если вам нужно добавить форму поиска, ознакомьтесь с нашим пошаговым руководством о том, как создать пользовательскую форму поиска WordPress. Это также научит вас, как стилизовать страницу результатов с помощью пользовательского CSS.

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

Product Search Results Page Preview

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

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

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

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

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

AeroPress Product Search Results Page

Чтобы начать, вы должны нажать кнопку «Изменить правила» в разделе «Продукты» SearchWP.

Click the 'Edit Rules' Button

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

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

Click the 'Add Rule' Button

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

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

Creating a Rule to Exclude Out of Stock Products

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

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

Click the 'Save Engine' Button

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

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

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

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

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

Good Dye Young Product Search Results Page

Чтобы добавить это в свой собственный магазин, все, что вам нужно сделать, это установить и активировать бесплатный плагин SearchWP Live Ajax Lite Search. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

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

Live Search Preview

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

Поиск частичных совпадений и другие расширенные функции

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

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

Magna-Tiles Product Search Results Page

Чтобы включить частичное соответствие в SearchWP, вы должны перейти к SearchWP »Настройки и нажать на вкладку «Дополнительно».

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

SearchWP Advanced Settings

Отметьте любой из этих вариантов, который вы хотели бы:

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

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.