Модуль 01

Виджет в цветах бренда

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

Подключить бесплатно

Живой пример справа — с ним можно взаимодействовать.

Виджет в цветах бренда

Цвета, иконка, маскот, размеры и положение. Нажмите на цвет — так виджет подстроится под ваш сайт.

Зачем он нужен

Какую задачу решает

Посетители доверяют

В окно с вашими цветами, логотипом и приветствием пишут охотнее, чем в безликий чат.

Сайт не ломается

Виджет работает в изолированном Shadow DOM: стили сайта не задевают чат, а стили чата — сайт.

Честно о времени ответа

Точка статуса «Онлайн / Офлайн» и отдельное приветствие вне смены подсказывают, когда ждать ответа.

Как используется

Две стороны одного модуля

Посетитель сайта

  1. Видит кнопку чата в правом или левом нижнем углу сайта.
  2. Открывает окно с вашим заголовком, логотипом и приветствием.
  3. Наводит на кнопку — выезжают ссылки на WhatsApp, Telegram, Instagram, YouTube или почту, если вы их включили.
  4. На телефоне шириной до 640 px окно открывается на весь экран.

Оператор и владелец

  1. Меняет оформление в кабинете и сразу видит предпросмотр.
  2. Пишет два приветствия: для рабочего времени и для случая, когда на смене никого нет. Виджет выбирает нужное сам.
  3. Добавляет домены сайта — на чужих сайтах виджет с вашим ключом не заработает.

Как включить

Настройка в кабинете

  1. Виджеты Новый виджет

    Укажите название и домены сайта через запятую. Адреса с www и без www принимаются оба.

  2. Виджеты Оформление Общее

    Заголовок, подзаголовок, приветствия, подсказка в поле ввода, положение кнопки и точка статуса.

  3. Виджеты Оформление Цвета

    Цвет кнопки, фон и текст окна, плашки оператора и посетителя.

  4. Виджеты Оформление Кнопка

    Иконка кнопки, логотип в шапке, ссылки на соцсети и маскот.

Код установки — одна строка перед </body>. Ключ виджета подставляется в кабинете.

<script src="https://ваш-адрес/widget.js" data-widget-key="wpk_live_…" async></script>

По факту

Цифры и ограничения

320–520 pxширина окна чата
420–720 pxвысота окна чата
5 ссылоксоцсети и почта в кнопке
5 МБиконка и логотип: PNG, JPG, GIF, WEBP
Доступно на тарифах: Старт — есть Команда — есть Компания — есть Сравнить тарифы →

Отключить ссылку «Powered by Supportly» можно только на тарифе «Компания».

Все модули

Что ещё умеет Supportly

Чат поддержки,
который встречает клиентов

Бесплатный тариф без ограничения по времени. Установка за 5 минут.

Подключить бесплатно