Загрузи скриншот QR-кода для Telegram. Нажми на квадрат.
Max
max.vk.com/yourchat
QR-код Max
Загрузи изображение QR
Загрузи скриншот QR-кода для Max. Нажми на квадрат.
WhatsApp
+7 900 123-45-67
Формат: +79001234567. Ссылка: wa.me/79001234567
QR-код WhatsApp
Загрузи изображение QR
Загрузи скриншот QR-кода для WhatsApp. Нажми на квадрат.
Оператор
Нажми на аватар чтобы загрузить
Индикатор онлайн
Приветствие
Логотип Telegram
Стиль логотипа Telegram:
+
Логотип Max
+
Логотип WhatsApp
Стиль логотипа WhatsApp:
+
Свой логотип для кнопки
+
Свой логотип — монетка остановится. Нажми на превью чтобы удалить.
Анимация монетки
Переворот монеткой
Иконки крутятся каждые 3 сек.
Кнопка
100%
При прозрачности иконка остаётся видимой
Слева
Справа
24px
24px
56px
55px
Круглая
Мягкая
Квадрат
Тема панели
Светлая
Тёмная
Цвета кнопки
#6366f1
#ffffff
#ffffff
Эффект кнопки
Нет
Пульс
Дыхание
Свечение
Дрожание
Прыжок
Эффект иконки
Нет
Мерцание
Горение
Биение
Вращение
Качание
Мобильная
Только иконка на мобильном
Текст скрыт, кнопка круглая
Готовые темы
Один клик — меняются цвета, тема панели, эффект и фон панели.
White
Grey
Blue
Pink
Minimal
Techno
Hard
Deep
Бейдж срочности
Показывать бейдж
Пульсирует над кнопкой
Форма обратного звонка
Показывать форму
Триггеры (один раз за сессию)
Автооткрытие
Открывает панель один раз
Exit-intent
При попытке уйти со страницы
Каждый триггер срабатывает только один раз за сессию.
Яндекс.Метрика
События: click — клик по кнопке виджета telegram — переход в Telegram max — переход в Max whatsapp — переход в WhatsApp callback — отправка формы звонка
Как добавить цели в Метрику
1. Метрика → Цели → Добавить цель
2. Тип цели: JavaScript-событие
3. Идентификатор: telegram, max, whatsapp, click или callback
4. Повторите для каждого нужного события
Пример кода
// В поле выше укажи ID счётчика, напр: 98765432 // Счётчик Метрики должен быть подключён на странице
// Пример ручной отправки цели: ym(98765432, 'reachGoal', 'telegram');
// GTM слушает эти события автоматически // Пример push в dataLayer: window.dataLayer = window.dataLayer || []; dataLayer.push({ event: 'widget_telegram' });
Сохранение
Запомнить в браузере
Сохраняется между сессиями
На компьютере
На телефоне
Окно предпросмотра
Окно предпросмотра — так будет выглядеть виджет на вашем сайте
Анна
Онлайн
Привет! Чем могу помочь? 👋
Шаг 1 из 7
Выберите мессенджеры
Какие мессенджеры вы используете для общения с клиентами?
Код скопирован!
🔄
Сбросить настройки?
Все настройки вернутся к значениям по умолчанию
Код для вставки на сайт
Шаг 1: Вставьте код перед </body> на вашем сайте Шаг 2 (если указали Метрику): Добавьте цели в Яндекс.Метрике:
Цели → Добавить цель → JavaScript-событие → идентификаторы: click, telegram, max, whatsapp