Якщо вікно чату не відображається на вашому сайті — або ваші нещодавні зміни не з’являються — цей посібник проведе вас через найпоширеніші причини та способи їх усунення.
🟡 Спочатку спробуйте таке: Очистьте 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 сайт повинен бути повністю доступним з інтернету.
Зміщення widget
Якщо ви використовуєте користувацьке розташування вікна чату через API і змінили зміщення widget, переконайтеся, що він залишається видимим і на менших екранах. Якщо зміщення занадто велике або занадто мале, чат може бути частково або повністю поза екраном.
Політика безпеки вмісту
Якщо ви використовуєте політику безпеки вмісту на своєму сайті, переконайтеся, що всі наші домени додані до списку дозволених у вашому CSP:
smartsupp.com
smartsuppchat.com
cdn77.org
smartsuppcdn.com
Якщо виникне проблема з CSP, консоль Chrome (Ctrl + Shift + J) покаже, що скрипт порушує директиву політики безпеки вмісту.
Що далі?
Базові налаштування вікна чату — налаштуйте вигляд, мову та поведінку вашого вікна чату.
Статус вікна чату — керуйте тим, коли ваше вікно чату відображається онлайн або офлайн.
Вікно чату у вашому мобільному додатку — надайте користувачам вашого додатку можливість зв’язатися з вами в чаті.
💡 Все ще не виходить? Якщо ви пройшли всі перевірки, але чат все одно не з’являється, зв’яжіться з нами через вікно чату в панелі управління або нашу службу підтримки. Будь ласка, вкажіть адресу свого сайту та реєстраційну ел. пошту Smartsupp, щоб ми могли це перевірити.