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

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

По оценкам, среднее время пребывания на каждой странице составляет от 40 секунд до 1 минуты 10 секунд. Это очень мало времени, чтобы заинтересовать посетителя и достичь своей цели.

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

Почему важно иметь строку поиска в интернет-магазине WooCommerce

Прежде чем рассмотреть, как добавить функцию поиска, давайте спросим: зачем она нужна бизнесу в сфере онлайн-торговли?

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

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

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

Почему важно учитывать поиск товаров

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

  • Пользователи этого ожидают – эта строка считается одной из самых важных функций поиска, встречающихся в социальных сетях, блогах, системах обмена сообщениями и на сайтах онлайн-торговли. Это инструмент, которым пользуется большинство клиентов, и его отсутствие будет сразу замечено.
  • Оптимизация тайминга. Как вы, возможно, помните, время, которое у вас есть на то, чтобы конвертировать пользователя на сайте, чрезвычайно коротко. Именно поэтому любой инструмент, помогающий клиентам быстро находить нужные товары, так важен для прибыли.
  • Гибкий инструмент — помощь людям во время поиска может значительно повысить коэффициент конверсии. Используя правильный инструмент, вы можете, например, предлагать варианты с самого первого открытия поисковой строки, а также вводить синонимы, чтобы упростить поиск интересующего продукта. Например, добавив «джинсы» в качестве синонима в настройках поисковой строки, можно отобразить все варианты, содержащие слово «деним».

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

Где разместить строку поиска на сайте WordPress

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

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

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

Добавление строки поиска WooCommerce с помощью Ajax Search

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

Заменить строку поиска в верхнем меню ВуКомерс просто. Плагин Ajax Search предлагает как бесплатную, так и премиум-версию с расширенными функциями. Всего в один клики вы можете добавить кастомную форму поиска.

Чтобы установить расширение, просто активируйте его, как любое другое. После этого перейдите в сайдбар и выберите «YITH» > «Ajax Search».

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

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

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

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

Давайте рассмотрим оба варианта вместе.

Кастомизация шорткодов и блоков

Сначала рассмотрим вставку блока, которая в настоящее время является самым популярным вариантом.

Затем создадим новую страницу и добавим панель поиска.

Вставка панели поиска на новую страницу

Затем нажмите на значок «+» сбоку.

Нажмите на значок плюса сбоку

Нажмите «Просмотреть все», чтобы открыть сайдбар блоков. Прокрутите страницу вниз, пока не найдете вариант «Классический поиск», созданный плагином (или найдите его с помощью строки поиска):

Поиск блока

Вот и все. Ваша строка поиска успешно размещена на странице сайта.

Добавленная строка поиска

Если нужен шорткод, процесс будет еще короче. Все, что нужно сделать, это перейти в сайдбар дашборда WordPress в раздел «YITH» > «Ajax Search» и нажать на «Шорткоды поиска» на открывшейся странице.

Добавление строки поиска через шорткод

На этой странице вы можете скопировать и создать нужные шорткоды.

Как ускорить поиск

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

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

Давайте посмотрим, как это сделать в обоих случаях.

Чтобы показывать конкретные продукты или запросы при открытии поисковой строки, перейдите в «YITH» > «Ajax Search» > «Общие параметры». Оттуда прокрутите вниз до раздела «Рекомендуемые/Популярные поисковые запросы». Выберите, отображать ли популярные запросы или конкретные ключевые слова.

Ключевые слова для панели поиска

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

Пример поиска

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

Включение автозаполнения

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

Опять же, этого можно добиться 2 способами. Первый — помочь клиентам с неточными строками и синонимами (мы обсуждали это ранее на примере «деним» и «джинсы»). Для этого перейдите в «YITH» > «Ajax Search» > «Общие настройки» и прокрутите вниз до последнего раздела «Fuzzy strings & synonyms»:

Настройка выдачи поиска

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

Я рекомендую регулярно обновлять эти поля по мере накопления опыта работы с аудиторией.

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

Поэтому нужно будет указать все наиболее важные места, в которых будет проводиться поиск. Для этого перейдите в «YITH» > «Ajax Search» > «Поля поиска».

Панель с полем поиска

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

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

FAQ

Какие основные преимущества использования YITH Ajax Search в магазине WooCommerce?
Поиск работает быстрее, интуитивно понятен и дает надежные результаты, улучшая пользовательский опыт, удовлетворенность клиентов и коэффициент конверсии.
Совместим YITH Ajax Search со всеми темами WooCommerce?
Плагин отлично поддерживает многие темы. Для оптимальной интеграции вы можете использовать Proteo, разработанную YITH.
Можно кастомизировать внешний вид панели поиска YITH Ajax Search?
Да, панель поиска позволяет кастомизировать как ее внешний вид, так и функциональность.
Как настроить Ajax Search для отображения определенных результатов поиска?
Вы можете конфигурировать панель поиска непосредственно в дашборде YITH.
Какие расширенные параметры поиска предлагает YITH Ajax Search?
Плагин позволяет отображать популярные результаты, выбирать, где применять поиск (название продукта, описание, категории и т. д.), предоставлять функцию автозаполнения и выбирать синонимы для определенных слов, чтобы избежать пустых результатов.
Можно использовать YITH Ajax Search для поиска товаров по кастомным атрибутам?
Да, плагин предлагает различные поля поиска, включая возможность поиска по атрибутам.
Влияет YITH Ajax Search на скорость и производительность сайта?
Нет, плагин имеет небольшой размер и разработан для оптимизации качества навигации и скорости просмотра товаров.
Как панель поиска влияет на пользовательский опыт в интернет-магазине?
Панель поиска используется от 30% до 60% клиентов, совершающих покупку. Медленная и плохо оптимизированная панель поиска может раздражать клиента и отпугнуть его до совершения покупки.
Какие функции делают панель поиска оптимальной для интернет-магазинов?
Она должна быть оптимизирована как с точки зрения предоставляемых результатов, так и с точки зрения ее расположения и видимости на сайте. Хорошая поисковая система должна быть легко заметна и располагаться в верхней или средней части ресурса.

Заключение

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

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

Оцените статью
Добавить комментарий

×

AI-плагин

WPGPT
Сам создает статьи для вашего сайта WordPress

SEO и мета-теги

Парсинг конкурентов

Изображения

Комментарии

Подробнее