Что такое виджеты и как их использовать

Что такое виджет

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

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

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

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

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

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

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

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

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

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

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

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

Виджет — прежде всего графическое интернет-приложение, на 100% видимое на экране.

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

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

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

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

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

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

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

Аплодисменты и наш уютный виджет Телеграма

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

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

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

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

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

Существует большое количество разновидностей виджетов:

Лидогенерирующие Функциональные Социальные
Игра
Квиз
Попап-окно
Чат-бот
Мультиканальный бот
Виджет обратного звонка (Callback)
Онлайн-запись
Чат
Калькулятор расчёта стоимости
Формы обратной связи
Виджеты для подписки на рассылку
Калькулятор
Конвертер
Таймер
Дополнительное меню
Декоративный виджет (салют, снежок под Новый год, сердечки на День Святого Валентина, зайцы на Пасху)
Позволяющие показывать PDF на сайте
Любое другое расширение функционала сайта, не собирающее контактные данные пользователя
Кнопки диалогов соцсетей и мессенджеров
Социальные замки
Кнопки «Поделиться»
Мини-лендинги для соцсетей (по типу Taplink)
Выводящие ленту или комментарии из соцсетей на сайт
Собирающие отзывы в соцсети или геосервисы (Google Maps, Яндекс Карты и т. д.)

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

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

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

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

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

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

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

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

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

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

Квиз как виджет

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

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

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

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

Квиз поп-ап

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

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

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

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

Квиз — канал коммуникации с новыми клиентами

Квиз в теле сайта, собираем заявки на мероприятие. Пример из кейса

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

Вот несколько примеров использования виджетов на сайте:

  1. Виджеты поиска позволяют пользователям быстро и легко находить необходимые данные на сайте.
  2. Виджеты комментариев нужны, чтобы оставлять комментарии к статьям, записям в блоге и другой информации на странице.
  3. Виджеты социальных сетей помогают пользователям легко делиться информацией со страницы в социальных сетях и таким образом повысить ее видимость.
  4. Формы обратной связи позволяют пользователям связываться с поддержкой и задавать вопросы, оставлять отзывы и предлагать свои варианты.
  5. Виджеты для вывода информации — пользователи видят информацию о ваших лучших продуктах, услугах, акциях.

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

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

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

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

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

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

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

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

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

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

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

Квиз по кнопке на главной странице сайта

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

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

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

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

Тест на странице с описанием услуг

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

Заключение

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

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

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

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

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

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

Курс-знакомство с квизами

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

Блог

Кейсы, дайджесты и отборные рекомендации

Упс! Что-то пошло не так при отправке формы.