Чим ми можемо допомогти?

Стисло опишіть питання; ми відповімо електронною поштою.

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 пікс. Після змін сторінки вимірювання повторюється. Елементи, що займають понад 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 пікс. (і на телефонах у горизонтальному положенні за висоти до 480 пікс.) діє розмір для телефонів. За показу лише на великих екранах кнопка там показує тільки значок. Коли відвідувач відкриває чат, вікно займає весь екран, а кнопка відступає.

Якщо кнопка чату виглядає не так, як очікувалося

Оновлено: