Кнопка Viber для сайта: как установить ссылку, кнопку и виджет
Соц-сетиViber

Кнопка Viber для сайта: как установить ссылку, кнопку и виджет

Три способа добавить Viber на сайт: ссылка на чат, статичная кнопка и виджет. Как подключить к CRM и что делать, если Viber ограничен в России.

Елена Кравцова
Елена Кравцова
Редактор и автор статей6 мин

Кнопку Viber на сайт ставят тремя способами: ссылкой вида viber://chat?number=…, статичной кнопкой с иконкой или готовым виджетом сервиса. Первые два бесплатны и занимают несколько минут, виджет нужен, когда сообщения надо принимать в общем окне и передавать в CRM. Учтите: с декабря 2024 года Роскомнадзор ограничил Viber в России, поэтому для российской аудитории кнопка Viber работает только у тех, кто заходит через VPN. Для клиентов из Беларуси, Казахстана, Грузии и других стран это по-прежнему рабочий канал, а для России лучше добавить рядом Telegram или MAX.

Зачем бизнесу Viber

Кнопка Viber для сайта

Чтобы пользоваться маркетинговыми инструментами Viber, нужно зарегистрировать бизнес-аккаунт. Прежде чем вкладываться в канал, проверьте, пользуется ли им ваша аудитория и открывает ли она сообщения. Вот что есть у мессенджера.

Сообщества

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

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

Сообщества подходят небольшому бизнесу для корпоративных задач.

Групповые чаты

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

Чат-боты

Чат-бот быстрее обрабатывает запросы и помогает с технической поддержкой, а заодно продвигает аккаунт среди заинтересованных в продукции бренда. Бот также нужен для интеграции с CRM (см. ниже).

Стикеры

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

Рассылки

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

Как дать клиенту написать в Viber

Есть три способа: ссылка в тексте, статичная кнопка и виджет.

Ссылка в тексте

Такая ссылка открывает чат с вами одним нажатием. Сформировать её проще всего в бесплатном сервисе Viber.Click: достаточно ввести номер телефона.

Кнопка Viber для сайта

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

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

Кнопка Viber для сайта

Статичная кнопка-ссылка

Кнопка Viber для сайта

Для статичной кнопки нужен небольшой HTML-код. Подставьте свой номер в международном формате (знак «+» кодируется как %2B) и адрес картинки:

<a href="viber://chat?number=%2B7XXXXXXXXXX"><img src="адрес-иконки.png" alt="Написать в Viber"></a>

В атрибуте href указана ссылка на ваш профиль в мессенджере, а в img src — путь к иконке кнопки. Для примера можно взять логотип Viber, но лучше загрузить иконку на свой сервер. Бесплатные иконки есть на https://www.iconfinder.com/search/?q=whatsapp&price=free и https://www.iconsearch.ru/search/?q=whatsapp. Перед использованием проверьте лицензию на иконку.

Код вставляют в шапку сайта или под ней, рядом с номером телефона.

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

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

Как добавить код на сайт

Есть три варианта:

  1. Попросить программиста.
  2. Использовать встроенный функционал CMS или конструктора. В uKit перетащите виджет «Html-код» в раздел «контент» и нажмите на него для редактирования. Чтобы разместить код в теге head или в конце body, добавьте виджет «Свой код» в панели управления uKit: там же выбирают место размещения и страницы показа. Кнопка Viber для сайта
  3. Использовать плагин. В WordPress код можно добавить вручную или плагином.

Вручную добавлять код неудобно: при смене темы придётся переносить его заново, потому что меняются файлы темы. Проще поставить плагин, например Head, Footer and Post Injections.

Кнопка Viber для сайта

После установки и активации откройте «Настройки» > Header and Footer и вкладку Head and Footer. В блоке page section injection слева вставляется код для всех страниц, справа — только для главной. Нажмите «Сохранить».

Как подключить кнопку Viber к CRM

Интеграция превращает мессенджер в канал деловой переписки. Что она даёт:

  • Заявки обрабатываются сразу;
  • Сделку можно создать прямо из карточки диалога, как только выявили потребность клиента;
  • Данные клиента и история общения попадают в CRM, как только он напишет;
  • Каждый клиент из мессенджера добавляется в базу;
  • Все обращения собираются в одном месте — в модуле «Входящие лиды»;
  • Менеджер освобождается от части рутины.

Для интеграции нужен чат-бот. Чтобы его создать:

  1. Войдите в панель администратора и авторизуйтесь;
  2. В личном кабинете выберите «Create bot account»;
  3. Заполните поля, поставьте галочки и нажмите «Create»;
  4. Скопируйте API-токен из уведомления о создании бота.

Дальше подключите интеграцию в настройках вашей CRM или через специальный сервис. Видеоинструкции для популярных CRM:

Сервисы для виджета Viber

Teletype App

Кнопка Viber для сайта Открыть сервис в новой вкладке

Teletype собирает сообщения из мессенджеров в одном окне, а канал Viber подключается через бота. Функции:

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

Подключение. Создайте бота Viber и укажите его секретный токен в сервисе.

Тарифы. Тариф собирается в конфигураторе: вы платите только за нужные каналы и функции. Актуальная стоимость — на сайте сервиса.

Elfsight

Кнопка Viber для сайта Открыть сервис в новой вкладке

Elfsight даёт готовый виджет Viber-чата для сайта: на телефоне диалог открывается в приложении Viber, на компьютере — в Viber Desktop, если он установлен. Клиент должен быть авторизован в Viber. Функции:

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

Подключение. Настройте виджет, получите код установки и вставьте его на сайт.

Тарифы. Есть бесплатный план с ограничениями и платные; условия смотрите на сайте Elfsight. Демо доступно без регистрации.

Frisbie

Кнопка Viber для сайта

Frisbie делает кнопки мессенджеров для сайта. Функции:

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

Подключение. Конструктор кнопок находится в личном кабинете; установка занимает около 5 минут. Останется разместить код виджета на сайте.

Тарифы. Условия указаны на сайте сервиса.

Автор статьи

Елена Кравцова — Редактор и автор статей
Елена Кравцова

Редактор и автор статей

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

Вопросы и ответы

Добавьте в HTML ссылку вида viber://chat?number=%2B7XXXXXXXXXX с иконкой внутри или подключите виджет сервиса одной строкой кода. Код вставляют в шапку сайта или под ней, рядом с номером телефона.

С декабря 2024 года Роскомнадзор ограничил Viber в России, поэтому клиенты открывают чат только через VPN. Для российской аудитории добавьте рядом Telegram или MAX, а Viber оставьте для клиентов из других стран.

Введите номер телефона в бесплатном сервисе Viber.Click и скопируйте готовую ссылку. Её можно вставить в текст на сайте или разослать клиентам.

В uKit используйте виджет «Html-код» или «Свой код». В WordPress проще поставить плагин Head, Footer and Post Injections и вставить код в блок page section injection: так он не пропадёт при смене темы.

Создайте чат-бота через «Create bot account» в панели администратора, скопируйте API-токен и укажите его в настройках CRM или в сервисе интеграции. После этого заявки из Viber попадают в раздел «Входящие лиды» и карточки сделок.

Смотрите также

Поделиться

Комментарии(0)

Оставьте комментарий

Войдите, чтобы присоединиться к обсуждению