Чем мы можем помочь?

Кратко опишите вопрос; мы ответим по электронной почте.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
На главную

Кнопка чата: форма, размер, значок, подпись и положение

Кнопка, которой посетители открывают чат: форма, размер на компьютере и телефоне, значок, подпись со второй строкой, показ, 20 шаблонов, положение и обход панелей.

Кнопка чата находится в нижнем углу; с её помощью посетители открывают чат. Она настраивается в /app/projects/{id} на вкладке Внешний вид, в разделе Оформление. Предпросмотр Так выглядит ваша кнопка чата немедленно показывает каждое изменение. Сохранение — кнопкой Сохранить; изменение доходит до посетителей в течение минуты.

Цвет кнопки чата — ваш основной цвет; см. Цвета, шрифт и тема.

Шаблоны кнопки чата

20 готовых сочетаний, например «Виртуальный ассистент — Ответ за 2 мин», «Есть вопрос?», «Служба поддержки — Пн–пт 8:00–18:00» или «ИИ-ассистент — Ответ за секунды». Одно нажатие заполняет форму, значок, подпись, вторую строку, режим показа и размер. Цвета остаются прежними; ничего не сохраняется до нажатия Сохранить. После этого отредактируйте тексты.

Поля

Подпись для каждого языка

Подпись и вторая строка из формы действуют на всех языках. Если нужны разные тексты по языкам, введите их в Тексты и формы → Свои формулировки с ключами launcher.text и launcher.subtext. Запись там имеет приоритет над этими полями. Подробнее: Тексты и языки.

Чат вообще без кнопки

При режиме Только через собственные ссылки (без значка чата) кнопка не появляется. Посетители открывают чат через ваши ссылки или кнопки:

<a href="#rc-open">Help & support</a>

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

Пока виджет не получил настройку с сервера, например без подключения или при первом посещении до согласия на cookie, кнопка всё же появляется как запасной вариант. Если она не должна появляться никогда, также добавьте в код:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-hide-launcher="true"
        async></script>

data-rc-hide-launcher действует всегда, независимо от настроек аккаунта. Без кнопки чата нет и облачков подсказок рядом с ней. Все способы открытия чата через свои элементы, с предварительно заполненным текстом и выбором вкладки, описаны в Открытии чата через собственную ссылку или кнопку.

Вместо ссылки можно сделать триггером существующий элемент страницы. data-rc-launcher-selector принимает CSS-селектор:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-hide-launcher="true"
        data-rc-launcher-selector="#hilfe-knopf"
        async></script>

Положение и отступы

Сторона, отступы и уровень наложения задаются в коде встраивания. В аккаунте полей для них нет.

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-position="left"
        data-rc-offset='{"x":24,"y":96}'
        async></script>

Те же поля работают как position, offset и zIndex через window.ReactiveChatSettings или ReactiveChat('boot', …). См. Техническая интеграция.

Обход панелей

Если внизу страницы есть закреплённая панель, например баннер cookie, панель корзины или навигация на телефоне, кнопка автоматически перемещается над ней с зазором 12 px. При изменениях страницы измерение повторяется. Элементы, занимающие больше 40 % высоты окна, считаются наложением. Их кнопка не обходит.

Это можно отключить в коде встраивания:

data-rc-avoid-overlap="false"

Кнопка чата со своим значком

Полностью собственный значок задаётся в коде через оформление: launcher.icon принимает встроенный SVG или адрес data: и имеет приоритет над выбранным значком.

ReactiveChat('setBrand', {
  launcher: { shape: 'bubble', label: 'Ask us', icon: 'data:image/svg+xml,…' }
});

Обратите внимание: оформление с такими полями в коде встраивания (data-rc-brand) имеет приоритет над настройками аккаунта на этой странице. См. Цвета, шрифт и тема.

На телефонах

При ширине менее 481 px (и на телефонах в альбомной ориентации при высоте до 480 px) применяется размер для телефонов. В режиме Только на больших экранах там виден только значок. Когда посетитель открывает чат, окно занимает весь экран, а кнопка уходит на задний план.

Если кнопка выглядит не так, как ожидалось

Обновлено: