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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

‍

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

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

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

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

Заключение

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

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

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

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

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

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

‍