Установка виджета на сайт
Виджет 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. Настройте внешний вид
Перейдите в Настройки → Виджет → Внешний вид:
- Цвет - выберите цвет под ваш бренд
- Иконка - стандартная или загрузите свою
- Позиция - правый или левый нижний угол
- Приветственный текст - что видит посетитель при открытии чата
- Имя оператора - отображаемое имя и аватар