Читать 13

Мессенджеры и соцсети


Описание функционала

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

Расположение

Добавление, настройка и редактирование уже созданных виджетов происходит в разделе меню  Конверсия /  Кнопки соцсетей и мессенджеров.

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

Подробнее о списке виджетов в статье: Список виджетов.

При первом переходе в раздел будет отображаться заглушка с предложением Создать виджет.

По нажатию на кнопку “Создать виджет” вам станут доступны на выбор следующие виджеты: Telegram, MAX, VK, Messenger и Viber.

Настройка мессенджеров

Таб "Настройки"

В начале экрана вы увидите поле названия виджета — вы можете указать любое, удобное вам. Именно под этим названием виджет будет доступен в списке созданных виджетов.

Следом идет настройка страницы, с которой будет инициироваться диалог или выбор чата. Подробнее о настройке с каждым мессенджером ниже:

Telegram

Используя возможности Telegram, вы можете размещать прямую ссылку для переадресации в чат Telegram. Эта ссылка имеет вид tg://resolve?domain=username, например tg://resolve?domain=blogcalltouch.

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

MAX

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

При активации чекбокса “Передавать id сессии при переходе в мессенджер” к ссылке добавляется параметр start с уникальным значением сессии из Calltouch.

Пример ссылки: https://max.ru/Name_Bot?start=12345678

Передача сессии работает только при использовании бота в MAX. Это ограничение на стороне самого мессенджера.

VK

Используя возможности VK, вы можете размещать прямую ссылку для связи с группой ВКонтакте. Эта ссылка имеет вид https://vk.me/<адрес страницы>, например https://vk.me/calltouch. Введите адрес страницы для формирования ссылки, при переходе по которой произойдет переадресация в чат.

Viber

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

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

Для переадресации в публичный аккаунт компании используйте URI бота Viber.

График работы виджета

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

______________2019-07-03___14.35.47.png

Автоматическая работа виджета

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

Примеры использования данной настройки:

  • Выбрать праздничные дни и виджет не будет показываться.
  • Если меняется график в определенные дни, и нет возможности перенастраивать виджет. Вы можете настроить 2 виджета:
    • основной виджет — настроить стандартный график работы, указав выходные дни. Например: выходные дни 31.12 и 1.01
    • дополнительный виджет — настроить график работы для тех дней недели, на которые выпадают 31.12 и 1.01. А "выходные дни" выбрать все остальные дни.

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

Пример автоматической работы виджета

Задача: Виджет должен быть активен на сайте в течение ближайших 3 месяцев, а затем автоматически отключиться.

Решение:

  1. Перейдите в раздел Настройки → Автоматическая работа виджета → Автоматическое отключение виджета.
  2. Укажите нужную дату отключения.
  3. В указанную дату виджет автоматически выключится и перестанет отображаться на сайте.

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

Таб "Кнопка"

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

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

  • iPhone 13 mini (375 x 812);
  • iPhone 14 (390 x 844);
  • iPhone 15 / iPhone 15 Pro / iPhone 14 Pro (393 х 852);
  • iPhone 15 Pro Max / iPhone 14 Pro Max (430 x 932).

Также можно выбрать масштаб: 0,75х или 1,0х.

Ниже представлены описания настроек из правой части экрана:

Название Описание
Кнопка

1. Расположение на экране

  • сверху слева;
  • сверху справа;
  • снизу слева;
  • снизу справа (по умолчанию);
  • по центру (по умолчанию только для мобильной версии).
2. Размер

  • S (44px);
  • M (64px) (по умолчанию);
  • L (80px);
  • XL (100px).

Вы можете задать размер с помощью слайдера — вручную в пределах допустимого диапазона. Либо выбрать один из предустановленных вариантов: S, M, L, XL.

3. Радиус скругления

Шкала от min - 0 до max (зависит от размера кнопки):

  • S — max 22px;
  • M — max 32px;
  • L — max 40px;
  • XL — max 50px.

По умолчанию задается максимальное значение скругления, в зависимости от размера кнопки.
Цвет кнопки

В данном пункте настраивается цвет кнопки.

При включении чекбокса "Использовать градиент" добавляются настройки:

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

Иконка

В этом блоке Вы можете задать размер иконок и стиль:

  • Сплошная (по умолчанию);
  • Контурная;
  • Сплошная с обводкой;
  • Загрузить иконку.
Эффект при наведении

При наведении на кнопку можно задать эффект:

  • Тень;
  • Увеличение;
  • Выцветание.

Настройка доступна только для версии Десктоп.

Анимация покоя   

В данном пункте настраивается анимация покоя кнопки. Доступные варианты:

  • Без анимации;
  • Волны;
  • Пульсация;
  • Увеличение;
  • Колебание;
  • Тряска;
  • Желе;
  • Вращение иконки;
  • Вращение + волна. 

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

Таб "Условия"

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

Сочетание нескольких мессенджеров

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

Мобильная версия:

Десктоп версия:

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

Отчетность

Статистика по мессенджерам находится в разделе  Отчеты /  Дополнительно / Отчет по виджетам.

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



25 марта 2026
Не нашли решение проблемы?
Заполните форму, и мы вам поможем.
Похожие статьи
Недавно просмoтренные