Виджеты (от английского widget, widgets — «штучка», «элемент управления») — это небольшие элементы интерфейса на сайте или в мобильном приложении, которые помогают клиентам получать быструю информацию или выполнять действия без перехода на другие страницы.

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

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

Квиз как виджет на сайте стоматологической клиники. Пример из нашего кейса

Понятие «виджет» перекочевало к маркетологам от веб-дизайнеров и разработчиков, потому что технически представляет собой код, с помощью которого отображается элемент интерфейса. Код виджета может быть написан для мобильных приложений под операционные системы Android, macOS и iOS или для компьютерных версий сайтов под интернет-браузеры Chrome, Safari, Yandex и прочих.

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

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

Не путать виджет с плагином

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

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

Плагин YouTube Screen, к примеру, быстро делает скришоты с видео в высоком качестве

Установка плагинов помогает:

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

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

Виджет — прежде всего графическое интернет-приложение, на 100% видимое на экране. Знать, где плагины, посетителю необязательно, а вот где виджеты — должно быть сразу видно. Виджет простыми словами — это маркетинговый инструмент, который пользователь или посетитель быстро замечает и дальше с ним взаимодействует. Виджет усиливает сайт, сервис или приложение.

Виджеты существуют с целью:

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

Виджет в виде баннера с квизом на главной странице сайта услуг по строительству домов

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

Зачем нужны виджеты

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

Вместо долгих поисков — тест и персональное предложение на сайте туристического агентства. Виджет на главном экране

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

Иконка навигации по блогу и иконка службы поддержки — это тоже виджеты. При переходе посетитель остаётся на странице, но получает переход по нужной рубрике или помощь менеджера в диалоговом окне

В чём плюсы виджетов:

🤝 Упрощают взаимодействие клиента с продуктом

🤩 Добавляют интересных интерактивных фишек на сайт

😊 Помогают повысить продажи

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

Разновидности виджетов

Как найти виджеты под задачу, если их миллион с хвостиком. Для начала разделили их по трём типам.

Рассмотрим популярные лидогенерирующие виджеты.

Виджет обратного звонка

Виджет обратного звонка (Callback) увеличивает количество обращений и повышает оперативность обработки данных клиента. Часто многим удобнее ввести свой телефон на экране и подождать звонка от менеджера, чем висеть на линии.

Виджет обратного звонка от компании-застройщика

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

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

Пример использования таймера обратного отсчёта от онлайн-магазина бытовой техники и электроники

Мультиканальный чат

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

Мультиканальный чат на сайте мебельного магазина

Квиз как виджет и лидогенератор

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

Как разместить виджет на сайте — по кнопке, баннеров, в тело сайта, самооткрывающимся баннером или компактным всплывающим окном – зависит от задачи и дизайна сайта

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

Лидогенерирующий виджет для сайта коворкинга в Санкт-Петербурге

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

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

Квиз всплывающим окном

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

Пример всплывающего окна с предложением скидки на сайте фитнес-клуба

И снова о важном: любой всплывающий виджет должен иметь опцию «скрыть» или «закрыть», чтобы не раздражать пользователей. Те клиенты, которые уже совсем устали от «нападений», заранее блокируют всплывающие окна на своих устройствах.

Функции и использование виджетов на сайте

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

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

1. Навигация: Виджеты поиска позволяют пользователям быстро и легко находить необходимые данные на сайте.

2. Коммуникация:

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

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

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

3. Информирование: Виджеты для вывода информации, чтобы продвигать определённые товары и услуги или акции.

Как дизайн виджетов влияет на конверсию сайта

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

Ключевые факторы дизайна виджетов:

1. Привлекательный дизайн: цвета, шрифты, компоновка текста, поля для заполнения должны быть симпатичными, легко читаемыми и понятными с первых строк.
2. Заметный формат: виджет должен быть достаточно большим, чтобы заметить его среди других элементов сайта, но не должен занимать слишком много места и загромождать страницу.
3. Изображения, подтверждающие реальность вашего бизнеса: фото проектов и выполненных работ, сертификаты, фото сотрудников и другие материалы — пруфы из офлайновой жизни компании вызывают доверие. Например, в квизе на стартовой странице лучше использовать собственные фото компании, в подсказках консультанта лучше ставить фото реальных сотрудников.
4. Лёгкое закрытие виджета, если он мешает или не нужен: крестик должен выглядеть заметным.

Как и где разместить виджет на сайте

Чтобы правильно определить, где лучше разместить виджет, смотрим на следующие факторы:

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

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

💡 Подробнее про карту и Вебвизор — в статье «Что такое Яндекс Метрика и как с ней работать»

Рассмотрим примеры размещения квизов на сайте:‍

1. Главная страница — это место, где пользователи чаще всего начинают свое путешествие по сайту.

Квиз на главной странице сайта фабрики металлической мебели в паре с мультичатом собирают контакты

Какой виджет более конверсионный — это решает правило первых тысячи кликов. Раньше лучше не спешить с выводами.

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

Квиз помогает выбрать виниловый проигрыватель

Виджет — это инструмент для автоматизации бизнеса. Там, где раньше справился бы только менеджер или консультант, теперь работает IT-сервис: встречает, спрашивает, рекомендует, перенаправляет.

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

Тест для новичков в онлайн-школе программирования SkillFactory

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

💡 Больше про СТА и про то, какие форматы более эффективны

Заключение

✍🏻 Виджеты для сайта развлекают и дают необходимую информацию без длительных поисков.

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

✍🏻 С помощью виджетов вы делаете самой заметной для клиента актуальную для него информацию.

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

В квизе удобно отслеживать целевые действия, готовые цели для Marquiz уже есть в Яндекс Метрике.

💡 Как посчитать стоимость действия, которое совершил пользователь, рассказываем в отдельной статье

Квиз как виджет работает в связке с системами рассылки, CRM и аналитики. Если хотите посмотреть поближе, как всё устроено — заходите в раздел «Интеграции» в панели Марквиз.

‍