ТОП 54 полезные виджета для сайта — соц. сети, погода, обратная связь, скрипты от Яндекс

ТОП 54 полезные виджета для сайта - соц. сети, погода, обратная связь, скрипты от Яндекс Гаджет
Содержание
  1. Приветственное окно со спецпредложением в обмен на e-mail
  2. Информирующая растяжка с условиями доставки для города посетителя
  3. Pop-up окно с промокодом на текущую покупку (после отправки товара в корзину)
  4. Всплывающее окно со скидкой на следующую покупку после оформления заказа
  5. Pop-up окно с «удерживающим» промокодом
  6. Бесплатные виджеты для сайта на pcvector
  7. Виджет, имитирующий очередь из клиентов
  8. Захватчик клиентов
  9. Резюме
  10. Виджеты обратной связи для сайта
  11. Виджеты соцсетей и мессенджеров
  12. Всплывающее окно
  13. Другие способы мониторинга вашего сайта
  14. Захватчик клиентов
  15. Резюме
  16. Захватчики клиентов и генераторы лидов
  17. Интеграция виджетов на сайт
  18. Информеры
  19. Квизы и опросы
  20. Кнопка обратного звонка
  21. Коротко о главном
  22. Многофункциональная кнопка (мультикнопка)
  23. Мультифункциональные сервисы
  24. Настраивайте виджеты правильно
  25. Обратный звонок
  26. Окно чата
  27. Онлайн-запись
  28. Онлайн-консультанты и чат-боты
  29. Панели оповещений
  30. Подписка на рассылку
  31. Поп-ап окна
  32. Преимущества живого отслеживания посетителей сайта
  33. Пример 1 — вещевой рынок
  34. Пример 2 — магазин в торговом центре
  35. Примеры виджетов и их значение в дизайне
  36. Рекламные предложения
  37. Социальные сети
  38. Сравниваем примеры
  39. Стадный инстинкт
  40. Таймер обратного отсчета
  41. Триггерные рассылки
  42. Панели оповещений
  43. Виджет, имитирующий очередь из клиентов
  44. Захватчик клиентов
  45. Резюме
  46. Чат-боты

Приветственное окно со спецпредложением в обмен на e-mail

Цель. Увеличить базу e-mail лояльных пользователей.

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

Не показывайте виджет всем и сразу при переходе на сайт. Заинтересованных пользователей выделите просмотром 5 страниц каталога товаров. Также поставьте задержку 1-2 минуты на показ.

Настройка.

Когда показывать: после просмотра пяти страниц.

Где и как показывать: в поле как показывать выбираем «На весь экран сразу».

На этом все. Остальные настройки можно не менять.

Модуль SEO в системе Promopult: все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов. Гарантии, оплата работ в рассрочку.

Информирующая растяжка с условиями доставки для города посетителя

Цель. Стимулировать пользователей из конкретного региона покупать товары.

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

Настройка. Перед настройкой виджета создаем сегмент из пользователей нужного региона (пусть это будет Москва).

Для этого переходим в раздел «Сегменты» и нажимаем «Новый сегмент».

Вводим название сегмента — чтобы его потом можно было безошибочно отличить. Добавляем условие:

Сохраняем изменения. Новый сегмент появился в списке сегментов.

Возвращаемся к настройке шаблона растяжки в разделе «Виджеты».

Когда показывать: при посещении.

Где и как показывать: оставляем без изменений. Опционально можно увеличить количество показов на посетителя или изменить расположение.

Кому показывать: сегменту «Все посетители Москва» (в вашем случае выберите созданный сегмент).

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

Pop-up окно с промокодом на текущую покупку (после отправки товара в корзину)

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

Сценарий. Показ виджета после нажатия на кнопку «Добавить в корзину».

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

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

Как это сделать:

  • открываем в браузере Google Chrome карточку товара;
  • нажимаем комбинацию Ctrl Shift I (или выбираем пункт «Просмотреть код» в контекстном меню);
  • нажимаем комбинацию Ctrl Shift C, наводим курсор на кнопку добавления в корзину и кликаем по ней;
  • в коде находим идентификатор (ID) JavaScript-объекта и копируем его название (заключено в кавычки).

Итак, ID объекта у нас есть. Настраиваем виджет.

Когда показывать: при нажатии на объект (вводим в поле скопированный ID).

Где и как показывать: на весь экран сразу, ставим галочку напротив «Не показывать после конверсии» (иначе виджет будет всплывать каждый раз после клика по кнопке отправки в корзину, даже если пользователь забрал промокод).

Всплывающее окно со скидкой на следующую покупку после оформления заказа

Цель. Мотивация к оформлению следующей покупки. Возврат посетителей на сайт.

Сценарий. Как только пользователь оформил заказ, он видит окно с промокодом на следующую покупку.

Настройка. Для настройки этого виджета нужно вначале настроить цель — оформление покупки. Сделать это можно через ID JavaScript-события (см. сценарий 4).

Но есть и другой способ — через цели. Для этого переходим в раздел «Настройки» на вкладку «Цели».

Допустим, у нас есть настроенная цель «Оформить заказ» в Google Analytics. Импортируем цели.

Настраиваем виджет.

Когда показывать: при посещении.

Где и как показывать: на весь экран сразу.

Кому показывать: выполнившим цель (выбираем цель, импортированную из Google Analytics).

Pop-up окно с «удерживающим» промокодом

Цель. Не дать покупателю уйти с сайта без покупки. Стимулировать его вернуться и оформить заказ.

Сценарий. Пользователь ведет курсор к «крестику» — то есть пытается закрыть вкладку браузера. Система определяет его намерение и показывает «удерживающий» виджет.

Настройка.

Когда показывать: при попытке закрыть.

Где и как показывать: на весь экран сразу. Больше никаких настроек делать не нужно.

Рекомендуем почитать: «Чек-лист по оптимизации сайта: улучшение юзабилити и коммерческих факторов».

Бесплатные виджеты для сайта на pcvector

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

Разработчики сделали качественные подборки с лучшими скриптами для любых сайтов. База постоянно увеличивается, недавно добавили новогодние виджеты с ёлками, актуально в начале года. При выборе одного из улучшений, попадаешь на страничку, где предлагаются разные способы размещения:

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

Виджет, имитирующий очередь из клиентов

Виджет создает видимость очереди: ажиотаж подталкивает к совершению покупки. Инструмент позволит увеличить количество заявок с сайта почти в 2 раза.

Преимущества виджета:

  1. рост конверсии;
  2. экономия бюджета: вы увеличиваете количество обращений без дополнительных расходов;
  3. быстрое привлечение покупателей за счет импульсивной реакции пользователей;
  4. повышение лояльности клиентов: люди будут больше доверять вам, если увидят повышенный спрос на ваши товары или услуги;
  5. информирование посетителей о важных событиях — акциях, скидках и т.д.
ТОП 54 полезные виджета для сайта - соц. сети, погода, обратная связь, скрипты от Яндекс

Как работает виджет:

  1. Установите код на сайте. Можно сделать это самостоятельно с помощью видеоинструкции в интернете или обратиться за помощью к программистам.
  2. Настройте виджет: «вшейте» в него имена и города, которые будут подставляться в тексты, пропишите заголовки.

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

Захватчик клиентов

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

Захватчик клиентов помогает:

  1. повысить конверсию сайта в 2 раза;
  2. продать остатки товара и тем самым увеличить объем реализованной продукции;
  3. привлекать новых клиентов за счет видимости общения с живым собеседником;
  4. информировать посетителей о скидках, акциях и т.д.
ТОП 54 полезные виджета для сайта - соц. сети, погода, обратная связь, скрипты от Яндекс

Как работает Захватчик клиентов:

  1. Установите код виджета на своем сайте.
  2. Настройте виджет: загрузите аватар, имя и 3 текста. Последний текст должен содержать призыв к действию. Также в него нужно добавить ссылку на страницу.
  3. После этого на сайте будут появляться всплывающие окна — три сообщения с уникальным торговым предложением и призывом к действию. Сообщения подкрепляются имитацией набора текста.
  4. Клиент заинтересуется персональным обращением и совершит покупку, а вы получите прибыль.

Резюме

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

Виджеты обратной связи для сайта

Даже если у вас простой блог, есть смысл установить форму обратной связи. Это повышает конверсию и улучшает поведенческие факторы. Один из лучших сервисов с онлайн консультантами – RedHelper. Здесь вы сможете не просто взять виджет, но и заказать помощь операторов (т.е. самому не придется общаться с потенциальными клиентами):

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

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

Гаджет:  Забираю планшет – ребенок в истерике. Что делать? Как гаджеты влияют на детей

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

виджет поделиться в соц сетях для сайта
Пример в подвале сайта

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

Теперь про виды кнопок соцсетей и о том, какую выгоду они принесут компании.

Всплывающее окно

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

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

Другие способы мониторинга вашего сайта

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

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

7 лучших сайтов для отслеживания трафика сайта

Захватчик клиентов

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

Захватчик клиентов помогает:

  1. повысить конверсию сайта в 2 раза;
  2. продать остатки товара и тем самым увеличить объем реализованной продукции;
  3. привлекать новых клиентов за счет видимости общения с живым собеседником;
  4. информировать посетителей о скидках, акциях и т.д.
ТОП 54 полезные виджета для сайта - соц. сети, погода, обратная связь, скрипты от Яндекс

Как работает Захватчик клиентов:

  1. Установите код виджета на своем сайте.
  2. Настройте виджет: загрузите аватар, имя и 3 текста. Последний текст должен содержать призыв к действию. Также в него нужно добавить ссылку на страницу.
  3. После этого на сайте будут появляться всплывающие окна — три сообщения с уникальным торговым предложением и призывом к действию. Сообщения подкрепляются имитацией набора текста.
  4. Клиент заинтересуется персональным обращением и совершит покупку, а вы получите прибыль.

Резюме

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

Захватчики клиентов и генераторы лидов

виджет акции на сайт
Имитация входящего сообщения

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

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

Интеграция виджетов на сайт

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

Мы рассмотрим установку на сайт и настройку виджетов на примере GetSale. Это русскоязычный сервис pop-up виджетов, интегрированный с рекламной платформой PromoPult.

Сами по себе сценарии универсальны — вы можете применить все те же настройки в любом другом сервисе виджетов.

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

10 ready-to-use сценариев pop-up виджетов для интернет-магазина [гайд Promopult/Getsale]Проекты в PromoPult, для которых можно подключить pop-up виджеты

После выбора сайта вы перейдете в интерфейс GetSale. При этом средства за пользование виджетами будут списываться с баланса в PromoPult. Также вы можете зарегистрироваться напрямую на сайте getsale.io. Функционал сервиса в любом случае будет одинаковым.

После добавления сайта в GetSale установите код сервиса на все его страницы — между тегами <body> и </body>.

10 ready-to-use сценариев pop-up виджетов для интернет-магазина [гайд Promopult/Getsale]Код GetSale, который нужно добавить на сайт

Теперь в разделе «Виджеты» нажмите «Создать виджет» (или воспользуйтесь Мастером создания виджетов для выбора подходящего формата).

10 ready-to-use сценариев pop-up виджетов для интернет-магазина [гайд Promopult/Getsale]Раздел «Виджеты»

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

10 ready-to-use сценариев pop-up виджетов для интернет-магазина [гайд Promopult/Getsale]Выбор шаблона виджета

После выбора шаблона откроется окно с настройками. Именно здесь создаются сценарии срабатывания виджетов.

10 ready-to-use сценариев pop-up виджетов для интернет-магазина [гайд Promopult/Getsale]Окно с настройками pop-up виджетов

Подробно об интеграции GetSale на сайт и основных настройках мы рассказывали в гайде «Как собирать e-mail посетителей интернет-магазина с помощью pop-up виджетов».

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

Информеры

виджет новостей для сайта
Курсы валют и цифры по главным новостям

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

Важно. Выжимайте из бизнеса максимум с помощью нашей методички формата “фишечная стратегия”. В ней самый сок из сотен тренингов и книг по маркетингу и продажам. А также концентрат успешных действий. По ссылке скидка 50% в течение 4 часов, кликайте -> “Реальный маркетинг: 165 фишек 33 основы“

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

Квизы и опросы

квиз виджет на сайт
Интерактивная форма

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

  • Новый трафик. Во-первых, квизы и опросы – это отличный способ заманить пользователей посетить веб-ресурс, потому что все любят тесты. Во-вторых, интерактивные формы хорошо сказываются на его индексации в поисковиках;
  • Сбор данных о клиентах. Участники квизов оставляют свои данные совершенно легко, а компания получает не только информацию о конкретном человеке, но и общий портрет целевой аудитории;
  • Индивидуальное предложение для клиента. Пройдя тест или опрос, посетитель получает предложение, сформированное на основе его потребностей. Это не только сделает продажи эффективнее, но и повысит лояльность клиента;
  • Высокая конверсия. К онлайн-чатам, формам обратного звонка и поп-ап окнам все давно привыкли, а вот мимо викторины трудно пройти, не поучаствовав.

Кнопка обратного звонка

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

  • стандартное расположение кнопки — правый нижний угол. Обозначение — трубка телефона, цвет — обычно красный;
  • не перегружайте виджет избытком информации. Не нужно писать лишнего — что мол, если вы хотите сэкономить, мы сами вам перезвоним. Единственное, что действительно есть смысл указывать — это время реакции оператора, например: “Оставьте номер телефона и мы перезвоним вам за 30 секунд”;
  • кнопка не должна закрывать другие блоки. Если изображение телефонной трубки находится как раз на кнопке “Купить” или перекрывает собой картинки с товаром — дело плохо.

Коротко о главном

Ну как, ещё не зарябило в глазах от разнообразия? И это я перечислила только те категории виджетов для сайта, которые используются чаще всего. Зато они проверенные и доказали свою эффективность на деле.

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

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

Кажется сложным? Начните с одного типа виджета, который сработает для Вашего сайта, а потом при необходимости расширяйте его возможности или добавляйте новые.

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

Многофункциональная кнопка (мультикнопка)

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

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

Мультифункциональные сервисы

виджет отзывов для сайта
Callibri

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

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

Гаджет:  10 самых безумных гаджетов для обмена текстовыми сообщениями

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

  • Удобство. Общий личный кабинет и CRM для настройки виджетов позволит не тратить лишнее время на организацию работы, не говоря уже об автоматизации рабочих процессов;
  • Многоканальность. Например, один онлайн-чат на сайте может включать в себя функции не только непосредственно чата, но и заказа обратного звонка, заявки, отзыва, кнопки связи через мессенджеры и т.д;
  • Интеграции. Многофункциональные сервисы подразумевают интеграции с CRM компании, соцсетями, сервисами аналитики, мессенджерами и т.д;
  • Аналитика. Сервисы собирают данные по разным каналам в зависимости от используемых виджетов и автоматически формируют отчёты;
  • Цена. Очевидно, что выгоднее платить за несколько видов сразу, чем за каждый по отдельности;
  • Техподдержка. Такие сервисы, как правило, на связи 24/7 и оперативно устраняют проблемы и неполадки.

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

Настраивайте виджеты правильно

Мы привели только 10 сценариев. На практике вариаций десятки или даже сотни. Широкий выбор настроек в GetSale дает возможность показывать виджеты разным сегментам аудитории на разных этапах воронки продаж.

Но тут главное не увлекаться и определить для себя 1-2 основных виджета и правильно их настроить.

Самые распространенные ошибки:

  • слишком много всплывающих окон — это не только мешает просмотру контента, но и может повлиять на ухудшение позиций сайта в результатах поисковой выдачи;
  • предложение «с порога» оставить контакты взамен на подписку на новости (сразу после перехода на сайт можно предлагать промокод, но никак не новости или подписку на соцсети);
  • показ виджета после конверсии (пользователь повторно видит один и тот же оффер, даже если оставил контакты или забрал промокод);
  • частое повторение показа виджета (вообще повторение лучше отключать или задавать интервал не менее нескольких минут);
  • неправильный таргетинг (например, показ жителям Новосибирска акционных условий для Москвы);
  • нерелевантный оффер (например, когда человек только еще читает в блоге магазина статью о видах холодильников, а ему уже предлагают гарантию 60 месяцев и бесплатный подъем на этаж).

Избегайте этих ошибок, и все у вас будет хорошо!

Обратный звонок

виджет обратного звонка для сайта
Заказ обратного звонка

Этот виджет часто используется в сочетании с онлайн-чатом. Когда посетитель оставляет заявку, сервис звонит менеджеру, а после звонят клиенту. Что он даёт:

  • Рост количества звонков. Пользователю намного проще оставить свои контакты и выбрать удобное время для звонка, чем искать и набирать номер компании;
  • Повышение лояльности клиентов. Возможность живого общения с менеджером компании и обратной связи вызывает у людей доверие;
  • Интеграция с CRM. Все звонки и клиенты автоматически интегрируются в CRM, это оптимизирует работу менеджеров;
  • Запись телефонных разговоров. Она поможет не только не потерять потенциальных покупателей, но и позволит оценить работу менеджеров;
  • Аналитика. Сервис покажет, откуда на сайт компании пришёл клиент, по какому ключевому слову, сколько времени провёл на странице и т.д.

Окно чата

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

По этим причинам к чату требования чуть мягче, чем к другим виджетам, но все же они есть:

  • стандартное расположение этого виджета — левый нижний угол, но необязательно. Если других дополнений нет, можно расположить его и справа;
  • возможность в любое время свернуть окно или полностью его закрыть;
  • время ответа специалиста. Оперативные ответы — главное преимущества чата. Когда человеку приходится ждать сообщений оператора часам — применение теряет всякий смысл. Максимальное время реакции — одна-две минуты, лучше меньше;
  • обязательно указывайте статус окна. Если все специалисты заняты и ответить в данный момент времени некому — сообщите об этом пользователю. То же самое касается и присутствия операторов в чате. Никого нет онлайн — клиент должен об этом знать. Никому не хочется писать в пустоту. Внесите конкретику: не просто “все операторы заняты” или “к сожалению, мы не онлайн”, а “извините, но сейчас ни один из специалистов не может вам ответить. Ближайший оператор будет доступен через 10 минут. Спасибо!”;
  • фотография специалиста в окне. Вроде бы мелочь, но именно из таких мелочей складывается одно целое. Лучше не использовать стандартные или стоковые фото — ставьте изображения реальных специалистов. Это повышает лояльность и дает понять, что общается не робот или бот, а живой человек;
  • текст обращения. Текст должен предлагать человеку решить его проблему. Можно написать “Напишите нам, мы онлайн”, а можно: “Есть вопросы? Специалисты нашего чата с удовольствием на них ответят!”. Еще: креатив приветствуется. Вместо стандартных предложений написать специалисту чата можно выдать примерно такое:

Онлайн-запись

виджет онлайн записи для сайта
Запись онлайн

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

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

Онлайн-консультанты и чат-боты

виджет чата для сайта
Онлайн-консультант

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

  • Живой разговор с клиентом. Пользователь сможет обратиться за консультацией в режиме реального времени. Общение в чате хорошо сказывается на лояльности к компании. Главное – отвечать оперативно;
  • Рост продаж. Установленный чат значительно повышает количество обращений, а, соответственно, и продаж за счет легкости использования и скорости обработки;
  • Интеграция с CRM. Большинство сервисов онлайн-чатов интегрируются с CRM-системами и заявки переносятся автоматически;
  • Внутренняя CRM. Ещё одна удобная функция — CRM внутри самого сервиса, которая оптимизирует работу операторов и не даёт посетителю потеряться;
  • Сбор информации о клиентах. Отслеживание, с какой страницы пришёл пользователь, сколько провёл времени на сайте, какими товарами интересуется и т.д.
  • Автоматизация работы с клиентами. Серия наводящих вопросов определит потребности потенциального покупателя, и у оператора уже будут готовы предложения;
  • Обратная связь. Вы можете собирать заявки даже в нерабочее время через эту форму.

Панели оповещений

Оповещения — это эффективное дополнение к любой странице сайта. Этот инструмент:

  1. информирует покупателей о новых продуктах и свежих публикациях в блоге;
  2. предлагает скидки и купоны;
  3. сообщает покупателям о периодах бесплатной доставки;
  4. расширяет рассылочный список и т.д.

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

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

Преимущества виджета:

  1. увеличение конверсии;
  2. переход обычных посетителей сайта в клиентов;
  3. возможность максимально эффективно использовать внимание каждого посетителя, который знакомится с вашим контентом.

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

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

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

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

Поп-ап окна

виджеты для интернет магазина
Поп-ап окно

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

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

  • Hello-board. Окна приветствия обычно появляются через несколько секунд после того, как клиент заходит на веб-ресурс. Отличительная особенность – они не занимают много места и не мешают пользователю продолжать работу;
  • Page-stop. Появляется также после захода или при определённом сценарии его действий. Такие окна блокируют экран и продолжать работать с сайтом невозможно, не выполнив предложенное в окне действие или не закрыв его;
  • Scroll-based. Окна появляются после скролла страницы частично или до конца. Таким образом, можно предложить пользователю, например, статью схожей тематики с той, которую он читает сейчас;
  • Time-based. Появляются, спустя какое-то время нахождения пользователя на странице. Логика такая: если пользователь задержался на странице, значит, он заинтересован в продукте, поэтому окно, например, может пригласить его к диалогу в онлайн-чате;
  • Content-based. Появляются в зависимости от контента, который просматривает пользователь. Например, если речь идёт об интернет-магазине, логично показать клиенту товары, подобные тому, который он в настоящий момент просматривает или проинформировать его об акциях на эту группу товаров;
  • Exit-intent. Такие окна показываются, когда пользователь собирается покинуть страницу, то есть выводит курсор за границы экрана к кнопке закрытия вкладки. Обычно таким образом собираются контактные данные пользователей: подписка на рассылку, приглашение к диалогу и т.д.
Гаджет:  huh-muh: Как создать гаджет под Windows 7

Лайфхак. Вывести сайт в ТОП поисковиков несложно с сервисом комплексного SEO-маркетинга. Буквально в два клика Вы узнаете текущие позиции вашего сайта по ключевым словам, посмотрите как продвигаются конкуренты и составит эффективную стратегию SEO-продвижения. Кликайте и тестируйте -> SE Ranking

Преимущества живого отслеживания посетителей сайта

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

В зависимости от используемого вами инструмента, некоторые из преимуществ включают:

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

Пример 1 — вещевой рынок

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

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

Пример 2 — магазин в торговом центре

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

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

Примеры виджетов и их значение в дизайне

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

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

Рекламные предложения

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

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

Не забывайте тестировать виджеты на реальных пользователях. Разрабатывая дизайн можно создавать несколько вариантов и проверять их действия на клиентах. Меняйте размеры, время запуска, звуковое сопровождение (если есть), формулировку оффера, и оставляйте только эффективные варианты.

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

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

Чтобы продажи были максимальными, мы создаем несколько версий виджетов и тестируем их в реальном времени. Также занимаемся разработкой баннеров и слайдеров, виджетов под конкретное событие. Наши работы доступны в разделе «Портфолио».

Социальные сети

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

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

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

Сравниваем примеры

Итак, какой вариант покупки вы выберете? Не сомневаемся, что есть люди, уважающие эстетику вещевых рынков. Они любят поторговаться, поспорить с продавцами и вообще пообщаться. Но таких меньшинство. Львиная доля покупателей хотят совершать покупки спокойно и обдуманно, чтобы при этом никто не мешал процессу.

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

Минусы избыточного использования виджетов:

  • это раздражает клиента. Дополнительные окна, то и дело выскакивающие в самых неподходящих местах, сильно отвлекают внимание, особенно когда они не в тему;
  • это рассеивает внимание. Клиент пришел на сайт, чтобы купить товар, а не любоваться на товары по акции и фотографии операторов чата;
  • клиент начинает чувствовать, что на нем хотят навариться. Если в каждом углу покупателю говорят: “КУПИ, КУПИ, КУПИ!!!” — эффект может быть прямо противоположным. Вы не должны выпячивать свое желание продать товар или услугу — это отпугнет человека.

Стадный инстинкт

виджет для сайта видимость очереди и дефицита
Заинтересованность другими пользователями

Виджет создаёт видимость очереди и дефицита (а также популярности) продукта и таким образом мотивирует не затягивать с покупкой. Например, на Букинге в предложениях апартаментов можно встретить уведомление “ещё N человек просматривали этот объект на Ваши даты в течение последних 10 минут”. Так создаётся иллюзия конкуренции, и клиент быстрее принимает решение.

Чаще всего “стадный инстинкт” выглядит как небольшое всплывающее окно на экране. Ниже перечислю его основные возможности:

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

Кстати. Интегрируете CRM-систему с Вашим сайтом, чтобы посетители сайта сразу попадали к Вам в базу, так Вы не потеряете ни одного клиента. К тому же там много фишек, которые помогут сделать из сайта просто бомбу продаж и еще автоматизировать бизнес-процессы. Кликайте -> Битрикс 24

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

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

  • будьте с клиентами честными — это самое главное. Если уж ставите такой счетчик — пусть все будет взаправду. Если никакой акции, на самом деле, не существует, а виджет используется только для привлечения внимания и подгоняет человека к совершению покупки — это сразу станет понятным. Покупатель просто обновит страницу или зайдет на следующий день. Если таймер начнет считать с начала и времени, оказывается, столько же, весь смысл виджета сойдет на нет. Больше того: клиент почувствует себя обманутым;
  • должна быть возможность убрать таймер. Вообще, это требование относится ко всем виджетам. Пользователю нужно предоставить возможность закрыть дополнения или, хотя бы, свернуть их. Если таймер висит посредине экрана и его нельзя никак убрать или хотя бы сдвинуть в сторону — это не есть хорошо;
  • таймер не должен всплывать каждую секунду. Представьте: покупатель увидел счетчик, но он его не заинтересовал. Человек закрывает виджет и продолжает серфинг по сайту. Вдруг окно всплывает снова. А потом опять. И опять. В какой-то момент пользователю это надоедает и он может покинуть сайт.

Триггерные рассылки

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

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

ТОП 54 полезные виджета для сайта - соц. сети, погода, обратная связь, скрипты от Яндекс

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

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

Панели оповещений

Оповещения — это эффективное дополнение к любой странице сайта. Этот инструмент:

  1. информирует покупателей о новых продуктах и свежих публикациях в блоге;
  2. предлагает скидки и купоны;
  3. сообщает покупателям о периодах бесплатной доставки;
  4. расширяет рассылочный список и т.д.

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

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

Преимущества виджета:

  1. увеличение конверсии;
  2. переход обычных посетителей сайта в клиентов;
  3. возможность максимально эффективно использовать внимание каждого посетителя, который знакомится с вашим контентом.

Виджет, имитирующий очередь из клиентов

Виджет создает видимость очереди: ажиотаж подталкивает к совершению покупки. Инструмент позволит увеличить количество заявок с сайта почти в 2 раза.

Преимущества виджета:

  1. рост конверсии;
  2. экономия бюджета: вы увеличиваете количество обращений без дополнительных расходов;
  3. быстрое привлечение покупателей за счет импульсивной реакции пользователей;
  4. повышение лояльности клиентов: люди будут больше доверять вам, если увидят повышенный спрос на ваши товары или услуги;
  5. информирование посетителей о важных событиях — акциях, скидках и т.д.
ТОП 54 полезные виджета для сайта - соц. сети, погода, обратная связь, скрипты от Яндекс

Как работает виджет:

  1. Установите код на сайте. Можно сделать это самостоятельно с помощью видеоинструкции в интернете или обратиться за помощью к программистам.
  2. Настройте виджет: «вшейте» в него имена и города, которые будут подставляться в тексты, пропишите заголовки.

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

Захватчик клиентов

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

Захватчик клиентов помогает:

  1. повысить конверсию сайта в 2 раза;
  2. продать остатки товара и тем самым увеличить объем реализованной продукции;
  3. привлекать новых клиентов за счет видимости общения с живым собеседником;
  4. информировать посетителей о скидках, акциях и т.д.
ТОП 54 полезные виджета для сайта - соц. сети, погода, обратная связь, скрипты от Яндекс

Как работает Захватчик клиентов:

  1. Установите код виджета на своем сайте.
  2. Настройте виджет: загрузите аватар, имя и 3 текста. Последний текст должен содержать призыв к действию. Также в него нужно добавить ссылку на страницу.
  3. После этого на сайте будут появляться всплывающие окна — три сообщения с уникальным торговым предложением и призывом к действию. Сообщения подкрепляются имитацией набора текста.
  4. Клиент заинтересуется персональным обращением и совершит покупку, а вы получите прибыль.

Резюме

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

Чат-боты

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

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

  1. Так как чат-бот представляет собой форму для переписки, нужно продумать оформление онлайн-консультанта как чат с человеком. Для этого используются небольшие поля, иконки со значками отправки сообщения.
  2. Чтобы создать иллюзию общения с живым человеком, консультанта подписывают как реального человека и вставляют фотографию. Лучше не использовать заезженные стоковые фото улыбающихся людей, а найти изображение, максимально приближенное к реальности.
  3. Цветовая гамма такого виджета, в отличие от поп-апов, не должна сильно отличаться от концепции всего сайта. Лучше использовать анимацию (например, иллюзию того, что сообщение только пришло), чем яркую цветовую гамму, которая не вписывается в дизайн ресурса.

Такой чат мы используем на сайте IDBI:

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

Оцените статью
GadgetManiac
Добавить комментарий