Как бизнесу правильно использовать виджеты для сайта: советы CRM-group

Виджеты для сайта — это специальные блоки, которые служат для взаимодействия с посетителями ресурса. Функции виджетов разнообразны: от информирования пользователя, до интерактивной коммуникации. А вот цель у всех виджетов одна — повысить конверсию сайта за счет привлечения внимания и вовлечения посетителей.

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

Что можно сделать с помощью виджетов на сайте

 

  1. Собрать данные пользователей.
  2. Посетители заполняют форму, оставляют информацию о себе и контакты
    Посетители заполняют форму, оставляют информацию о себе и контакты
  3. Оптимизировать конверсии.
  4. Всплывающее сообщение на сайте отеля мотивирует забронировать номер как можно скорее
    Всплывающее сообщение на сайте отеля мотивирует забронировать номер как можно скорее
  5. Собрать обратную связь.
  6. «Лабиринт» предлагает оставить отзыв — выявляет наиболее востребованные книги
    «Лабиринт» предлагает оставить отзыв — выявляет наиболее востребованные книги
  7. Сегментировать целевую аудиторию.
  8. Зная пол аудитории, проще взаимодействовать в дальнейшем
    Зная пол аудитории, проще взаимодействовать в дальнейшем

Типы виджетов и как с ними работать

Каждый тип виджета выполняет свои задачи.

Виджет-попап — это любое всплывающее окно на сайте. Есть статичные виджеты, расположенные на одной или нескольких страница сайта. Некоторые виджеты — это отдельные программы, встроенные на сайт.

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

Предварительный виджет подписки на пуш-уведомления

Пуш-уведомления (push) — это всплывающие сообщения в браузере или на экране смартфона. Они мгновенно информируют пользователей о событиях и акциях.

Пример пуш-уведомления от банка
Пример пуш-уведомления от банка

Пуш-уведомления сами по себе виджетами не являются. Виджет — это всплывающий блок подписки на пуши:

Предварительный виджет подписки на пуши
Предварительный виджет подписки на пуши

Что умеет

  1. Сразу привлекает внимание.
  2. Помогает сегментировать целевую аудиторию.
  3. Собирает лиды.

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

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

С помощью пуша можно сообщить, например, о следующих событиях:

  • поступлении заказа в пункт выдачи;
  • готовности документа;
  • поступлении средств на счет;
  • рассказать горячие новости.

Чтобы пуши не раздражали пользователя, стоит:

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

Виджет-бар или баннер

Что умеет

Статичная или динамичная полоса-бар обычно расположена в нижней или средней части страницы.

Виджет-бар для записи на консультацию на сайте Email Soldiers
Виджет-бар для записи на консультацию на сайте Email Soldiers

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

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

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

Баннер подписки на блог Email Soldiers, повторяющийся во время скроллинга
Баннер подписки на блог Email Soldiers, повторяющийся во время скроллинга

Форма подписки на рассылку

Стандартная форма подписки на рассылку
Стандартная форма подписки на рассылку

Что умеет

Собирает данные о пользователе (email, контакт в мессенджерах, номер телефона), может быть интегрирована с CRM-системами — для автоматизированного формирования профиля клиента.

 

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

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

Форма подписки на журнал для программистов «Код» оформлена с расчетом на новичков
Форма подписки на журнал для программистов «Код» оформлена с расчетом на новичков

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

Чтобы избежать засорения базы подписчиков нерабочими адресами и адресами с ошибками, используйте двойное подтверждение подписки Double Opt-In.

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

Мотивировать посетителя подписаться может необычная форма подписки:

Котиков любят все :)
Котиков любят все :)

Еще один хороший прием — пообещать за подписку полезные материалы, подарок или скидку.

За подписку на блог агентства Monk подписчик получает рекомендации по продвижению в «Яндекс.Дзене»
За подписку на блог агентства Monk подписчик получает рекомендации по продвижению в «Яндекс.Дзене»

Форма обратного звонка

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

Пример формы обратного звонка
Пример формы обратного звонка

Что умеет

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

Форма обратного звонка с выбором времени
Форма обратного звонка с выбором времени

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

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

Форма обратного звонка частной клиники
Форма обратного звонка частной клиники

Виджет мессенджеров и соцсетей

Это блок с кликабельными иконками соцсетей и мессенджеров бренда на сайте. 

Обычно этот блок расположен в футере
Обычно этот блок расположен в футере

Что умеет

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

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

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

Виджет приложения бренда

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

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

Что умеет

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

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

Такой виджет рекомендовано размещать на сайте всем брендам, запустившим свое мобильное приложение. Актуально будет и любому ecommerce-проекту, продающему через маркетплейсы — для этого устанавливается попап с переходом в маркетплейс.

Чат-бот или онлайн-чат со специалистом

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

Стартовое окно онлайн-чата на сайте адвокатской конторы
Стартовое окно онлайн-чата на сайте адвокатской конторы

Что умеет

Онлайн-чат со специалистом или чат-ботом позволяет пользователю быстро проконсультироваться по продукту или получить ответ на часто задаваемые вопросы. А для компании профит онлайн-чата — в еще одном способе лидогенерации и сегментации клиентов.

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

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

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

Форма онлайн-записи

Блок с необходимыми полями для записи клиента на посещение компании.

Форма онлайн-записи на прием в клинике «Рассвет»
Форма онлайн-записи на прием в клинике «Рассвет»

Что умеет

Как и форма обратного звонка, этот виджет собирает данные о клиентах, отправляет их в CRM-систему и в дальнейшем сегментирует базу.

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

Форма онлайн-записи активно используется в следующих сферах:

  • медицина;
  • ветеринария;
  • бьюти-индустрия;
  • госуслуги;
  • политика;
  • психологическая помощь.

NPS-опрос

Это активный виджет со шкалой, отображающей спектр клиентской оценки.

Пример NPS-опроса
Пример NPS-опроса

Что умеет

Виджет с NPS-опросом (NPS (Net Promoter Score) — индекс потребительской лояльности) собирает обобщенное мнение клиентов о продукте.

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

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

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

Калькулятор

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

Что умеет

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

Виджет калькулятора на сайте стоматологической клиники
Виджет калькулятора на сайте стоматологической клиники

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

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

  • сколько будет стоить лечение;
  • какое количество стройматериалов потребуется для ремонта;
  • какой доход дадут инвестиции в ценные бумаги.

Таймер обратного отсчета

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

Время пошло!
Время пошло!

Что умеет

Таймеры создают ощущение дефицита и призваны мотивировать пользователя быстрее принять решение о покупке.

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

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

Игровая механика

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

Что умеет

Игровые виджеты способствуют ненапряжной для пользователя лидогенерации. Например, виджет «Колесо фортуны» в интернет-магазине DesignBoom увеличил конверсию почти на 5%.

Виджет «Колесо фортуны»
Виджет «Колесо фортуны»

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

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

Игровая механика в проекте подойдет, когда вам нужно:

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

Виджет social proof

Баннер или всплывающий блок с информацией, которая доказывает взаимодействие с клиентами.

Что умеет

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

С помощью social proof можно показать количество:

  • купивших продукт к данному моменту;
  • просмотров карточки товара или добавления этого товара в избранное;
  • оставшихся единиц товара — это тоже говорит о его востребованности.
Social proof виджет на сайте «Лабиринта»
Social proof виджет на сайте «Лабиринта»

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

Social proof, как и другие виджеты, увеличивают конверсию, показывая пользователю дефицит продукта или создавая искусственный спрос на продукт.

Такие виджеты хорошо работают:

  • в сервисах аренды недвижимости;
  • на маркетплейсах;
  • в e-commerce с товарами массового потребления;
  • на интернет-ауционах.

Инлайн-виджет

Это виджет, органично встроенный в контент.

Что умеет

Инлайн-виджеты почти не отличаются от стандартного для конкретного сайта контента. Выше мы рассматривали виджет с игровой механикой в дизайнерском магазине. А вот как этот виджет вписан в раскладку с карточками товаров на сайте:

Игровой инлайн-виджет магазина DesignBoom
Игровой инлайн-виджет магазина DesignBoom

Преимущества инлайн-виджетов:

  • их можно по смыслу связать с любым контентом на сайте: текстом, дизайном, видео — тогда на них среагируют те, кто точно заинтересован в продукте;
  • это отдельный контрастный блок, который привлекает внимание;
  • такой виджет дает пользователю выбор.

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

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

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

Использование виджетов на сайте: резюме

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

Каждый тип виджета выполняет свои задачи и эффективен, если его правильно использовать. Принимая решение встроить виджет на сайт, важно:

  • понимать потребности и интересы целевой аудитории;
  • проблемы, которые решает продукт;
  • цели использования виджета.

Желаем вам высоких конверсий и нетривиальных способов их достижения!

Оценить статью
2 ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Ваше имя*
Введите адрес Вашего сайта:*
Введите Ваш номер телефона:*
Введите Ваш e-mail:*
Введите Ваш ник в телеграм:
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!