Есть вопросы?support@hipolink.net
Единая ссылка в аккаунте
Единая ссылка

О кнопках мессенджеров на сайтах: пошаговое создание виджетов

17.10.20
2797 просмотров
Связь с аудиторией
При создании сайта важно обозначить способы связи с клиентом. Для этого использовать кнопки мессенджеров на сайт. Как их установить и с помощью какого сервиса лучше это сделать, разберём в статье.
article_image

Зачем нужны кнопки мессенджеров

Удобны тем, что с Вами можно связаться в любой момент. Преимуществом является и то, что сохраняется контакт клиента, которому можно предлагать услуги, оповещать о скидках и акциях в дальнейшем.
Мессенджеры - способ распространения бесплатного материала (лид-магнит), полезного аудитории в тематике Вашей сферы занятости. Дают возможность выбора удобного способа связи.
Для мобильной версии удобство заключается в том, что одним кликом можно перейти в диалог.
Иконки на сайте

Где эффективнее использовать

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

Как бесплатно установить кнопки на сайте

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

Пошаговая инструкция по установке кнопок в Hipolink

1. Зарегистрироваться/войти в личный кабинет
2. Открыть конструктор
3. Выбрать в блоках слева пункт "Мессенджеры"
4. Из предложенного списка выбрать интересующий мессенджер (в бесплатной версии один, в расширенном пакете любое количество)
5. Выбрать размер и форму кнопки (во всю ширину, в половину ширины, в треть ширины или круг)
Работа в конструкторе

Подробнее о работе в конструкторе можно узнать в статье.

Установка кнопок на обычный сайт

Здесь потребуются навыки работы с HTML- кодом сайта.
Для создания ссылки на чат
— WhatsApp: <a title="Whatsapp" href="whatsapp://send?phone=79270000000"><img src="images/whatsapp_icon.jpg" alt="Написать в Whatsapp" /></a>
Здесь нужно заменить номер телефона на нужный
— Telegram: <a title="Telegram" href="https://telegram.me/логин компании" target="_blank"><img src="images/telegram_icon.jpg” alt="Написать в Telegram" /></a>
В части кода "логин компании" заменить на имя профиля в Telegram (без @ перед ником)
— Viber: <a title="Viber" href="viber://chat?number=79270000000"><img src="images/viber_icon.jpg" alt="Написать в Viber" /></a>
Заменяем номер из примера на нужный контактный телефон.
Надеемся, статья помогла разобраться в вопросе о кнопках мессенджеров на интернет-сайте.