Виджеты (от английского widget, widgets — «штучка», «элемент управления») — это небольшие элементы интерфейса на сайте или в мобильном приложении, которые помогают клиентам получать быструю информацию или выполнять действия без перехода на другие страницы.
Виджетами называют иконки погоды, календаря, конвертёра валют, часов на рабочем столе компьютера или в смартфонах.
В маркетинге виджеты бывают в виде квизов, лидогенераторов, чат-ботов, таймеров обратного отсчёта, окон заказа обратного звонка, списков и других форм.
Квиз как виджет на сайте стоматологической клиники. Пример из нашего кейса
Понятие «виджет» перекочевало к маркетологам от веб-дизайнеров и разработчиков, потому что технически представляет собой код, с помощью которого отображается элемент интерфейса. Код виджета может быть написан для мобильных приложений под операционные системы Android, macOS и iOS или для компьютерных версий сайтов под интернет-браузеры Chrome, Safari, Yandex и прочих.
Виджет-маркетинг — большой раздел знаний и эффективных практик привлечения клиентов в интернете. Сегодня как раз и поговорим о том, как виджеты помогают собирать базу данных о клиентах, вести консультации и находить общий язык с потенциальными покупателями.
Виджетами пользуются практически все компании — от гигантских Яндекса и Гугла до маленьких сайтов частных предпринимателей.
Не путать виджет с плагином
Прежде, чем дальше разбираться с тем, что такое виджет, нужно выяснить, что такое плагин, и почему виджет — это не плагин.
Плагин — это внешний программный модуль, расширяющий возможности сайта или приложения. Он может быть абсолютно незаметным дополнением, например, проигрывать музыку на сайте, открывать файлы или работать с данными определённого типа.
Плагин YouTube Screen, к примеру, быстро делает скришоты с видео в высоком качестве
Установка плагинов помогает:
- сделать основной ресурс более легким и шустрым;
- внедрить индивидуальные настройки в приложение или программу;
- отключать ненужные плагины без нарушения работы основной программы.
Плагин можно скачать себе на компьютер и установить, а виджет скачать нельзя.
Виджет — прежде всего графическое интернет-приложение, на 100% видимое на экране. Знать, где плагины, посетителю необязательно, а вот где виджеты — должно быть сразу видно. Виджет простыми словами — это маркетинговый инструмент, который пользователь или посетитель быстро замечает и дальше с ним взаимодействует. Виджет усиливает сайт, сервис или приложение.
Виджеты существуют с целью:
- развлечь;
- быстро получить нужную информацию;
- решить какие-то прикладные задачи;
- узнать имя, телефон и другие данные о пользователе для заявки в отдел продаж.
Виджет в виде баннера с квизом на главной странице сайта услуг по строительству домов
С помощью квиза как виджета посетитель экономит своё время, быстрее переходит к подбору нужного товара или расчёту стоимости.
Зачем нужны виджеты
Виджеты делают сайты удобными для коммуникации и упрощают навигацию для людей. Они также вовлекают пользователей, подталкивают к взаимодействию и таким образом повышают вероятность повторных посещений сайта.
Вместо долгих поисков — тест и персональное предложение на сайте туристического агентства. Виджет на главном экране
Некоторые виджеты могут ускорить работу сайта, например, виджеты онлайн-чатов и онлайн-консультантов. Виджеты, если они поставлены в нужное время и в нужном месте, улучшают опыт взаимодействия клиента и бизнеса, и служат на пользу обеим сторонам.
Иконка навигации по блогу и иконка службы поддержки — это тоже виджеты. При переходе посетитель остаётся на странице, но получает переход по нужной рубрике или помощь менеджера в диалоговом окне
В чём плюсы виджетов:
🤝 Упрощают взаимодействие клиента с продуктом
🤩 Добавляют интересных интерактивных фишек на сайт
😊 Помогают повысить продажи
Всё чаще встречается целая система виджетов на сайте, где каждый выполняет свою функцию.
Разновидности виджетов
Как найти виджеты под задачу, если их миллион с хвостиком. Для начала разделили их по трём типам.
Рассмотрим популярные лидогенерирующие виджеты.
Виджет обратного звонка
Виджет обратного звонка (Callback) увеличивает количество обращений и повышает оперативность обработки данных клиента. Часто многим удобнее ввести свой телефон на экране и подождать звонка от менеджера, чем висеть на линии.
Виджет обратного звонка от компании-застройщика
Таймер обратного отсчёта
Это специальный блок, который прямо на экране отсчитывает, сколько времени (дней, часов, минут и секунд) осталось до конца или начала акции. Пользователь видит, что он сможет купить продукт, допустим, в два раза дешевле в течение 4 дней. Или, например, на сайте онлайн-магазина бытовой техники таймер обратного отсчёта показывает, что до начала акции осталось 25 дней, можно уже сейчас копить деньги на новый холодильник.
Пример использования таймера обратного отсчёта от онлайн-магазина бытовой техники и электроники
Мультиканальный чат
Мультичат открывает доступ к нескольким каналам связи с клиентом: чат-боты, мессенджеры, соцсети, позволяет пользователям общаться с поддержкой в режиме реального времени для решения вопросов или получения консультации. В основном, находится в нижней части сайта.
Мультиканальный чат на сайте мебельного магазина
Квиз как виджет и лидогенератор
Квиз может быть по-разному установлен на сайт и выполнять функции разных виджетов:
Как разместить виджет на сайте — по кнопке, баннеров, в тело сайта, самооткрывающимся баннером или компактным всплывающим окном – зависит от задачи и дизайна сайта
Лидогенератор — это виджет с персональным предложением и формой контактов. Такой виджет повышает продажи здесь и сейчас. Поэтому имеет гибкие настройки по времени показа, интересам пользователя, времени нахождения на сайте и прочим характеристикам. Помогает выбрать тариф или курс, подобрать модель автомобиля, квартиру и так далее.
Лидогенерирующий виджет для сайта коворкинга в Санкт-Петербурге
По правилам человечного интерфейса посетитель может убрать или скрыть виджет, если он сейчас не подходит под его цели и мешает дальше изучать сайт. Виджет на экран главной страницы должен вовлекать, а не отвлекать
Обычно квизы помогают удержать клиента на сайте, заинтересовать его и побудить оставить свои контактные данные.
Квиз всплывающим окном
Всплывающее окно появляются поверх страницы сайта или на экране приложения. Используется, чтобы сообщить о важных новостях и обновлениях, акциях и скидках, подарках при подписке или даже смене адреса. В идеале они должны показывать ту информацию, которую бы пользователь сам хотел найти.
Пример всплывающего окна с предложением скидки на сайте фитнес-клуба
И снова о важном: любой всплывающий виджет должен иметь опцию «скрыть» или «закрыть», чтобы не раздражать пользователей. Те клиенты, которые уже совсем устали от «нападений», заранее блокируют всплывающие окна на своих устройствах.
Функции и использование виджетов на сайте
Одна из основных причин, почему так много разновидностей виджетов — это конкуренция в бизнесе, борьба за внимание клиента. С первых секунд уже нужно захватить визуальный контакт.
Вот несколько примеров использования виджетов, без которых трудно себе представить интернет-магазин и сайты сервисных компаний:
1. Навигация: Виджеты поиска позволяют пользователям быстро и легко находить необходимые данные на сайте.
2. Коммуникация:
— Виджеты с квизом нужны для лидогенерации, брифования и сегментации. Вместо того, чтобы долго ходить по сайту или звонить, клиент быстро оставляет запрос и подбирает нужное для себя.
— Виджеты комментариев нужны, чтобы оставлять комментарии к статьям, записям в блоге и другой информации на странице.
— Формы обратной связи позволяют пользователям связываться с поддержкой и задавать вопросы, оставлять отзывы и предлагать свои варианты.
3. Информирование: Виджеты для вывода информации, чтобы продвигать определённые товары и услуги или акции.
Как дизайн виджетов влияет на конверсию сайта
Хорошо спроектированные виджеты всегда привлекают внимание и повышают уровень вовлечённости пользователя на сайте, чем дольше и активнее пользователь на сайте, тем лучше поисковые алгоритмы реагируют на сайт.
Ключевые факторы дизайна виджетов:
- Привлекательный дизайн: цвета, шрифты, компоновка текста, поля для заполнения должны быть симпатичными, легко читаемыми и понятными с первых строк.
- Заметный формат: виджет должен быть достаточно большим, чтобы заметить его среди других элементов сайта, но не должен занимать слишком много места и загромождать страницу.
- Изображения, подтверждающие реальность вашего бизнеса: фото проектов и выполненных работ, сертификаты, фото сотрудников и другие материалы — пруфы из офлайновой жизни компании вызывают доверие. Например, в квизе на стартовой странице лучше использовать собственные фото компании, в подсказках консультанта лучше ставить фото реальных сотрудников.
- Лёгкое закрытие виджета, если он мешает или не нужен: крестик должен выглядеть заметным.
Как и где разместить виджет на сайте
Чтобы правильно определить, где лучше разместить виджет, смотрим на следующие факторы:
- площадь, которую он занимает, его место и размер на странице сайта;
- целевая аудитория сайта и то, как виджет вписывается в реализацию её потребности;
- контекст и тематика страницы, на которой будет размещён виджет.
Стоит провести анализ каждой целевой аудитории и действий, которые пользователи хотят совершить на сайте или в мобильном приложении. Важно понимать, какие страницы наиболее посещаемы, что заинтересует посетителей и какие места на сайте наиболее привлекательны. В этом может помочь карта сайта и Вебвизор Яндекс Метрики.
💡 Подробнее про карту и Вебвизор — в статье «Что такое Яндекс Метрика и как с ней работать»
Рассмотрим примеры размещения квизов на сайте:
1. Главная страница — это место, где пользователи чаще всего начинают свое путешествие по сайту.
Квиз на главной странице сайта фабрики металлической мебели в паре с мультичатом собирают контакты
Какой виджет более конверсионный — это решает правило первых тысячи кликов. Раньше лучше не спешить с выводами.
2. Страница продукта — виджеты, связанные с продуктом могут помочь пользователям принять решение о покупке.
Квиз помогает выбрать виниловый проигрыватель
Виджет — это инструмент для автоматизации бизнеса. Там, где раньше справился бы только менеджер или консультант, теперь работает IT-сервис: встречает, спрашивает, рекомендует, перенаправляет.
3. Страницы с описанием услуг — если ваш сайт предоставляет услуги, то размещение виджетов на страницах с их описанием может привести к увеличению количества заказов.
Тест для новичков в онлайн-школе программирования SkillFactory
В хороших примерах использования виджета он обычно установлен один на экране, или максимум два. Если виджетов сразу несколько, то они не должны перекрикивать друг друга, кто важнее и главнее. Каждый виджет — это СТА, призыв к целевому действию, поэтому чем больше СТА рядом, тем ниже конверсия по каждому.
💡 Больше про СТА и про то, какие форматы более эффективны
Заключение
✍🏻 Виджеты для сайта развлекают и дают необходимую информацию без длительных поисков.
✍🏻 Виджет — это инструмент, с которым важно не переборщить. Нужно хорошо изучить потребности пользователей, чтобы предлагать релевантный контент именно в самое подходящее время.
✍🏻 С помощью виджетов вы делаете самой заметной для клиента актуальную для него информацию.
Если раньше главным способом побудить клиента к звонку был номер телефона, то теперь каналов взаимодействия стало гораздо больше. Квиз как виджет, например, является рабочим инструментом удержания пользователей на сайте, побуждает оставить свои контакты и таким образом увеличивает шансы на продажу товаров и услуг.
В квизе удобно отслеживать целевые действия, готовые цели для Marquiz уже есть в Яндекс Метрике.
💡 Как посчитать стоимость действия, которое совершил пользователь, рассказываем в отдельной статье
Квиз как виджет работает в связке с системами рассылки, CRM и аналитики. Если хотите посмотреть поближе, как всё устроено — заходите в раздел «Интеграции» в панели Марквиз.