Виджет — это небольшой элемент интерфейса, который решает задачи пользователя и бизнеса. Человеку он упрощает доступ к функциям сайта или покупкам, бизнесу — помогает собирать контакты потенциальных клиентов, увеличивать продажи и вовлекать пользователей в коммуникацию.
В этом материале вы узнаете про топ виджетов для вашего сайта:
Виджет 1. Форма для сбора контактов на сайте
Форма для сбора контактов (лид-форма) — это форма с полями для заполнения, в которой пользователи оставляют свои контакты: телефон, email, имя.
Какие задачи решает форма для сбора контактов
Глобально лид-форма решает три задачи.
Задача 1. Собирает контакты потенциальных клиентов. Они пригодятся для рассылок, персональных предложений и повторных продаж.
Например, форма, которую запустил онлайн-магазин «Ведьмино счастье» с помощью Mindbox, за пять месяцев собрала для компании 7000 новых контактов.
Задача 2. Формирует лояльность аудитории. Пользователь охотнее делится контактами, если получает что-то полезное. Для книжного магазина это может быть бесплатный рассказ, для fashion-бренда — гайд по стилю.
К примеру, форма на сайте сети «ВОИН» предлагает скидку в обмен на адрес электронной почты. Конверсия в заполнение — 1,37%.
Задача 3. Собирает дополнительные сведения о целевой аудитории:
-
дату рождения;
-
интересы;
-
географию проживания.
Эти данные помогают запускать персонализированные механики, которые работают лучше массовых. Например, показывать на сайте товары, которые могут быть интересны конкретному пользователю.
Виды форм для сбора контактов
Форму сбора контактов можно сделать в виде встроенного блока, кнопки или попапа.
Встроенная форма на странице:
-
выглядит как часть контента;
-
не отвлекает от просмотра страницы, поэтому не раздражает;
-
размещаются чаще всего в конце статьи, на странице блога или в футере сайта.
Кнопка, при клике на которую открывается попап с формой. Такой элемент подходит для страниц с большим объемом текста, где навязчивость может оттолкнуть.
Например, на сайте магазина одежды можно разместить кнопку «Подписаться» в нижней части экрана, и при нажатии на нее откроется форма сбора контактов.
Попап — всплывающее окно на сайте, которое мотивирует пользователя к действию. Это перекрывающий контент — наиболее заметный формат. Он мешает просмотру страницы, но привлекает внимание к предложению. Попап хорошо работает с новым или случайным трафиком, который важно идентифицировать.
Попапы сбоку или снизу страницы не мешают просмотру, работают точечно:
-
Боковой попап лучше использовать на страницах с инструментами, вроде ипотечного калькулятора на сайте банка.
-
Нижний оптимален для каталогов, особенно на мобильных устройствах.
Например, группа компаний «Самолет» с помощью Mindbox разместила попап внизу экрана, в результате конверсия в сбор контактов увеличилась до 2%.
Примеры ошибок в использовании форм обратной связи
Разберем основные ошибки, к чему они могут привести и как их исправить.
Ниже — таблица с подробными данными. Чтобы увидеть ее целиком, зажмите таблицу и потяните ее курсором в нужную сторону.
|
Ошибка |
К чему может привести |
Как пофиксить |
|
|
Просьба к клиенту оставить в форме контакты — без бонуса и объяснений, зачем это нужно |
Пользователь не увидит выгоды и закроет окно |
Предложить ценность в обмен на контакт: скидка, бонус, полезный гайд или ранний доступ к распродаже. Оффер должен быть понятным и интересным аудитории |
Промокод на первый заказ |
|
Чек-лист «Как собрать чемодан в отпуск» |
|||
|
Доступ к распродаже до официального старта |
|||
|
Объяснить, для чего компания собирает данные. Например, написать над формой: «Укажите свою дату рождения — мы сделаем вам подарок!» |
|||
|
Виджет открывается сразу, как только пользователь зашел на сайт |
Посетитель еще не успел понять, нужны ли ему товары бренда, и, скорее всего, закроет предложение |
Настроить время появления виджета или условия его показа. Например, показывать форму через пару минут после захода пользователя на страницу. |
|
|
Протестировать разные варианты, чтобы выбрать оптимальное время |
|||
|
Попап мешает взаимодействию с сайтом — не дает нажать на кнопку, закрывает товар или важный блок |
Пользователь раздражается и, скорее всего, уйдет с сайта без заказа |
Использовать боковой попап, который не мешает скроллить страницу |
|
|
Подключить нижний попап, например, для каталогов |
|||
|
Подключить встроенный блок на страницах с линейным чтением: статьи, лендинги |
|||
|
Установить кнопку-триггер, которая открывает форму, если она интересна пользователю |
|||
|
Всем пользователям показывают одинаковую форму — без учета интересов, поведения и стадии воронки |
Предложение неинтересно клиентам, поэтому они закроют его |
Настроить условия показа под разные сегменты аудитории |
Пользователям, просматривающим премиум-товары, предложить подписку на новинки люксовой категории |
|
Новым клиентам — скидку на первый заказ |
|||
|
Форм слишком много |
Внимание клиента рассеивается, поэтому он покидает сайт без покупки. |
Показывать одному пользователю не более трех попапов за сессию. |
|
Виджет 2. Таймер обратного отсчета на сайте
Таймер обратного отсчета — это окно, в котором отображается счетчик времени, оставшегося до конкретной даты (старт распродажи, закрытие акции).
Какие задачи помогает решить таймер обратного отсчета
Таймер решает две основные задачи.
Задача 1. Увеличивает продажи, создавая ощущение срочности. Например, клиенту можно предложить бесплатную доставку, если он оформит заказ до конца дня. Таймер на сайте 3Dplitka.ru мотивирует клиента завершить заказ за 20 минут в обмен на промокод. Этот виджет был запущен с помощью Mindbox, в результате выручка магазина выросла на 2,7 млн рублей.
Задача 2. Увеличивает конверсию в целевое действие. Например, за несколько дней до старта распродажи добавьте на сайт таймер с формой сбора email и предложением раннего доступа к скидкам. Люди, скорее всего, оставят свой контакт, чтобы получить выгодные предложения в числе первых.
Виды таймеров обратного отсчета на сайте
Мы выделили три основных вида таймеров: статичный, таймер в карточке товара и попап с таймером.
Статичный баннер:
-
подходит для масштабных акций, вроде Черной пятницы или сезонной распродажи;
-
размещается на всех страницах сайта, включая главную;
-
сообщает пользователю, сколько дней или часов осталось до конца события.
Таймер в карточке товара мотивирует на покупку здесь и сейчас. Хорошо работает с офферами, завязанными на логистику: «Закажите сейчас — получите сегодня».
Попап с таймером уместен для персональных предложений или в рамках коротких распродаж. Таймер всплывает вместе с оффером и фокусирует внимание пользователя на ограниченности предложения.
Примеры ошибок в применении таймеров обратного отсчета на сайте
Ниже — про основные ошибки и как их исправить.
|
Ошибка |
Как пофиксить |
|
|
Некорректные настройки таймера |
Чтобы настроить верное время, ориентируйтесь на задачу |
Если срок акции ограничен, укажите точную дату окончания |
|
Если это динамическое предложение, — например, персональный промокод, — настройте заданный период показа: скажем, 30 минут с момента захода на сайт |
||
|
Для повторяющихся офферов подойдет цикличный таймер. Например, если скидки на заказы, оформленные сегодня, начинаются в 15:00, то нужно поставить таймер на сайте на это время. Пользователи, которые зайдут на сайт утром, его не увидят. |
||
|
Неподходящий оффер в таймере |
Настраивайте показ таймера под разные аудитории. Например, если акция действует только для новых посетителей, то не нужно показывать таймер постоянным клиентам. Такие настройки делаются с помощью сегментации аудитории. Если компания предлагает доставку день в день по Москве, то таймер об этом видят только покупатели из этого города. |
|
Виджет 3. Виджет товарных рекомендаций на сайте
Виджет товарных рекомендаций — это блок с подборкой товаров, которые могут быть интересны пользователю или дополняют его выбор.
Для чего нужен виджет рекомендаций на сайте
Ключевые задачи, которые решает виджет товарных рекомендаций — увеличение продаж и повышение лояльности клиентов.
Рост продаж. Например, виджет помогает клиенту подобрать товары, которые дополняют те, что он выбрал. Тому, кто смотрит сумку, можно предложить подходящие по стилю или цвету аксессуары: шарф, перчатки и кошелек. Это может привести к увеличению чека.
На наш взгляд, виджеты рекомендаций показывают самую высокую конверсию по сравнению с другими формами персонализации:
-
помогают пользователю ориентироваться;
-
предлагают актуальные товары;
-
не нарушают клиентский путь;
-
не всплывают внезапно.
Онлайн-магазин музыкальных инструментов «Музторг» интегрировал на своем сайте несколько типов рекомендаций:
-
похожие товары в продуктовой карточке;
-
персональные рекомендации в поиске;
-
сопутствующие товары на странице корзины и др.
В результате компания не только увеличила прибыль, но и уже через полгода полностью окупила инвестиции в рекомендации.
Рост лояльности клиентов. Виджеты экономят время пользователя: например, предлагают популярные товары, чтобы человеку не пришлось искать их на сайте самостоятельно.
Виды товарных рекомендаций
Рекомендации настраивают для конкретного пользователя и для определенной страницы сайта.
Для конкретного пользователя:
-
новичкам на сайте лучше показывать хиты продаж — товары, которые чаще всего покупают;
-
постоянным клиентам стоит делать более точечные предложения, сформированные индивидуально: на основе их прошлых покупок, просмотренных товаров и других действий.
Персональные рекомендации на главной странице Socolor показывались пользователю на основе его истории покупок. За полгода механика, созданная с помощью нашей платформы, принесла выручку — 331 734 рубля.
У нас на платформе персонализированные рекомендации формируются с учетом не только поведения конкретного клиента, но и данных о look-alike-аудитории — пользователей с похожими интересами и паттернами покупок. Система машинного обучения анализирует массив данных, чтобы предложить самые подходящие товары каждому пользователю.
Для определенной страницы сайта. Если клиент зашел на страницу с шампунями, на ней логично предложить популярные товары из этой категории. В карточке товара лучше показывать сопутствующие продукты: кондиционеры или маски.
Как правило, разные виджеты рекомендаций настраивают на разных страницах. Объясним подробнее на примере:
На сайте M.REASON в карточках товаров используются два виджета:
-
«Дополните образ» — показывает товары, которые клиент еще не покупал;
-
«Рекомендуем» — предсказывает, что пользователь может захотеть купить, основываясь на данных о просмотренных товарах, заказах и поведении похожих клиентов.
Как применять товарные рекомендации на сайте
|
Место на сайте |
Виды товарных рекомендаций |
Цель |
|
Главная страница |
Популярные продукты |
Помочь новым клиентам, о которых компания не знает ничего, определиться с выбором |
|
Страница категории |
Популярные продукты в категории |
Помочь определиться клиенту, который знает, чего хочет, но не может выбрать конкретный продукт |
|
Карточка продукта |
Похожие и сопутствующие продукты |
Увеличить конверсию, дополнив страницу подходящими товарами. Если текущий товар не совсем подходит, в рекомендациях есть другие. |
|
Страница корзины и всплывающее окно при добавлении продукта в корзину |
Сопутствующие продукты к корзине |
Увеличить средний чек, дополнив покупки сопутствующими товарами |
|
Страница 404 и страница поиска, который не дал результатов |
Персональные рекомендации |
Удержать интерес клиента, предложив подходящие товары вместо тех, которые не получилось найти |
Виджет 4. Квизы и опросы
Квизы — это интерактивные опросы и викторины на разные темы: общую эрудицию, личные предпочтения клиента и параметры нужного товара.
Какие задачи можно решить с помощью квизов и опросов
С помощью квизов и опросов можно:
-
увеличить продажи;
-
повысить уровень вовлеченности аудитории;
-
собрать контакты и дополнительные данные о клиентах.
|
Задача |
Как это работает |
|
Увеличение продаж |
Скидка, подарок за прохождение теста и другие бонусы воспринимаются клиентом как «заслуженная награда», а не просто навязанная акция. В результате он с большей вероятностью совершит покупку |
|
Повышение вовлеченности пользователей |
Квизы и опросы делают взаимодействие с сайтом интересным. Это уже не просто просмотр каталога, а мини-игра или диалог, в котором пользователь участвует. Благодаря этому он задерживается на сайте дольше, а это влияет на поведенческие факторы: повышается глубина просмотра и снижается показатель отказов. Поисковые системы расценивают такой сайт, как полезный, что может улучшить его позиции в результатах выдачи. |
|
Сбор контактов и дополнительных данных о клиентах |
После прохождения теста пользователь с большей вероятностью оставит свой email в обмен на результат или обещанный бонус. А ответы в квизе помогут компании узнать интересы, потребности и предпочтения клиента, чтобы в будущем строить с ним более персонализированную коммуникацию. |
Типы квизов и опросов на сайте
Мы выделили три типа опросов и квизов на сайте:
-
Ecom-подборщики.
-
Ознакомительные и развлекательные.
-
Исследовательские.
Расскажем о каждом из них подробнее.
Ecom-подборщики — это интерактивные виджеты, в которых пользователь отвечает на вопросы, чтобы подобрать товар. Например, при выборе пылесоса клиент указывает размеры квартиры, есть ли животные и ковры. По этим ответам система предлагает подходящие модели. Такой подход помогает заменить консультацию менеджера, когда выбор сложный и требует персонализации.
Ознакомительные и развлекательные опросы помогают бизнесу узнать об интересах клиента, его географии проживания, хобби. Эти данные сохраняются, чтобы потом сегментировать аудиторию и делать персонализированные предложения. Например, книжный магазин может показывать сегменту «любители фантастики» информацию о скидках только на эту категорию книг, потому что она их, скорее всего, заинтересует.
Например, в интерактивном опросе «Ревитоники» пользователю предлагают выбрать свою основную проблему, указать возраст и доступное время для занятий. В ответ отправляют персональную подборку товаров
Исследовательские опросы используются для оценки качества сервиса и расчета маркетинговых метрик: NPS, CSI и CES. Такие данные помогают улучшать продукты и коммуникации.
Примеры ошибок при работе с квизами и виджетами
|
Частая ошибка |
Как исправить |
|
|
Слишком длинный квиз — более восьми вопросов |
Чтобы пользователь прошел опрос до конца, лучше ограничить количество вопросов. По опыту Mindbox, конверсионные опросы содержат от 4 до 6 пунктов |
|
|
Слабый призыв к действию |
Важно четко сообщить, что пользователь получит за прохождение опроса |
«Подберем крем, который идеально подойдет вашей коже» |
|
«Подарим промокод на следующий заказ» |
||
|
Квиз в неподходящей нише |
Если покупатель точно знает, что ему нужно, ecom-квиз теряет смысл: например, при поиске конкретной модели телефона. Если выбор сложный, как при покупке пылесоса или стиральной машины, квиз может заменить консультацию менеджера. |
|
Как выбрать подходящий виджет для сайта
Мы рассмотрели четыре основных типа виджетов для сайта, осталось определиться, какой из них выбрать. Для этого нужно выполнить ряд действий.
Определить задачу, для которой нужен виджет. Если цель — увеличить базу подписчиков, подойдет форма сбора контактов или квиз. Если увеличить средний чек — виджет рекомендаций.
Продумать несколько вариантов оформления: с разным дизайном, текстами или условиями показа. Это нужно для A/Б-тестов, которые помогут выбрать наиболее конверсионное решение. Например, тестировать форму с фиксированной скидкой «Колесо фортуны», где пользователь может выиграть разные бонусы.
Провести A/Б-тест, чтобы выбрать лучший вариант. MOON-Trade протестировали два вида попапов для сбора контактов: обычный и игровой с «Колесом фортуны». Конверсия игрового — 2,8%, а обычного — 0,8%.
Оценить эффективность виджета — рост конверсии в целевое действие. Оптимальное значение зависит от отрасли:
-
для застройщиков, банков, маркетплейсов и сервисов с большой аудиторией даже 1% прироста — это уже весомый результат;
-
для малого и среднего бизнеса ориентир выше — от 3% и больше.
Грамотно подобранные виджеты делают сайт полезным для пользователя: он не просто листает страницы, а вовлекается в коммуникацию с брендом. Это повышает вероятность покупки — а значит, и прибыль.
Последние комментарии