Как установить и настроить онлайн-чат Umnico
Виджет Umnico — это кнопка на сайте, через которую посетители могут написать вам в онлайн-чат, Telegram, ВКонтакте и другие мессенджеры. Все сообщения поступают в одно окно Umnico.
Чтобы установить чат на сайт, создайте и настройте виджет в разделе «Каналы» → «Чат на сайт», скопируйте код и добавьте его на страницы сайта.
1. Перейдите в раздел «Каналы» → «Чат на сайт»
В левом меню нажмите «Каналы». На странице доступны две вкладки: «Основные» — для мессенджеров и «Чат на сайт» — для настройки виджета.
Откройте вкладку «Чат на сайт». Вкладка «Чат на сайт» находится в разделе «Каналы связи».
2. Создайте новый виджет
Нажмите «+ Чат на сайт» рядом с вкладкой.
Придумайте название виджета. Оно отображается только в вашем аккаунте — посетители сайта его не увидят. Если у вас несколько сайтов или лендингов, называйте виджеты по смыслу, например: «Основной сайт», «Лендинг май 2025», «Интернет-магазин». Так будет проще отличать виджеты друг от друга.
3. Настройте виджет чата для сайта
После создания откроется редактор с несколькими разделами. Настройте параметры виджета в каждом из них.
Настройки
В разделе можно указать название виджета, часовой пояс, рабочее время, цвет кнопки, расположение кнопки (слева или справа).
Онлайн чат
Включите онлайн-чат, выберите цвет окна и сообщений и настройте автоматическое открытие чата через N секунд.
Messengers
Добавьте ссылки на ваши мессенджеры — Telegram, ВКонтакте, MAX и другие. Посетитель сайта сможет выбрать, куда написать.
Быстрые ответы
Настройте подсказки для посетителей — частые вопросы, которые они смогут отправить одним нажатием. Доступны языки: RU, EN, DE, ES, PT.
4. Скопируйте код виджета
Прокрутите страницу вниз до раздела «Установка» и скопируйте код для вставки на сайт. Раздел «Установка» — здесь находится код, уникальный для вашего аккаунта.
Не используйте чужой код: у каждого аккаунта свой хэш. Код из примера выше работать не будет.
5. Установите код на сайт
Вставьте скопированный код на каждую страницу сайта перед закрывающим тегом </body>.
Выберите свою платформу:
Кастомный сайт
- Откройте файл шаблона, который подключается на всех страницах (обычно layout.html, base.html или footer.php).
- Найдите закрывающий тег </body>.
- Вставьте код виджета прямо перед ним.
- Сохраните файл и проверьте сайт — виджет появится в правом нижнем углу.
Тильда
- Откройте редактор нужного сайта в Тильде.
- Перейдите в Настройки сайта → Ещё → HTML-код для вставки.
- В поле «Код перед </body>» вставьте код виджета.
- Нажмите «Сохранить» и опубликуйте сайт.
Код добавляется один раз для всего сайта — не нужно вставлять на каждую страницу отдельно.
WordPress
- Установите плагин Insert Headers and Footers (или WPCode).
- Перейдите в Настройки → Insert Headers and Footers.
- В поле Scripts in Footer вставьте код виджета.
- Нажмите «Сохранить».
Если есть доступ к редактору темы: Внешний вид → Редактор → footer.php → вставьте код перед </body>. Но плагин надёжнее — не слетит при обновлении темы.
Битрикс
- Войдите в административную панель Битрикс.
- Перейдите в Настройки → Сайты и серверы → Сайты.
- Выберите нужный сайт → вкладка HTML-код страниц.
- В поле «Перед </body>» вставьте код виджета.
- Сохраните изменения.
React
Если приложение на Create React App — вставьте код в public/index.html перед </body>.
Если используете Next.js — добавьте через компонент Script в _app.js или layout.tsx
6. Проверьте работу чата для сайта
Откройте сайт в браузере. В правом нижнем углу должна появиться кнопка чата.
Нажмите на кнопку и отправьте тестовое сообщение. Оно появится в разделе «Чаты» вашего личного кабинета Umnico.
Также можно протестировать отправку сообщений внутри интерфейса Umnico. Для этого нажмите кнопку «Протестировать чат».
Не появляется виджет? Проверьте: код вставлен на все страницы (не только главную); хэш скопирован полностью без лишних пробелов; страница сохранена и опубликована после изменений.
Помощь и поддержка
Если у вас остались вопросы, напишите нам, мы с радостью поможем. Чтобы связаться со специалистом Umnico, нажмите на значок «Чат с техподдержкой» в правом нижнем углу экрана. Или выберите раздел меню «Помощь → Чат с техподдержкой» в личном кабинете.