Виджеты для сайта: какие бывают и как использовать

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

Квизы

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

Преимущества квизов:

• увеличение количества звонков в 5 раз;
• рост продаж за счет контакта с «холодной» аудиторией;
• повышение лояльности клиентов, которые более охотно совершают покупки;
• увеличение базы e-mail-адресов;
• возможность спрогнозировать развитие новых направлений и скорректировать существующие на основе анализа результатов опросов.

Как работают квизы:

• Установите скрипт на сайте. Для этого можно добавить его в лид-форму или главный баннер сайта. В этом вам помогут программисты. Также вы можете постановить скрипт сами, воспользовавшись видеоинструкцией.
• После этого на странице сайта появляется опрос.
• Пользователь получает вознаграждение, если по окончании опроса заполнит специальную форму.
• Вы получаете контакты клиента и можете ознакомиться с его мнением. Контакты приходят в SMS, Telegram-сообщении или письме, а доступ к ответам находится в личном кабинете.

Калькулятор

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

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

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

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

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

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

• На главной странице. Обычно кнопки соцсетей выделены в большой блок. Виджеты можно разместить после информации о продукте.
• На странице о компании. Блок со ссылками на соцсети размещают внизу страницы, после презентации организации.
• На странице «Контакты». Виджеты можно разместить здесь, если соцсети — это еще один способ связи с компанией. Некоторым пользователям будет удобно контактировать с компанией именно так.
• В футере сайта. В «подвале» кнопки соцсетей не допустят перегрузки сайта, и они будут доступны на любой странице ресурса.
• После статей, изображений, анонса рекламной кампании и другой информации, которой пользователи захотят поделиться. Лучше ставить виджеты, выровненные по левому краю.
• На странице с рекламными кампаниями и акциями. Некоторые клиенты с удовольствием поделятся выгодным предложением в соцсетях.
• На странице с товаром или услугой. С таких страниц удобно отправлять ссылку на интересующий пользователя товар. Лучше всего размещать виджеты слева под продуктом. Если компания предлагает услуги, можно разместить виджеты на первый экран.

Вставляем виджеты соцсетей на сайт

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

ВКонтакте

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="https://vk.com/js/api/share.js?95" charset="windows-1251"></script>
<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>

Facebook (Фейсбук)

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your share button code -->
<div class="fb-share-button"
data-href="https://www.your-domain.com/your-page.html"
data-layout="button_count">
</div> 

 
Youtube
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>

Instagram

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

Этот конструктор позволяет выбрать способ отображения виджета (кнопка, стандартный, простой и др.), его размер, подпись и т.д. Вам нужно только добавить имя профиля, выбрать нужные параметры, нажать «Создать виджет» и скопировать сгенерированный код. Также конструктор имеет функцию предварительного просмотра: вы сможете увидеть, как будет выглядеть готовый виджет.

Как вставить виджеты мессенджеров

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

Whatsapp (Ватсап):

<a title="Whatsapp" href="whatsapp://send?phone=79270000000"><img src="images/whatsapp_icon.jpg" alt="Написать в Whatsapp" /></a>

Viber (Вайбер):

<a href="viber://chat?number=%2B375292005818"> <img src="https://it-land.by/wp-content/uploads/2018/10/Viber-logo.png"> </a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Резюме

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