Проверка корректной установки

Вы добавили код виджета на сайт, но не уверены, всё ли работает правильно? Следуйте этой пошаговой инструкции, чтобы протестировать чат и убедиться, что ваши клиенты смогут с вами связаться.

1. Визуальная проверка на сайте

Самый простой способ — увидеть чат своими глазами:

1. Откройте ваш сайт в режиме Инкогнито (Ctrl+Shift+N для Windows или Cmd+Shift+N для Mac). Это важно, чтобы исключить влияние старого кэша браузера.
2. Дождитесь полной загрузки страницы.
3. Проверьте наличие иконки чата в том углу, который вы указали в настройках (по умолчанию — правый нижний).

Если чат не появился:

• Проверьте, сохранили ли вы изменения в CMS или конструкторе (например, нажали ли кнопку «Опубликовать» в Tilda или WIX).
• Убедитесь, что в коде не удалены кавычки или скобки при копировании.

2. Проверка отправки и получения сообщений

Виджет может отображаться, но важно проверить связь с панелью оператора:

1. Напишите любое тестовое сообщение в окне чата на вашем сайте (например: «Проверка связи»).
2. Зайдите в личный кабинет DiveChat или откройте мобильное приложение.
3. Перейдите в раздел «Диалоги».
4. Ваше сообщение должно появиться там мгновенно.
5. Отправьте ответ из панели оператора и убедитесь, что он отобразился в окне чата на сайте.

3. Техническая проверка через консоль браузера

Если иконки нет, можно проверить, загружается ли скрипт технически:

1. Находясь на своем сайте, нажмите правую кнопку мыши и выберите «Просмотреть код» (или клавишу F12).
2. Перейдите на вкладку Console (Консоль).
3. Введите в поиске или просто просмотрите список на наличие ошибок, выделенных красным цветом.
4. Если вы видите ошибку 404 или Blocked by Content Security Policy в строке, содержащей divechat.ru, значит, скрипт блокируется настройками безопасности вашего сервера или расширениями браузера (например, AdBlock).

4. Проверка уведомлений

Чтобы не пропускать клиентов, важно проверить, приходят ли вам оповещения:

• На десктопе. Убедитесь, что в браузере разрешены уведомления для сайта app.divechat.ru.
• На телефоне. Зайдите в настройки телефона → Приложения → DiveChat → Уведомления. Все переключатели должны быть активны.
• В Telegram. Если вы подключили интеграцию с Telegram-ботом, проверьте, пришло ли дублирующее сообщение туда.

5. Проверка на разных устройствах

Иногда виджет корректно работает на ПК, но перекрывается элементами на мобильной версии:

1. Откройте сайт с мобильного телефона.
2. Убедитесь, что кнопка чата не перекрывает важные кнопки (например, «Купить» или «Меню»).
3. Если кнопка мешает, вернитесь в «Настройки виджета» в личном кабинете и измените отступы для мобильной версии. Изменения применятся автоматически, переустанавливать код не нужно.

Чек-лист «Все готово к работе»

• Иконка чата видна на сайте.
• Тестовое сообщение дошло до панели оператора.
• Вы получили звуковое или push-уведомление о новом сообщении.
• Ответ оператора отобразился в чате на сайте.
• Виджет не мешает навигации на мобильном устройстве.

Если вы выполнили все шаги, но чат не работает — напишите в нашу службу поддержки. Мы поможем проверить ваш код и настройки в течение 15 минут!