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

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

В статье рассмотрим, как создать и настроить попап в форме виджета мессенджеров.

Создайте попап

Перейдите в нужный проект во вкладку Попапы (Pop-ups) и нажмите Создать попап. На странице шаблонов выберите вкладку Чат-боты и выберите шаблон или нажмите Создать с нуля.

Также вы можете изменить тип попапа на Виджет мессенджеров (Messaging app widget) в конструкторе во вкладке Стиль > Тип попапа. Для настройки отображения и контента перейдите во вкладку Элементы.

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

Настройте кнопку

Выберите соцсеть

Выберите, на какую соцсеть будет вести кнопка: Telegram, WhatsApp, Viber, Messenger, YouTube, Instagram, Twitter, Snapchat или пользовательскую ссылку.

Введите текст, который будет отображаться рядом с иконкой.

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

Добавьте ссылку

Вы можете выбрать подключённого бота или ввести ссылку на выбранную соцсеть.

Подписка на бота

В SendPulse вы можете создать бота в Telegram, WhatsApp, Instagram и Facebook Messenger. В случае перехода на бота откроется чат мессенджера и запустится приветственный сценарий. Читайте подробнее: Кто является подписчиком чат-бота и Запуск бота по ссылке.

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

Если вы выбрали чат-бот в SendPulse, выберите сценарий, который запустится после перехода к чат-боту.

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

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

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

Вы также можете не выбирать бота, а добавить ссылку на нужную соцсеть. Выберите соцсеть и опцию Указать ссылку (Specify your link).

Если в списке соцсетей нет вашей, выберите Пользовательская ссылка (Custom link).

Вставьте в поле соответствующую ссылку.

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

Добавьте кнопки

Можно добавить до 10 кнопок на разные соцсети в одну панель. Во вкладке Элементы (Elements) нажмите Добавить кнопку (Add button) и настройте кнопку аналогично предыдущим шагам.

Обновлено: 20.06.2025