Виджет чата для сайта в 2026 году: как выбрать и установить за вечер

Если на сайте нет кнопки чата, с вопросом приходится звонить, писать на почту или идти к конкурентам. Посетители, которые успели пообщаться в чате до покупки, становятся клиентами на 82% чаще, а их аккаунты в среднем стоят на 13% дороже. Это данные 2018 года.

Рынок виджетов чата для сайта большой и путаный: «бесплатно» бывает постоянным тарифом или восьмидневным тестом, а «ИИ» бывает ботом, который отвечает по вашим материалам, или надстройкой, которая помогает оператору писать тексты. Otvion тоже вендор: компания делает ИИ-консультанта для сайта. Цены и тарифы сняты со страниц вендоров 10 августа 2026 года.

Содержание

• Что такое виджет чата для сайта
• Зачем чат нужен бизнесу
• Виды чат-виджетов: от кнопки до ИИ-консультанта
• Критерии выбора чата для сайта
• Обзор популярных чат-виджетов для сайта
• Бесплатные варианты чата для сайта
• Как установить чат на сайт
• Установка под WordPress и Bitrix
• Чат и мессенджеры: Telegram, MAX и WhatsApp
• Частые вопросы

Что такое виджет чата для сайта

Виджет чата для сайта — это скрипт, который владелец сайта вставляет в код страницы, и после этого в углу экрана появляется кнопка. Клиент нажимает ее, открывается окно, и переписка идет прямо на странице, без перехода на сторонний сайт и без звонка. Технически виджет состоит из трех частей: кода, который встраивается в шаблон сайта, кнопки вызова и окна диалога, где хранится история переписки.

Чат отличается от почты и телефона моментом обращения. Человек пишет в чат, когда вопрос возник прямо сейчас, на конкретной странице: он смотрит карточку товара и хочет уточнить размер до того, как решит, покупать или нет. Форма обратной связи и почта отвечают на этот же вопрос часами, а иногда днем позже.

За окном диалога может стоять живой оператор, бот по сценарию или языковая модель (что такое ИИ чат-бот).

Зачем чат нужен бизнесу

Скорость первого ответа — это вопрос конверсии. Если связаться с лидом в течение пяти минут вместо тридцати, шансы дозвониться выше в 100 раз, а шансы квалифицировать лид возрастают в 21 раз. Это цифры 2007 года.

В замере 2018 года среди 433 B2B-компаний только 7% ответили на лид в течение пяти минут, а 55% не ответили вообще за пять рабочих дней. Чат снимает часть проблемы технически: сообщение приходит мгновенно, без очереди в почте. Если за виджетом никто не следит, разница между чатом и формой обратной связи стирается. Удовлетворенность клиента максимальна, 84,7%, когда первый ответ приходит за 5–10 секунд.

Рост заявок от чата на конкретном примере: как чат на сайте увеличивает заявки.

Клиент: Здравствуйте, а этот стол выдержит 40 кг сверху? Бот: Да, столешница рассчитана на нагрузку до 60 кг Клиент: Супер, оформляю заказ

Ответ пришел за несколько секунд, и вопрос закрылся на той же странице. По выборке из 20 миллионов сообщений в чате (2018 год), посетители, успевшие пообщаться перед покупкой, становятся клиентами на 82% чаще; один ответ в чате повышает вероятность конверсии на 50%, а диалог из шести сообщений на 250%.

По опросу 2019 года, 41% россиян в среднем по возрастам в основном пишут в мессенджерах или соцсетях, а среди молодежи 18–30 лет таких 67%. Опрос касался общения вообще: звонков и переписки в мессенджерах. В кейсах Callibri зоомагазин «Дог Сити» получает 70% конверсии из целевого обращения в чате в заказ, а у банка «Точка» из валидных чатов заказывают 30–35% в месяц.

Виды чат-виджетов: от кнопки до ИИ-консультанта

Механизмов ответа три, а внешне виджеты выглядят одинаково: окно с кнопкой в углу экрана. Кнопочный чат работает как меню: клиент нажимает варианты, бот показывает следующий уровень вопросов, и вне этого дерева бот не отвечает ни на что. Бот по интентам распознает намерение из заранее размеченного списка формулировок: он терпимее к живой речи, чем кнопки, но все равно знает ровно те темы, которые ему описали. ИИ-консультант с базой знаний ищет ответ в материалах сайта и формулирует его своими словами: в прайсе, условиях доставки, карточках товаров.

Разница проявляется на первом же нестандартном вопросе. Кнопочный бот на фразу вроде «а если я заберу сам, скидка будет?» отвечает своим меню, потому что у него физически нет механизма разбора произвольного текста. ИИ-консультант ищет упоминание самовывоза в загруженных материалах и отвечает по найденному фрагменту; если материалов нет, хороший бот честно скажет, что ответа в материалах нет. Разница между этими двумя разговорами глазами посетителя: ИИ-консультант для сайта: чем отличается от обычного бота.

Otvion относится к третьему типу: ИИ-консультант отвечает по базе знаний из страниц сайта и файлов, а вопросы без ответа уходят оператору в Telegram вместе с историей диалога. Кнопочного чата достаточно для узкого фиксированного сценария: запись, квиз, анкета. Там, где вопросы разнообразны и упираются в конкретику каталога, разница между «есть меню» и «отвечает по вашим ценам» заметна.

Схему, при которой бот сначала ищет нужный фрагмент в загруженных материалах и только потом формулирует ответ, в индустрии называют RAG, retrieval-augmented generation. Она отличает третий тип от первых двух: бот собирает ответ заново под конкретный вопрос, опираясь на то, что загружено в базу знаний. Качество такого бота определяется полнотой и непротиворечивостью материалов. Если база пустая или устарела, преимущество языковой модели пропадает, в том числе у ChatGPT, поставленного на сайт напрямую: ChatGPT для сайта бизнеса.

Критерии выбора чата для сайта

Выпишите, что имеет значение для вашего сайта.

• Скорость загрузки виджета. Скрипт чата подгружается на каждой странице сайта, и плохо написанный виджет добавляет к загрузке страницы заметную задержку.
• Простота установки. Одни сервисы дают строку кода для вставки в шаблон, другие требуют разбираться в личном кабинете с десятком настроек до первого работающего диалога.
• Точность ответов бота. Поиск по ключевым словам путает вопрос про сроки с вопросом про статус заказа; бот, который понимает вопрос, отвечает по вашему прайсу и условиям.
• Куда уходит диалог, который бот не закрыл. Проверьте, что именно видит оператор в момент передачи: голое уведомление или историю переписки.
• Адаптивность под мобильные экраны. Виджет, неудобный на маленьком экране, теряет часть обращений незаметно для владельца.
• Стоимость и лимиты. Проверьте, что происходит при превышении лимита: растет счет, обрывается история или просто перестает работать бесплатный тариф.
• Поддержка нужной CMS. Готовый плагин для WordPress или Bitrix экономит вечер по сравнению с ручной вставкой кода в шаблон.

Два критерия из семи проверяйте руками до оплаты тарифа. Точность ответов бота проверяется своими вопросами. Задайте виджету три-пять реальных вопросов из вашей ниши, включая один нестандартный, и посмотрите, признает ли бот незнание или начнет придумывать правдоподобный, но неверный ответ. Маршрут эскалации проверяется ролью клиента: напишите в тестовый чат вопрос, на который заведомо нет ответа в материалах, и посмотрите, что произойдет дальше, дойдет ли сообщение до живого человека и с какой историей.

Мобильную адаптивность и скорость загрузки проверяйте так же, на реальном мобильном телефоне после установки: цифры из маркетинговых материалов вендора описывают идеальные условия, а ваш сайт живет со своей темой, плагинами и хостингом. Для скорости откройте вкладку «Сеть» в инструментах разработчика, запишите время загрузки страницы до и после установки и посмотрите, сколько весит скрипт чата. Для мобильного экрана проверьте три места: не перекрывает ли кнопка чата кнопку оформления заказа, читается ли окно диалога без прокрутки вбок и закрывается ли оно одним касанием.

Стоимость и лимиты удобно свести к цене диалога. Допущение для примера: за месяц в чат пришло 300 диалогов, счет за виджет 3 000 ₽, значит один диалог стоит 10 ₽. Если тот же счет приходится на 30 диалогов, цена вырастает до 100 ₽, и вопрос уже в том, почему чатом почти не пользуются.

Обзор популярных чат-виджетов для сайта

У Umnico точная цена платной подписки считается калькулятором на сайте, поэтому в таблице указан нижний порог.

Проверено 10 августа 2026 года по страницам тарифов вендоров. Вендоры по-прежнему заявляют канал WhatsApp, но доступ к нему в России ограничен.

Строчка «ИИ» в прайсе означает у каждого вендора разное. У Jivo ИИ идет отдельным платным продуктом, у Envybox это отдельный сервис AI Envybox. У Talk-me, судя по тарифной сетке, ИИ есть только в платных тарифах. Из шести сервисов таблицы ответы по базе знаний сайта в рамках тарифа дают Umnico и Otvion.

Разброс цены входа тоже велик: от нескольких сотен рублей у Jivo и Talk-me до 1 063 ₽ у Envybox, не считая отдельной доплаты за ИИ-функции. Если вам ближе идея собрать сценарий самому в конструкторе, цены и лимиты бесплатных тарифов конструкторов собраны в статье про конструкторы чат-ботов. Из каких статей складывается смета на бота и когда он окупается: сколько стоит чат-бот для сайта.

У Jivo дистанция между базовым тарифом и ИИ-режимом особенно заметна. Установка делается плагином для WordPress или кодом в head, для Bitrix и Tilda есть отдельные инструкции, а мессенджеры MAX, Telegram, Viber, Одноклассники и почта подключаются бесплатно, WhatsApp стоит от 2 711 ₽ в месяц. Вход стоит 742 ₽/мес за оператора при оплате лицензии на два года, а «ИИ-оператор», который берет на себя автоматическую обработку части обращений, стоит 11 041 ₽/мес при оплате за год, и в эту цену включено 2000 чатов. Периоды оплаты у этих двух тарифов разные, два года и год, поэтому разрыв стоит сверять с актуальной страницей вендора.

ИИ-оператор Jivo за 11 041 ₽ в месяц обходится примерно в 368 ₽ в день (11 041 разделить на 30). Стоимость закрытого ботом диалога равна 368 ₽, деленным на число таких диалогов в день: при трех в день около 123 ₽, при тридцати около 12 ₽. Доплата оправдана, когда закрытый ботом диалог обходится дешевле заявки, которую иначе потеряли бы, или часа работы оператора. Восемь альтернатив Jivo и чек-лист переключения: альтернативы Jivo.

У Talk-me цена зависит от числа обращений. Младший тариф Start продается пакетами по 110 ₽ за десять обращений, и здесь легко ошибиться в прогнозе счета: пять обращений в день дают за месяц 15 пакетов, то есть 1 650 ₽. Годовой тариф Pro фиксирует цену на уровне около 532 ₽/мес и снимает эту неопределенность, но требует оплаты вперед.

У Umnico цена входа считается иначе, чем у всех остальных в таблице. Судя по описанию тарифов, сам виджет живого чата на сайте бесплатен, а платная подписка от $25/мес открывает мессенджеры и ИИ-конструктор ботов на GPT-4 с загрузкой собственной базы вопросов и ответов. Если задача ограничена диалогом прямо на сайте, порог входа здесь фактически нулевой; как только нужны Telegram, WhatsApp или другие каналы вместе с сайтом, начинается платная часть.

У Envybox «ИИ» в прайсе относится к отдельному сервису AI Envybox. Подписка от 890 ₽/мес, сервис занимается генерацией контента. Сам онлайн-чат Envybox выводит в виджете мессенджеры WhatsApp, Авито, ВКонтакте и Telegram. Прежде чем платить за ИИ-надстройку у любого вендора, уточните одно: подключается ли она к диалогу с посетителем сайта напрямую или решает смежную маркетинговую задачу.

У Callibri виджет чата входит только в старшие тарифы CRM-чата. Тариф L стоит 4 500 ₽ за 30 дней, XL 8 100 ₽; младшие тарифы S и M виджет на сайт не включают. Код ставится на сайт так же, как код аналитики, мессенджеры WhatsApp, Telegram и ВКонтакте входят в тариф, пробный период длится 4 дня.

Для сайта с типовыми вопросами и небольшим потоком обращений подойдет любой из бесплатных вариантов из таблицы ниже. Для магазина, где вопросы разные и упираются в конкретику каталога, важнее, отвечает ли бот по вашим материалам или только по общим фразам из своего обучения. Для бизнеса с уже устоявшимся потоком заявок в Telegram в первую очередь смотрите на то, как сервис передает диалог оператору.

Бесплатные варианты чата для сайта

У Envybox постоянного бесплатного тарифа нет: только восьмидневный тест на все продукты, а дальше счет. У Umnico сам виджет живого чата на сайте, судя по описанию, бесплатен, а трехдневный пробный период относится к подключению мессенджеров и других каналов.

Сверяйте лимиты со своим трафиком. Если на сайт заходит 200 человек в день и десятая часть пишет в чат, лимит в пару операторов и урезанную историю переписки сверьте с реальным потоком до того, как виджет встанет на боевой сайт. По этому допущению выходит 20 диалогов в день и около 600 в месяц: одному оператору при восьмичасовом дне это два-три диалога в час, и один человек с этим справляется, если вопросы не требуют долгих уточнений.

У CleverSite и LiveTex бесплатные тарифы скромнее, чем у крупных игроков: один оператор, без явного лимита на число диалогов в описании (у CleverSite еще и один сайт). У LiveTex окно аналитики ограничено двумя последними месяцами, а CleverSite не включает хранение истории диалогов в список возможностей бесплатного тарифа «Старт». Для сайта с одним оператором и небольшим потоком обращений оба лимита терпимы, а для команды из нескольких человек могут оказаться тесными.

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

Сравнение трех путей, готового виджета, конструктора и собственного кода, с ценами и сроками: как создать чат-бота для сайта.

Технически установка чата — это вставка одного скрипта в код страницы, и весь процесс укладывается в несколько шагов:

1. Зарегистрируйтесь в выбранном сервисе и настройте внешний вид виджета: цвет, положение на экране, приветственное сообщение.
2. Если сервис поддерживает ИИ-режим, загрузите материалы для базы знаний: прайс, условия доставки, частые вопросы, описания товаров.
3. Скопируйте код виджета из личного кабинета сервиса.
4. Вставьте код в шаблон сайта одним из способов, описанных ниже для вашей CMS.
5. Проверьте виджет на мобильном телефоне и отправьте себе три-пять тестовых вопросов.

Самый долгий шаг здесь редко технический. Сборка базы знаний из разрозненных файлов и страниц сайта обычно занимает больше времени, чем сама вставка кода, особенно если прайс и условия доставки существуют в трех разных версиях на разных страницах.

После установки пройдите короткую проверку:

• Виджет виден на главной, в карточке товара и на странице оформления заказа. Если шаблоны у этих страниц разные, код мог попасть не во все.
• Приветственное сообщение появляется один раз за визит и не повторяется на каждой странице.
• Тестовый диалог доходит до оператора в том канале, который вы указали для уведомлений, и история переписки приходит вместе с сообщением оператору.

Проверьте материалы для базы знаний на противоречия до загрузки. Если старый прайс лежит на сайте рядом с новым, а условия доставки на одной странице отличаются от условий в PDF-каталоге, бот процитирует устаревшую версию. Держите одну версию документа на один вопрос, а старые файлы перед загрузкой в базу знаний уберите со страниц сайта или явно пометьте как неактуальные. Три способа наполнить базу и чек-лист перед запуском: база знаний для сайта. Если бот на сайте не окупается, первым делом проверьте базу знаний: прайс не обновлен, есть дубли и противоречия.

Проблема обычной вставки: конфликт со стилями сайта. Скрипт чата приносит свои CSS-классы и JavaScript, и если их имена случайно совпадают с классами темы сайта, окно диалога может съехать, потерять шрифт или перекрыть другой элемент страницы. Чем сложнее сайт и чем больше на нем уже установлено других скриптов, счетчиков, всплывающих окон, чата конкурента, который забыли удалить, тем выше шанс конфликта.

Конфликт проявляется по-разному: кнопка чата уезжает под футер на мобильном экране, окно диалога открывается без шрифта темы, или всплывающее приветственное сообщение перекрывает кнопку оформления заказа. Из административной панели чата такие поломки не видны, поэтому в первую неделю после установки откройте сайт на телефоне и проверьте его глазами.

Shadow DOM снимает конфликт стилей. Эта технология выделяет виджету отдельное пространство стилей внутри страницы: правила CSS сайта на виджет не действуют, и его стили наружу тоже не попадают, поэтому остальную верстку они не ломают. Otvion собран по этому принципу: код вставляется одной строкой. Попробовать можно бесплатно, без карты: регистрация на otvion.ru/app/register.

У большинства других сервисов установка тоже сводится к одной строке кода, путь этой строки на сайт зависит от того, на чем сайт собран: на CMS или на собственном коде.

Установка под WordPress и Bitrix

Для WordPress есть три штатных пути, и они не равноценны. Первый путь: виджет «Произвольный HTML» в разделе «Внешний вид», подраздел «Виджеты»: он принимает JavaScript-код и выводится в области, которую определяет тема, обычно сайдбар или футер.

Второй путь, правка footer.php или header.php активной темы напрямую, работает, но с ловушкой. Официальная документация WordPress прямо предупреждает: при следующем обновлении темы все изменения в ее файлах теряются, и код чата исчезает с сайта без предупреждения. Правильный способ сохранить правки: дочерняя тема, но для этого нужны минимальные навыки работы с файлами сайта. После любого способа очистите кеш плагина кеширования и CDN, иначе посетители еще какое-то время будут получать страницу без виджета.

Третий путь: плагин для вставки кода в head и footer, например WPCode, бывший Insert Headers and Footers. У плагина больше 2 миллионов установок, код добавляется через административную панель, без риска слететь при обновлении темы, и этот способ подходит по умолчанию, если у сайта нет разработчика на постоянной связи.

В 1С-Битрикс типовой путь такой: Настройки, раздел «Настройки продукта», пункт «Сайты», подпункт «Шаблоны сайта», и в открывшемся шаблоне код чата вставляется между тегами head или body. Файлы header.php и footer.php шаблона подключаются на каждой странице сайта через одну и ту же конструкцию в index.php, поэтому правка одного файла применяется сразу везде, где используется этот шаблон. Вставка кода требует хотя бы базового знакомства со структурой шаблона.

Для Tilda у Jivo есть отдельная инструкция по установке, а у других сервисов порядок действий сверяйте с документацией вашего вендора. После установки на любой из трех площадок проверьте, что чат не сломался от кеша или стилей темы. Tilda и разница между Битрикс24-ботом и виджетом на 1С-Битрикс CMS: чат-бот на Tilda, Bitrix и WordPress.

Чат и мессенджеры: Telegram, MAX и WhatsApp

Бот: К сожалению, точных условий возврата для вашего случая в моих материалах нет Бот: Передаю ваш вопрос оператору, он подключится в течение нескольких минут Оператор (в Telegram): Добрый день! Видел вашу переписку с ботом, по возврату уточню детали

Оператор получает уведомление в Telegram вместе с историей переписки, отвечает прямо оттуда, а после закрытия сложного вопроса диалог на сайте возвращается к боту. Без истории переписки разговор начинается заново: если оператор получает голое уведомление «клиент ждет», клиент вынужден пересказывать вопрос второй раз.

Канал MAX указан в таблице у Jivo и Umnico. Подключение бота в MAX и разница между ботом и виджетом чата на сайте: чат-бот в Max.

Бот прямо в мессенджере вместо виджета, плюсы и ограничения Telegram: как создать чат-бота в Telegram.

Аккаунт в мессенджере зависит от правил платформы: его можно ограничить, изменить правила рассылок или заблокировать целиком, а доступ к самой платформе в стране может измениться, как с WhatsApp в России. Виджет на сайте как базовый канал надежнее: правила устанавливает владелец сайта, а мессенджеры подключаются поверх него как дополнительный маршрут.

Доступ к WhatsApp в России ограничен. Часть сервисов в таблице выше по-прежнему заявляет поддержку WhatsApp в описании тарифов, поэтому до оплаты уточните, будет ли канал работать у ваших клиентов.

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

Сколько стоит виджет чата для сайта?

От нуля до одиннадцати тысяч рублей в месяц, в зависимости от того, что вам нужно. Входные платные тарифы из таблицы: Jivo от 742 ₽ за оператора, Envybox от 1 063 ₽, Talk-me от 110 ₽ за пакет из десяти обращений, Callibri от 4 500 ₽ за 30 дней, Umnico от $25 за полный функционал; отдельная доплата идет за ИИ-функции, например у Jivo «ИИ-оператор» стоит 11 041 ₽/мес при оплате за год. У Otvion ИИ-консультант входит в тариф, есть бесплатный тариф без карты. Итоговый счет складывается из базового тарифа, дополнительных операторов, дополнительных каналов и ИИ-режима. Сравнивайте тарифы по стоимости одного диалога: разделите итоговый месячный счет на число диалогов, которые виджет обработал, и сравните эту цифру с тем, во сколько вам обходится та же заявка через звонок или рекламу.

Можно ли поставить чат на сайт бесплатно?

Да, но с ограничениями: сверьте их со своим трафиком заранее. Постоянный бесплатный тариф есть у Jivo (до 2 операторов) и Talk-me (1 оператор), судя по описанию тарифов, у Umnico (сам виджет), CleverSite и LiveTex. У Envybox бессрочного бесплатного тарифа нет вообще, только восьмидневный тест.

Замедляет ли виджет чата загрузку сайта?

Зависит от размера скрипта виджета. Shadow DOM защищает от конфликта стилей с темой сайта, вес скрипта остается прежним. Размер скрипта виден во вкладке «Сеть» инструментов разработчика в браузере.

Работает ли чат для сайта с WhatsApp?

Для российских клиентов канал ограничен: доступ к WhatsApp в России ограничен. Часть вендоров все еще указывает поддержку канала в описании тарифов, поэтому уточняйте до оплаты, будет ли он работать у ваших клиентов. Замена: эскалация в Telegram, а MAX указан в таблице у Jivo и Umnico.

Какой виджет выбрать, если клиенты пишут в Telegram и MAX?

По таблице обзора Telegram и MAX бесплатно подключаются у Jivo, у Umnico эти каналы входят в платную подписку, а Envybox и Callibri заявляют Telegram и WhatsApp. Если мессенджеры нужны как основной канал ответов, сверьте до оплаты, какие из них входят в тариф, а какие продаются отдельным модулем: у Jivo, например, WhatsApp платный, а остальные каналы бесплатны.

Нужен ли программист, чтобы поставить чат на сайт?

Для большинства сайтов нет: установка сводится к вставке одной строки кода через виджет CMS, готовый плагин или панель управления. Программист понадобится, если сайт собран без стандартной CMS и код нужно вручную встраивать в нетиповой шаблон, либо если требуется нестандартная интеграция чата с внутренней системой сайта, например автоматическая передача заказа из диалога прямо в 1С или самописную CRM без готового коннектора у вендора.

По каким признакам отличить хороший виджет чата?

Хороший виджет определяется поведением: виджет открывается без задержки, помнит контекст страницы, с которой пишет клиент, и честно признает, если ответа на вопрос в его материалах нет, вместо того чтобы придумывать цифру. Дизайн, кнопка, цвет, положение на экране, у всех сервисов настраивается под бренд сайта и вторичен по сравнению с этим поведением.

Что делает ИИ-бот, если не находит ответ в базе знаний?

У хорошо настроенного бота на этот случай есть отдельный сценарий: признать, что точного ответа в материалах нет, и передать диалог оператору вместе с историей переписки. Риск, что языковая модель начнет достраивать недостающие факты вместо честного «не знаю», описан в статье про галлюцинации ИИ-ботов и касается любого виджета чата с ИИ-режимом.

---

Для сайта с каталогом и живыми вопросами начинайте с готовой ИИ-платформы: она окупает себя там, где вопросов много и каждый упирается в конкретику каталога или условий. Кнопочный конструктор оправдан для узкого фиксированного сценария: запись, квиз, анкета. Установка в обоих случаях занимает от нескольких минут до вечера, в зависимости от CMS и того, нужно ли предварительно готовить базу знаний.

Если хотите проверить на своем сайте: Otvion ставится одной строкой кода, изолирует стили виджета от верстки темы, и есть бесплатный тариф без карты: otvion.ru/app/register.