Якщо вікно чату не відображається на вашому сайті — або ваші останні зміни не видно — ця інструкція проведе вас через найпоширеніші причини та способи їх вирішення.
🟡 Спробуйте спочатку: Очистьте cookie у вашому браузері і протестуйте сайт у вікні інкогніто/приватному режимі. Це вирішує більшість проблем із відображенням. Якщо чат все ще не з’являється, переходьте до перевірок нижче.
У цій статті:
Чат приховано в налаштуваннях
Переконайтеся, що вікно чату не встановлено як приховане в офлайн-режимі (1) або повністю приховане (2) у Налаштування → Канали → Живий чат → Опції.
Вас заблоковано
Переконайтеся, що ви не заблоковані як відвідувач у вашому обліковому записі Smartsupp.
Перевірте, чи є ваша IP-адреса у списку заблокованих IP-адрес. Ви знайдете список у Налаштування → Робоче місце → Безпека та конфіденційність.
У списку відвідувачів скористайтеся фільтром "заблоковані відвідувачі", щоб переглянути, чи хтось заблокований. Якщо серед них є ви, розблокуйте себе.
Відсутній або неправильно вставлений код чату
Відкрийте вихідний код сторінки вашого сайту (у Chrome натисніть Ctrl + U) і знайдіть (Ctrl + F) smartsupp. Якщо результатів немає, код чату не доданий у код сайту — вашому розробнику потрібно його вставити.
Якщо ви використовуєте менеджер тегів (наприклад, Google Tag Manager), переконайтеся, що він працює коректно. У більшості випадків ви можете знайти код чату в елементах вашого сайту: натисніть Ctrl + Shift + J, відкрийте вкладку Elements та знайдіть smartsupp.
Також переконайтеся, що на вашому сайті використовується не більше одного коду чату.
Помилка у коді
Переконайтеся, що з коду чату не пропущено символів. Оптимально скопіюйте код напряму з Налаштування. Знайти його можна в Налаштування → Канали → Живий чат → Встановлення. Ви можете використати інструмент на зразок Diffchecker, щоб порівняти код на вашому сайті з оригіналом. Найпоширеніша помилка — пропущене підкреслення (_), яку зазвичай видно як помилку у консолі браузера (Ctrl + Shift + J).
Проблема з CSS вашого сайту
Типова причина, чому чат не відображається — навіть якщо код вставлено правильно — це коли для властивості display iframe встановлено display: none (дивіться приклад нижче). У такому випадку розробнику потрібно оновити CSS сайту.
Z-index більше 1 000 000
Властивість z-index задає порядок накладання елементів — елемент із більшим z-index завжди відображається поверх елементу з меншим z-index. Тому якщо у вас є елемент із z-index понад 1 000 000, він може перекривати Widget чату.
JavaScript вимкнено у браузері
Усі браузери за замовчуванням дозволяють JavaScript, але якщо його було вимкнено, потрібно увімкнути його назад. Дізнатись, як увімкнути JavaScript у різних браузерах, можна у цьому посібнику.
Тестове середовище
Ваш сайт перебуває у тестовому середовищі (localhost), обмеженому сайті, інтрамережі чи під приватним VPN. Щоб Smartsupp працював на 100%, сайт має бути повністю доступним з інтернету.
Зміщення Widget
Якщо ви використовуєте кастомне позиціонування вікна чату через API і змінили зміщення Widget, переконайтеся, що воно відображається і на менших екранах. Якщо зміщення надто велике або мале, чат може бути частково чи повністю поза екраном.
Content Security Policy
Якщо ви використовуєте Content Security Policy на вашому сайті, переконайтеся, що всі наші домени додані до білого списку у вашій CSP:
smartsupp.com
smartsuppchat.com
cdn77.org
smartsuppcdn.com
Якщо виникає проблема з CSP, у консолі Chrome (Ctrl + Shift + J) буде показано, що скрипт порушує директиву Content Security Policy.
Що далі?
Базові налаштування вікна чату — налаштуйте зовнішній вигляд, мову та поведінку вашого вікна чату.
Статус вікна чату — керуйте відображенням вікна чату онлайн або офлайн.
Вікно чату у вашому мобільному додатку — дайте користувачам додатку змогу звертатися у чат.
💡 Все ще не працює? Якщо ви виконали всі перевірки, а чат не з’являється, зв’яжіться з нами через вікно чату у вашій панелі управління або з нашою службою підтримки. Укажіть, будь ласка, адресу вашого сайту та зареєстрований email Smartsupp для додаткової перевірки.