Как установить чат на сайт за 5 минут

Установить онлайн-чат на сайт можно буквально за пять минут — без программиста и без правок в коде сайта. Нужно скопировать одну строку и вставить её на страницу. Ниже — пошаговая инструкция и подсказки, куда вставлять код в популярных конструкторах и CMS.

Что нужно перед стартом

• Аккаунт в qwelo (регистрация занимает минуту, 14 дней бесплатно).
• Доступ к сайту — туда, где можно вставить строку кода: админка CMS, конструктор (Tilda, Wix и т.п.) или HTML-файлы.

Шаг 1. Создайте виджет и получите код

Зарегистрируйтесь и войдите в личный кабинет. Виджет создаётся автоматически — вам сразу доступен код для установки. Он выглядит так:

<script async src="https://qwelo.ru/widget.js?token=ВАШ_ТОКЕН"></script>

Токен уникален для вашего сайта — он связывает чат с вашим аккаунтом. Просто скопируйте всю строку целиком.

Шаг 2. Вставьте одну строку на сайт

Код нужно вставить один раз — лучше всего перед закрывающим тегом </body>, чтобы он не мешал загрузке страницы. Обратите внимание на слово async в коде: благодаря ему скрипт грузится в фоне и не замедляет ваш сайт — даже если наш сервер на секунду недоступен, страница откроется как обычно.

Куда вставлять в популярных системах

• Tilda: Настройки сайта → «Ещё» → вставьте код в поле «HTML-код для вставки внутри HEAD или BODY».
• WordPress: тема → «Подвал» (footer.php) перед </body>, либо плагин для вставки скриптов (Insert Headers and Footers).
• Битрикс / 1С-Битрикс: в шаблоне сайта, в footer.php перед </body>.
• Конструкторы (Wix, Craftum и др.): блок «Пользовательский код» / «Встроить код» в настройках сайта.
• Обычный HTML-сайт: откройте нужные страницы и добавьте строку перед </body>.

Правило простое: вставьте код на все страницы, где нужен чат (обычно — на весь сайт, через общий шаблон/подвал).

Шаг 3. Настройте виджет под бренд

Всё настраивается в дашборде, без кода:

• Цвет кнопки и её положение (правый или левый нижний угол).
• Приветственное сообщение и подсказки-вопросы (FAQ).
• Первичные вопросы: имя, телефон с маской +7, e-mail — чтобы получать контакт вместе с обращением.
• Рабочее время и офлайн-режим — что показывать, когда операторы не в сети.

Шаг 4. Подключите Telegram

Чтобы отвечать быстро даже вне офиса, подключите Telegram-бота. Новое обращение приходит уведомлением в Telegram, и ответить можно прямо оттуда — с телефона, без компьютера. Это особенно важно для вечерних и выходных заявок, которые иначе теряются.

Шаг 5. Проверьте, что всё работает

Откройте свой сайт в браузере — в углу появится кнопка чата. Напишите тестовое сообщение: оно тут же прилетит в дашборд и в Telegram. Ответьте на него — и убедитесь, что клиент видит ответ. Готово: чат работает.

Частые вопросы

Нужен ли программист?

Нет. Вставить одну строку кода умеет любой человек, у кого есть доступ к сайту. Настройка — через дашборд мышкой.

Замедлит ли чат мой сайт?

Нет. Скрипт подключается с атрибутом async и грузится в фоне, не блокируя отрисовку страницы.

Сколько это стоит?

14 дней бесплатно, без ввода карты. Дальше — от 990 ₽ в месяц, оплата после пробного периода.

Коротко

Чтобы поставить чат: зарегистрируйтесь → скопируйте строку кода → вставьте её перед </body> → настройте вид и подключите Telegram. Всё это занимает около пяти минут и не требует разработчика.

Создайте аккаунт в qwelo — 14 дней бесплатно и поставьте чат на сайт прямо сейчас.