Установка виджета на сайт
Виджет Prochat устанавливается одной строкой кода. Подходит для любого сайта — от произвольного HTML до WordPress и Tilda.
Шаг 1. Получите код виджета
Зайдите в личный кабинет Prochat → Настройки → Виджет → Код установки. Там будет готовый скрипт с вашим уникальным ID.
<script>
(function(w,d,s,i){
var f=d.getElementsByTagName(s)[0],j=d.createElement(s);
j.async=true; j.src='https://widget.prochat.uz/loader.js?id='+i;
f.parentNode.insertBefore(j,f);
})(window,document,'script','ВАШ_ID');
</script>Шаг 2. Вставьте на сайт
Вставьте скрипт перед закрывающим тегом </body> на каждой странице, где должен появляться чат.
💡 Если сайт использует общий layout/шаблон — вставьте один раз в шаблон. Виджет появится на всех страницах автоматически.
Платформы
- WordPress — используйте плагин или вставьте в Внешний вид → Редактор → footer.php
- Tilda — Настройки сайта → HTML → вставьте в поле «HTML перед </body>»
- Битрикс — Структура сайта → Шаблоны → footer.php
- Другие CMS — найдите файл с общим подвалом сайта и вставьте туда
Шаг 3. Проверьте установку
Откройте ваш сайт в режиме инкогнито — в правом нижнем углу должен появиться виджет чата.
⚠️ Если виджет не появился — откройте консоль браузера (F12 → Console) и найдите ошибки. Чаще всего причина — блокировщик рекламы или CSP-политика на сайте.
В личном кабинете в разделе Аналитика → Онлайн вы увидите своё посещение — это подтверждает, что виджет работает.
Шаг 4. Настройте внешний вид
Перейдите в Настройки → Виджет → Внешний вид:
- Цвет — выберите цвет под ваш бренд
- Иконка — стандартная или загрузите свою
- Позиция — правый или левый нижний угол
- Приветственный текст — что видит посетитель при открытии чата
- Имя оператора — отображаемое имя и аватар