Как использовать блок поиска товаров WooCommerce

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

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

Давайте приступим!

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

Добавление блока поиска товаров в WordPress — очень простой процесс. Откройте редактор блоков для страницы, на которую вы хотите поместить элемент, и нажмите знак +, чтобы добавить новый блок. Затем используйте строку поиска, чтобы найти «поиск продукта»:

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

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

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

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

Настройки и параметры блокировки WooCommerce в поиске товаров

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

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

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

Вы также заметите вкладку « Дополнительно » под разделом « Содержимое » в настройках конфигурации. На вкладке « Дополнительно » есть поле для добавления пользовательских классов CSS в блок « Поиск товаров »:

Так как это block включает только несколько параметров конфигурации, вам нужно будет использовать пользовательский CSS, чтобы настроить его стиль. Однако в этом может не быть необходимости, поскольку дизайн блока « Поиск товаров » по ​​умолчанию очень минималистичен. Поэтому он не должен выглядеть неуместно, независимо от того, какую тему WordPress вы используете.

Советы и рекомендации по эффективному использованию блока Product Search WooCommerce

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

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

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

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

Часто задаваемые вопросы о блоке поиска товаров WooCommerce

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

Могу ли я использовать функцию поиска WordPress по умолчанию вместо блока поиска товаров?

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

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

Могу ли я включить автозаполнение для блока поиска товаров WooCommerce?

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

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

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

Вывод

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

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

У вас есть вопросы о том, как использовать блок Product Search WooCommerce? Давайте поговорим о них в разделе комментариев ниже!

Избранное изображение через holaillustrations/shutterstock.com