Как установить чат на сайт (HTML, CMS, конструкторы)
Когда вы создали в личном кабинете DiveChat новый чат и дали ему название, нужно скопировать готовый фрагмент кода (скрипт), который выглядит примерно так: <script src="..."></script>.
Установка на сайт
Здесь возможны следующие варианты.
1. Прямая вставка в HTML-код
Если вы имеете доступ к исходному коду сайта:
- Откройте файл страницы (обычно
index.html) или общий шаблон (footer/header). - Вставьте скопированный код перед закрывающим тегом
</body>или внутри тега<head>. - Сохраните изменения и обновите страницу сайта в браузере.
2. Установка в CMS
Существует три основных способа:
- Через виджеты. Перейдите в «Внешний вид» → «Виджеты». Добавьте виджет «HTML-код» в подвал (Footer) и вставьте скрипт.
- Через файл темы. В редакторе тем найдите файл
footer.phpи вставьте код перед тегом</body>. - Через плагины. Используйте плагины типа "Insert Headers and Footers" для безопасной вставки кода в секцию
<head>.
3. Установка в сайт-конструктор на Tilda
- Для всего сайта: Настройки сайта → Еще → HTML-код для вставки внутрь HEAD. Вставьте код и сохраните.
- Для отдельной страницы: Добавьте блок T123 из категории «Другое», вставьте в него код виджета и опубликуйте страницу.
4. Установка в конструкторы Wix / Bitrix24 / Shopify
Здесь порядок действий зависит от конкретного конструктора:
- Wix. Настройки → Пользовательский код → Добавить код. Выберите размещение в «Head» или «Body-end».
- Bitrix24. Настройки сайта → Свой HTML-код. Вставьте скрипт и сохраните изменения.
- Shopify. Online Store → Themes → Actions → Edit Code. Найдите файл
theme.liquidи вставьте код перед</body>.
Проверка работы
Очистите кэш браузера или откройте сайт в режиме инкогнито. Убедитесь, что иконка чата появилась в выбранном углу экрана. Отправьте тестовое сообщение, чтобы проверить получение уведомлений в панели оператора.
Если вы используете Google Tag Manager, вы можете создать новый тег типа «Пользовательский HTML» и добавить скрипт DiveChat туда — это позволит управлять чатом без внесения правок в код сайта напрямую.
Похожие статьи
Нужна дополнительная информация?
