Как использовать на своем сайте различные виджеты: Pop-up окна, чат-боты, социальные сети, мессенджеры, онлайн-калькуляторы, таймеры обратного отсчета и многое другое
22 августа 2023
Как эффективно использовать разные типы виджетов на сайте
Как эффективно использовать разные типы виджетов на сайте
Использование виджетов на сайте может привлечь новых покупателей, а может, наоборот, оттолкнуть их. По данным платформы автоматизации Activecampaign, 50% пользователей считают всплывающие окна раздражающими. В то же время попапы конвертируют 40% посетителей сайта в подписчиков.
В статье расскажем, как извлечь максимум пользы от виджетов, на примерах наших клиентов Synergetic, Zarina и «Петрович».
Попапы
Попап — всплывающее окно, которое появляется поверх основного контента на сайте. Обычно в нем клиента просят совершить определенное действие, а в обмен предлагают скидку или подарок.
Попапы помогают:
Собрать контакты потенциальных покупателей. Такие попапы могут быть простыми или интерактивными.
Сервис проверки автомобилей «Автокод» настроил на сайте простой попап для клиентов, которых еще нет в базе. Им предлагали скидку 15% за оставленный контакт. Попап собрал 22% от всех новых подписчиков, а конверсия в заказ составила 26,2%.
Попап на сайте «Автокод» видят только посетители, которых еще нет в базе. За оставленный email клиент получает скидку 15% на услуги сервиса
Zarina запустила интерактивный попап с колесом подарков. Посетитель сайта вращал колесо, чтобы выиграть скидку или сюрприз от бренда. Конверсия колеса в подписку в 2,38 раза выше, чем конверсия обычного попапа.
Попап «Колесо фортуны» помогает Zarina собирать контакты будущих покупателей. Клиент может вращать колесо фортуны без ограничений, но для получения выпавшего бонуса должен указать email
Увеличить конверсию сайта в покупки. Попап с предложением купить тур в рассрочку увеличил выручку «Алеана» на 12%. За 25 дней работы попапа число транзакций по физическим лицам увеличилось на 3%.
Попап на сайте «Алеан» с предложением купить тур в рассрочку и результаты теста с контрольной группой
Попап со скидкой на товары в корзине помог увеличить конверсию интернет-магазина Mario Berluссi на 16,5%.
Особенность этого попапа в том, что он работает на основе алгоритмов машинного обучения, которые предсказывают действия клиента после добавления товара в корзину. Если алгоритм считает, что клиент купит без скидки, попап не появится. Если он считает, что клиент уйдет с сайта без покупки, то появится попап со скидкой.
Попап со скидкой на сайте Mario Berluссi работает на основе алгоритмов машинного обучения. Алгоритм сам определяет, каким клиентам показать попап, а каким — нет
Собрать дополнительные данные по клиентам. Fitmost предложил клиентам подарок в обмен на указание даты рождения. Более 5% действующих клиентов уже оставили свои данные. Теперь в день рождения они получают поздравление и скидку 15% на все абонементы. Такие скидки компания раздает очень редко, поэтому клиенты их используют. Это увеличивает выручку бренда.
Попап на сайте Fitmost предлагает подарок в обмен на указание даты рождения клиента
Увеличить базу подписчиков. Обычно в таких попапах бренды предлагают клиентам выгоду в обмен на подписку. Это может быть не только денежная выгода, но и проявление заботы: предложение сохранить просмотренные клиентом товары.
Evita Store отправляет гид по базовому уходу за кожей в обмен на email. Конверсия попапа на сайте — 4%
Synergetic предлагает новым клиентам бонус на первую покупку за указание email
Как настроить попап, чтобы не отпугнуть клиента и не получить штраф
Показывать попап спустя определенное время после того, как клиент зашел на сайт. Если попап появляется сразу, это раздражает. Клиент еще не успел познакомиться с ассортиментом магазина, а ему уже предлагают что-то купить.
В Mindbox можно настроить время появления формы. Попап на сайте интернет-магазина «Ведьмино счастье» появляется при выполнении клиентом минимум одного условия:
- прочитал страницу на 60%,
- провел на странице 30 секунд,
- провел на сайте две минуты,
- посетил две страницы.
Попап для сбора контактов на сайте «Ведьмино счастье» за пять месяцев собрал почти 6,7 тысячи активных контактов
Ограничить количество попапов — от одного до трех за сессию. Если на сайте их слишком много, внимание клиента рассеивается.
Показывать попапы сбоку страницы, чтобы они не мешали просмотру.На экране компьютера попапы одинаково хорошо выглядят слева и справа. На экране мобильного устройства лучше размещать виджеты в нижнем левом углу. Так клиенту удобно закрыть попап пальцем правой руки, не перемещая телефон. Если попап появляется в центре страницы, закрывая основной контент, клиент может уйти с сайта.
Добавить в попап подписки чекбоксы с согласием на обработку персональных данных и получение рекламы. Если клиент укажет свои контакты, но не согласится на получение рекламы, отправлять ему рассылки нельзя. За это можно получить штраф, если клиент пожалуется в Федеральную антимонопольную службу. Если компания не сможет доказать, что получила от клиента все необходимые согласия на рассылку, ее оштрафуют на сумму от 100 до 500 тысяч рублей. Если пожалуются несколько клиентов, компании придется заплатить за каждого.
Мы выводим разные попапы в зависимости от того, на каком этапе воронки находится клиент. Например, если человек ушел с сайта без покупки, во время следующего визита на сайт он увидит попап. Обычно это попап о начислении баллов, которые скоро сгорят. Он нужен, чтобы мотивировать клиента завершить заказ быстрее.
Чат-боты
Виджет чат-бота — это форма, в которой клиент может задать компании любой вопрос. Только ответит ему не реальный консультант, а робот. Если он не сможет ответить, вопрос автоматически отправится консультанту.
На сайте «Сбербанка» чат-бот отвечает на самые популярные вопросы по клику на вопрос
Чат-боты помогают:
Разгрузить консультантов, отвечая на типовые вопросы. Например, о способе погашения кредита, записи к парикмахеру или статусе заказа. По данным LiveChat, чат-бот снижает число обращений к живому сотруднику до 28,6%. Освободившееся время можно потратить на более сложные задачи.
Привлекать новых клиентов, которые зашли на сайт в нерабочее время. В отличие от обычного сотрудника службы поддержки чат-бот работает круглосуточно. Он пообщается с клиентом даже ночью: ответит на типовые вопросы и запишет его контакт для дальнейшей консультации с менеджером. Это позволит не упустить клиента, который заинтересовался брендом.
Увеличить продажи. Чат-бот может спросить у клиента, что он ищет. В зависимости от ответа он расскажет о новинках, покажет подходящие товары или предложит аналоги. За счет этого покупателю будет легче определиться с выбором.
Улучшить репутацию сайта у поисковиков. «Яндекс» ранжирует сайты в поисковой выдаче, в том числе по поведенческим факторам. Например, по времени нахождения пользователя на сайте. Пока клиент общается с чат-ботом, он не уходит с сайта и общее время сессии увеличивается.
Как настроить чат-бота, который привлечет клиентов
Продумать его логику. Чтобы понять, как чат-бот может помочь клиентам, нужно проанализировать путь пользователя: какие вопросы задают клиенты, что хотят получить в ответ, будет ли решена проблема после ответа или возникнут уточняющие вопросы. Если не сделать этого, то чат-бот только отпугнет клиентов. Например, если на сложные вопросы чат-бот будет предлагать ненужные ответы, это вызовет раздражение. Клиент не захочет тратить время на общение с ботом и уйдет с сайта.
Настроить передачу вопросов из чат-бота консультанту. Если чат-бот не смог ответить на вопрос, клиента нужно автоматически переводить на диалог с живым консультантом. Это поможет не потерять клиента, если его вопрос сложен для бота.
Постоянно улучшать чат-бота. После запуска стоит проанализировать, как он справляется с задачей, не жалуются ли клиенты на некоторые ответы. В дальнейшем базу знаний бота нужно пополнять. Чем больше у него будет ответов на популярные вопросы, тем полезнее он будет компании и клиентам.
Нам чат-боты помогают снизить нагрузку на колл-центр. В целом в чаты обращаются 50–100 клиентов в день. Консультантам сложно справиться с таким количеством, а чат-боты легко дают людям нужную информацию.
Виджеты социальных сетей и мессенджеров
Виджеты соцсетей и мессенджеров — это интерактивные иконки с их логотипами. По клику на иконку можно перейти на страницу компании в соцсети, поделиться публикацией бренда на своей страничке или отправить ее друзьям.
Обычно виджеты для перехода на страницы бренда размещают в футере сайта, чтобы не перегружать его. Виджеты для пересылки интересного контента — рядом с публикацией или в карточке товара.
Иконки соцсетей и мессенджеров расположены в правом нижнем углу на сайте «Детского мира». При клике открывается страница бренда в соцсети или мессенджере
Synergetic использует вместо иконок фотографии из «ВКонтакте». Клик на фото переводит на страницу публикации в соцсети
Виджеты соцсетей в журнале Mindbox предлагают поделиться интересной статьей в Telegram, «ВКонтакте» или отправить по email
Виджеты соцсетей и мессенджеров помогают:
Увеличить продажи. Чтобы узнать о компании и товаре больше, клиенту достаточно кликнуть по значку соцсети. Если он увидит, что люди пишут комментарии или лайкают публикации бренда, то, скорее всего, тоже захочет попробовать его продукты. По данным Visual Website Optimizer, 39% компаний считают, что публикации в социальных сетях повышают продажи. Возможно, это связано с тем, что 84% онлайн-покупателей используют хотя бы одну социальную сеть.
Улучшить SEO-продвижение. Поисковики положительно оценивают репосты контента на страницах соцсетей.
Привлечь новых клиентов. Когда действующие клиенты делятся публикациями в своем профиле, их подписчики могут заинтересоваться брендом. Часть из них перейдет на сайт и может совершить покупку.
Бывают случаи, когда виджеты на сайте снижают продажи. Финская компания Taloon.com провела АB-тест, чтобы проверить, как кнопки «поделиться в соцсети» под карточкой товара влияют на конверсию. Результат показал, что карточки без иконок соцсетей конвертируются в продажи лучше, чем с иконками.
Компания предположила, что это может быть связано с двумя факторами:
— Пестрые кнопки для расшаривания отвлекают пользователя от основной цели — выбрать товар и положить его в корзину.
— Если количество лайков под постами в соцсети небольшое, то люди не склонны доверять компании и покупать ее товары.
Мы выводим виджет чата WhatsApp в корзине и в карточках товара, если клиент просмотрел более пяти карточек. Такая настройка помогает не заваливать операторов вопросами, а доводить до них только заинтересованных клиентов.
Онлайн-калькулятор
Виджет-калькулятор — это программа для расчета цены за услуги или количество товара. Например, калькулятор в строительном магазине подсчитает количество краски, которое нужно для покраски дома. Сам клиент часто даже не представляет, какой объем материалов может ему понадобиться.
Виджет-калькулятор на сайте нужен не всем компаниям. Полезны они строительным магазинам, финансовым и страховым бизнесам, сервисам доставки и большинству B2B-компаний. Розничным магазинам товаров массового спроса, например зоомагазинам, калькуляторы не нужны: клиенты сами знают, сколько корма нужно их питомцу.
Калькулятор ремонта «Петровича» помогает составить смету исходя из площади помещений, материалов и объема работ
Калькуляторы на сайте помогают:
Увеличить лояльность клиентов. Клиент может рассчитать стоимость услуг самостоятельно, без звонков консультанту или скачивания прайс-листов.
Увеличить поток целевых клиентов. Клиент обращается в компанию, когда уже рассчитал предварительную стоимость и она его устраивает.
Как настроить калькулятор, который увеличит поток заказов
Показывать клиенту итог расчета сразу. Клиент тратит время на введение данных в калькулятор, поэтому ожидает мгновенно увидеть расчет. Предложение отправить расчет взамен на контакты раздражает. Если бы калькулятора не было, клиент и так выбрал бы другой способ получить расчет: написать в мессенджер, запросить обратный звонок или пообщаться с чат-ботом. Раз калькулятор есть, он создает определенные ожидания.
Сделать расчет максимально точным. Клиент знает, что окончательная цена, рассчитанная менеджером, может отличаться от цены на онлайн-калькуляторе. Если разница небольшая, это нормально. Если итоговая цена будет намного выше, клиент почувствует себя обманутым.
Калькуляторы — полезная штука. Она экономит время клиента и консультанта. Единственное, что стоит в нем сообщать, что расчет приблизительный.
Если клиента устраивает предварительный расчет, он оставит свой телефон для связи с менеджером.
Таймер обратного отсчета
Это цифровой счетчик, который показывает, сколько времени осталось до определенного события. Таким событием может быть старт распродажи, окончание действия скидки, запуск нового продукта и другое.
Некоторые компании уверены, что таймер повышает продажи, потому что сменяющиеся цифры создают эффект срочности, подталкивая клиентов к покупкам. Другие считают такой таймер отпугивающим. Еще большее раздражение может вызвать, если таймер висит на сайте постоянно. Например, когда клиент заходит на сайт через неделю после распродажи и видит тот же таймер, что и неделю назад: «До конца распродажи остался 1 день».
Однозначно сказать, полезен или вреден таймер обратного отсчета для продаж, нельзя. Лучше всего он работает в интернет-магазинах с не очень дорогими товарами, которые клиент может купить прямо сейчас. В B2B-сферах таймер обратного отсчета неуместен, потому что в них клиенты не совершают спонтанных покупок.
Магазин 3Dplitka.ru показывает попап с таймером и промокодом на скидку клиентам, у которых есть товары в корзине. Это помогло увеличить выручку на 2,7 млн рублей, а доход за каждый сеанс — на 37,16 рубля: с 106,3 до 143,46 рубля.
Попап с таймером и промокодом на сайте магазина 3Dplitka.ru отсчитывает время до окончания действия скидки
Магазин косметики FOAM использует таймер, чтобы показать, сколько времени осталось на оформление заказа, чтобы получить его уже сегодня. Заказы, оформленные до 16:00, доставляют в тот же день. Так компания мотивирует клиентов на покупки даже без скидок.
Таймер на странице товара в магазине FOAM показывает, сколько времени осталось на покупку, чтобы получить товар сегодня
Виджет поиска
Виджет поиска для сайта — это поисковая строка для навигации по его продуктам.
Такие виджеты помогают:
Удержать клиентов на сайте. Если клиент не найдет сразу интересный ему товар, то может уйти без покупки. Виджет поиска покажет нужные товары и сэкономит время клиента.
Увеличить конверсию сайта в заказы. Это можно сделать, если показать подборку похожих или популярных товаров в результате поиска. Даже если на сайте нет нужного товара, клиент может заинтересоваться чем-то другим.
Synergetic находит по слову «ромашка» все средства, в названии которых есть это слово
Synergetic не находит товаров на сайте со словом «алмаз», но предлагает подборку того, что может заинтересовать пользователя
Виджет поиска может отпугнуть пользователей, если не находит нужных товаров. Так бывает, потому что клиенты часто пользуются сайтом как поисковиком, а не как каталогом товаров. Они ожидают, что он подберет им продукты по любому запросу, даже не связанному с названием. Если поиск не даст результатов, клиент, скорее всего, сразу покинет сайт.
Чтобы удержать клиентов, поиск надо улучшать. Ювелирная сеть Sunlight увеличила конверсию поисковика на сайте с 7,6% до 9,4%. Компания дополнила поисковую выдачу популярными запросами («недорогие кольца», «акции», «магазины в г. Краснодар») и специфическими названиями, например «бесконечность».
Теперь, когда клиент вбивает в поиске «акция», его перебрасывает на страницу акций. Если ищет «бесконечность», ему выводятся товары из этой категории.
После запроса в поиске «зеленый бриллиант» открывается витрина украшений с бриллиантами и изумрудами. В правом углу появляется опрос об удобстве поиска
Мы используем поиск, чтобы собрать информацию о клиентах. Когда мы знаем, какие товары они ищут, то можем персонализировать коммуникацию. Если клиент не сделал заказ, то у нас все равно останется информация об интересующих его товарах. В будущем мы будем предлагать ему эти товары в рассылках или на сайте.
Квизы и опросы
Квизы и опросы — это вопросы к клиентам на определенную тему, например их мнение о товаре. Чаще всего их размещают в попапах или на отдельных страницах сайта.
На сайте МИФа все квизы собраны под вкладкой «развлечения» в основном меню
Виджеты квизов и опросов помогают:
Собрать обратную связь о работе компании. Такие отзывы помогают компаниям улучшить товары и процессы.
«Тинькофф» спрашивает клиентов о том, чего им не хватило на странице и предлагает ответить на вопросы в конце лендинга
«Яндекс.Маркет» просит оценить ранее купленный товар в попапе на сайте
Лучше узнать потребности клиентов. Интернет-магазин обуви Birkenstock запускает опросы на сайте с помощью попапов. Опираясь на результаты, Birkenstock делает массовые рассылки более целевыми и отправляет их по сегментам — в зависимости от ответов в опросе.
Попап с формой опроса на сайте Birkenstock собирает информацию по клиентам, чтобы в будущем предлагать им только интересные товары
Получить контакты потенциальных клиентов или собрать о них дополнительную информацию.
Школа английского языка Skyeng предлагает пройти тест на владение английским в экстренных ситуациях
В конце теста Skyeng выдает результат и предлагает оставить свои контакты в обмен на бонус
Увеличить продажи. Квиз не настаивает на покупке, а развлекает клиента. Если подарить в конце промокод, то он покажется заслуженной наградой и, скорее всего, будет использован.
Увеличить лояльность клиентов. Развлекательный квиз помогает клиентам весело провести время, ничего не покупая. Это обычно нравится клиентам.
Издательство «МИФ» предлагает клиенту пройти квиз, чтобы узнать о том, есть ли у него шанс путешествовать во времени
В конце игры пользователь получает свою характеристику и предложение поделиться результатом в соцсетях
Попапы-опросы можно использовать на сайте для получения информации о клиенте. Например, есть ли у него дети и домашние животные, какие категории ему интересны и так далее. В Mindbox можно настроить автоматическую передачу ответа клиента в его карточку. Это поможет точнее сегментировать пользователей для запуска сценариев.
Как получить максимум пользы от виджетов на сайте
1. Проводить АB-тесты разных виджетов, чтобы выбрать самые эффективные. Чат-бот должен приводить клиентов, таймер обратного отсчета — увеличивать продажи. Если виджет оказывается неэффективным, его стоит заменить или улучшить.
METRO пробовала использовать попап для сбора контактных данных клиентов. Почти за 3 месяца он принес 141 597 новых подписчиков. В то же время он раздражал старых клиентов, потому что показывался тем, кто уже оставил email в офлайне. Из-за навязчивости попап заменили на встроенный блок в подвале сайта. Возможно, он соберет меньше новых контактов, но зато не отпугнет существующих клиентов.
Попап для сбора email посетителей сайта METRO появлялся поверх страницы сайта, чем отвлекал покупателей от просмотра товаров
2. Использовать виджеты в каскадных коммуникациях с клиентами. Попап со скидкой на сайте — это тоже канал коммуникации. Просто он работает только тогда, когда клиент заходит на сайт. Можно построить сценарий таким образом: рассылка про акцию → сообщение об акции в WhatsApp, если клиент не открыл письмо → попап про эту же акцию на сайте, когда клиент зайдет на него. Такой каскад мотивирует на покупки лучше, чем отдельные рассылки даже с очень выгодным предложением.
