Чат-бот с ИИ на сайт: варианты, цены и подключение

Чат-бота с ИИ на сайт подключают тремя способами: ставят готовый онлайн-чат с ИИ-оператором, собирают бота в конструкторе или строят свой на n8n и встраивают в страницу несколькими строками кода. Представьте, что у вас сайт компании, а по вечерам посетители снова и снова спрашивают про доставку и оплату, и отвечать им некому. Готовый чат запускается быстрее всего, а свой бот на n8n даёт больше контроля над ответами и данными. Выбирать придётся по бюджету, по числу обращений и по тому, должен ли бот знать вашу базу знаний.

Какие у вас есть варианты?

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

Вариант	Как работает	Плюсы	Минусы
Онлайн-чат с ИИ-оператором (Jivo и аналоги)	Виджет ставится на сайт скриптом; ИИ отвечает посетителям, операторы работают в том же окне	Быстрый старт, привычный интерфейс, каналы мессенджеров в одном окне	Подписка; логика ограничена возможностями сервиса
Конструктор ботов (Salebot, BotHelp)	Бот собирается в браузере; на сайт ставится виджет чата	Без кода; воронки, CRM, рассылки	Тарифы по числу сообщений и подписчиков
n8n + виджет @n8n/chat	Сценарий принимает сообщения через Chat Trigger, агент отвечает; на сайт ставится виджет	Полный контроль, свои модели и инструменты, связка с CRM и таблицами	Нужен n8n и желательно свой сервер; собираете и поддерживаете сами
Платформа с ИИ-агентами (Yandex AI Studio и аналоги)	Агента собирают в облачной среде и подключают к сайту по API	По описанию на сайте платформы: интеграции, поиск по данным, голосовые агенты	Нужны навыки работы с API; цены и лимиты смотрите у провайдера

Если вы не уверены, чем «умный» бот отличается от обычного чат-бота с кнопками, сначала прочтите «Чат-бот и AI-агент: в чём разница».

Сколько стоят готовые решения?

Если вам нужно закрыть вечерние вопросы про доставку как можно скорее, начните отсюда: все четыре сервиса ниже ставятся без разработки. Разница в том, что именно вы покупаете.

Что даёт Jivo?

Jivo – онлайн-чат для сайта с подключением мессенджеров. Вот что написано на официальных страницах:

• тариф «Начальная» – 0 ₽: чат для сайта, каналы MAX, Telegram, VK, Viber и Email, обратный звонок, оффлайн-форма;
• платные тарифы начинаются от 742 ₽ в месяц за одного оператора при оплате лицензии на 2 года (цена зависит от срока оплаты и тарифа);
• «ИИ-ассистент» – подсказывает операторам формулировки; подключается на любом тарифе за дополнительные 1 606 ₽ в месяц при оплате за год. Это помощник оператора, а не автоответчик клиентам;
• «ИИ-оператор» – отвечает посетителям сам, может фиксировать контакт и квалифицировать запрос; 11 041 ₽ в месяц при оплате за год, в стоимость входит 2000 чатов;
• пробный период – 14 дней бесплатно.

Про ИИ-оператора на главной странице заявлено, что он может обрабатывать до 80% обращений. Это слова самого сервиса: реальный результат зависит от вашей базы знаний и от того, о чём вас спрашивают.

Что даёт Salebot?

Salebot – конструктор чат-ботов с онлайн-чатом и ИИ. По странице тарифов, «Бесплатный» стоит 0 ₽ и пропускает до 50 сообщений в сутки. «Бизнес» стоит 2 999 ₽ в месяц (или 30 590 ₽ в год) и даёт 10 000 сообщений в сутки и «ИИ-ассистента для работы с клиентами». Больше сообщений или email докупаются отдельно.

Что даёт BotHelp?

BotHelp – конструктор с «AI-агентами и базой знаний»: по описанию на странице тарифов, они отвечают клиентам на основе ваших файлов (pdf, csv, pptx и др.). Пробный период – 14 дней, платный тариф PRO – от 1 599 ₽ в месяц, а цена зависит от числа подписчиков. Какие каналы поддерживает ваш тариф, смотрите на официальной странице.

Подойдёт ли вам Botpress?

Botpress – зарубежная платформа для ИИ-агентов. По странице botpress.com/pricing на октябрь 2026, тариф Free стоит 0 $ и даёт 100 диалогов. Plus стоит 150 $ в месяц при оплате за год, включает 250 диалогов в месяц и «whitelabel webchat» (он убирает брендинг Botpress из виджета). Team стоит 750 $ в месяц.

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

Выбирая готовое решение, задайте себе один вопрос: вам нужен ИИ-ответчик или достаточно подсказок операторам? Это разные продукты с разной ценой.

Как собрать своего бота на n8n?

Допустим, вашим посетителям нужны ответы по вашему прайсу и условиям, а не общие слова. Тогда бота проще собрать самому, и схема у него короткая: посетитель пишет в виджет, сообщение приходит на webhook узла Chat Trigger, агент формирует ответ, и ответ возвращается в виджет. Это тот же агент, что описан в статье «ИИ-агент в n8n пошагово», только вход здесь не Telegram, а чат на сайте.

Шаг 1. Как принять сообщение с сайта?

Для этого нужен узел Chat Trigger: он предназначен для чат-ботов и других чат-интерфейсов, и к нему подключают корневой узел агента или цепочки. По документации n8n, вам придётся решить несколько вещей:

• Make Chat Publicly Available – пока вы настраиваете сценарий, держите выключенным; включайте при публикации.
• Mode: Hosted Chat – готовый интерфейс n8n по отдельной ссылке (рекомендуется для большинства); Embedded Chat – вы встраиваете чат в свою страницу виджетом n8n или собственным интерфейсом, который обращается к webhook-адресу из поля Chat URL.
• Authentication: None (чат открыт всем), Basic Auth (общие логин и пароль) или n8n User Auth (только вошедшие пользователи n8n). Для публичного сайта обычно выбирают None и защищаются другими способами (см. ниже).
• Allowed Origin (CORS) – список адресов сайтов, которым разрешено обращаться к чату; по умолчанию * (все).
• Load Previous Session – подгружать историю прошлой сессии; для этого Chat Trigger и агент подключаются к одному узлу памяти (Simple Memory).
• Response Mode: когда завершится последний узел, ответ через узлы-ответы или потоковая выдача (Streaming response).

Теперь о деньгах. Документация предупреждает, что каждое сообщение в Chat Trigger запускает сценарий, поэтому диалог из десяти сообщений расходует десять выполнений тарифа n8n. На облачном тарифе это надо учесть в расчёте: на странице n8n.io/pricing, например, Starter стоит 20 € в месяц при оплате за год и включает 2,5 тыс. выполнений. Если вы ставите n8n на свой сервер, смотрите «Установка n8n: локально, на сервере, в Docker».

Шаг 2. Кто будет отвечать посетителю?

Отвечает узел AI Agent. Подключите к нему чат-модель, память Simple Memory (параметры Session Key и Context Window Length) и хотя бы один инструмент, например поиск по базе знаний. Поле промпта для Chat Trigger можно оставить в режиме «Take from previous node automatically»: поле chatInput приходит от самого триггера. Как подготовить базу знаний, рассказано в статье «AI-агент для базы знаний компании».

Остаётся выбрать модель. Из России практичны три пути: локальная модель (Ollama), российский GigaChat API или агрегатор. По тарифам GigaChat API для физлиц бесплатный режим Freemium даёт 365 млн токенов на 12 месяцев, но новые клиенты с 1 сентября 2026 оплачивают модели на платформе cloud.ru. Для сайта компании условия для юрлиц и ИП уточняйте на developers.sber.ru, а подробности о самом сервисе – в статье «GigaChat: как пользоваться».

Шаг 3. Какой адрес отдать виджету?

Виджету нужен рабочий (production) адрес webhook, а не тестовый. Опубликуйте сценарий и скопируйте production URL. В старых версиях n8n эта кнопка называлась «Activate», и в README виджета до сих пор написано «workflow must be Active».

Дальше две проверки. Если n8n стоит за обратным прокси, настройте переменную WEBHOOK_URL с публичным адресом. А для публичного сайта адрес должен быть HTTPS, иначе браузер заблокирует запросы со страницы по HTTPS. Подробнее о публичном адресе и домене – «Как подключить домен к AI-агенту».

Шаг 4. Как вставить виджет на сайт?

Остался последний шаг: у n8n есть встраиваемый виджет пакета @n8n/chat. Вставьте этот код на страницу перед закрывающим тегом </body> (в webhookUrl подставьте свой production-адрес, который показывает узел Chat Trigger в поле Chat URL):

<link href="https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css" rel="stylesheet" />
<script type="module">
  import { createChat } from 'https://cdn.jsdelivr.net/npm/@n8n/chat/dist/chat.bundle.es.js';

  createChat({
    webhookUrl: 'https://n8n.example.com/webhook/ВАШ-ИДЕНТИФИКАТОР',
    mode: 'window',
    showWelcomeScreen: false,
    initialMessages: ['Здравствуйте! Чем помочь?'],
    i18n: {
      en: {
        title: 'Чат с ассистентом',
        subtitle: 'Отвечаем на вопросы о заказе и доставке',
        footer: '',
        getStarted: 'Новый диалог',
        inputPlaceholder: 'Напишите вопрос…'
      }
    }
  });
</script>

Чтобы не гадать, что здесь можно менять, вот что важно по README пакета:

• webhookUrl – обязательный параметр, это production-адрес узла;
• mode: window – кнопка и окно чата в углу страницы, fullscreen – чат занимает весь контейнер;
• перевод интерфейса: заявлена поддержка только языка en, поэтому русские подписи задаются внутри ключа en, как в примере;
• оформление меняется переменными CSS (цвета, размеры окна, кнопка);
• для потоковых ответов включают enableStreaming и режим Streaming response в Chat Trigger;
• по умолчанию loadPreviousSession включён: при возврате на сайт чат подгружает историю; для этого в сценарии нужна память;
• загрузка файлов выключена (allowFileUploads: false); включайте только когда нужна и ограничьте типы файлов.

И последнее: README просит добавить в поле Allowed Origins (CORS) узла Chat Trigger домен вашего сайта, тогда запросы принимаются только оттуда. Если ваш сайт – одностраничное приложение на Vue или React, в README есть примеры инициализации.

Что делать, когда бот не знает ответа?

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

• в инструкции агента – правило: если ответа нет в базе, прямо сказать об этом и предложить связаться с менеджером;
• кнопку или фразу для вызова человека: телефон, форма, мессенджер;
• уведомление менеджеру: в n8n это отдельная ветка сценария (письмо, сообщение в Telegram, задача в CRM).

В готовых онлайн-чатах операторы и бот работают в одном окне, а как именно устроена передача диалога на вашем тарифе, уточните в описании функций сервиса. Общая логика автоматизации поддержки – в статье «AI-агент для клиентской поддержки».

Как защитить чат и данные посетителей?

Публичный чат видит весь интернет, а не только ваши покупатели. Поэтому до запуска пройдитесь по шести пунктам.

• Ограничьте домены. В Chat Trigger заполните Allowed Origin (CORS), вместо значения по умолчанию *.
• Считайте расходы. Публичный чат могут нагружать боты и любопытные посетители. Следите за числом выполнений и расходом токенов, настройте лимит в панели провайдера модели.
• Не отдавайте боту лишнее. Агент должен видеть только то, что можно показывать любому посетителю: прайс, условия, FAQ. Не подключайте к публичному боту внутренние документы и базу клиентов.
• Персональные данные. Если бот собирает имя, телефон или почту, это обработка персональных данных: нужны согласие и политика конфиденциальности на сайте. Конкретные требования уточните у юриста.
• Предупредите, что это бот. Посетитель должен понимать, с кем говорит: напишите это в приветствии.
• HTTPS и обновления. Публичный адрес n8n должен быть защищён, а сам сервер обновляйте и закрывайте лишние порты: «Хостинг для Telegram-бота» описывает требования к серверу.

Что выбрать в вашем случае?

Если после всего прочитанного вы всё ещё колеблетесь, найдите в таблице строку про свою ситуацию.

Ситуация	Что взять
Небольшой сайт, нужен онлайн-чат и пара автоответов	Бесплатный тариф онлайн-чата или конструктора и ИИ-ассистент по необходимости
Много однотипных обращений, есть операторы	Онлайн-чат с ИИ-оператором: сравните цену за чаты с зарплатой сотрудника и качеством ответов
Нужны ответы по вашим документам и связка с CRM	n8n или платформа с базой знаний
Критичны данные и хранение в России	Российская платформа или собственный сервер; условия смотрите в документах провайдера

Что ещё спрашивают про чат-ботов?

Как добавить чат-бота с ИИ на сайт?

Самый быстрый способ – онлайн-чат с ИИ-оператором или конструктор: вы вставляете скрипт виджета на страницу. Если нужен свой бот с вашей базой знаний, соберите сценарий в n8n (Chat Trigger + AI Agent) и встройте виджет @n8n/chat несколькими строками кода.

Сколько стоит чат-бот с ИИ?

По официальным страницам на октябрь 2026: в Jivo ИИ-оператор – 11 041 ₽ в месяц при оплате за год (2000 чатов), в Salebot ИИ-ассистент входит в тариф «Бизнес» за 2 999 ₽ в месяц, у BotHelp тариф PRO – от 1 599 ₽ в месяц. У n8n Cloud Starter – 20 € в месяц при оплате за год, плюс стоимость модели. Проверьте актуальные цены на сайтах.

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

Для готовых виджетов и конструкторов – нет. Для виджета n8n нужно вставить на страницу небольшой фрагмент HTML и настроить сценарий на холсте; программировать логику не требуется.

Что такое Chat Trigger в n8n?

Это узел, который принимает сообщения от чата (в своём интерфейсе n8n или во встроенном виджете) и запускает сценарий с агентом. Он поддерживает память, ограничение доступа и потоковые ответы.

Чем Hosted Chat отличается от Embedded Chat?

Hosted Chat – готовый интерфейс на адресе n8n; на сайт его можно добавить ссылкой. Embedded Chat – чат встраивается в вашу страницу виджетом или собственным интерфейсом, который обращается к webhook-адресу.

Как защитить публичный чат?

Ограничьте разрешённые домены в Allowed Origin (CORS), следите за расходом токенов и выполнений, не подключайте к боту закрытые данные и предупредите посетителя, что с ним общается бот.

Можно ли подключить GigaChat?

Да, через API: подробности и ограничения – в статье про GigaChat. Для коммерческого бота уточните условия на developers.sber.ru и учтите, что с 1 сентября 2026 новые клиенты оплачивают модели на платформе cloud.ru.

Что делать, если бот не знает ответа?

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

С чего начать запуск?

Вернёмся к сайту, на котором посетители по вечерам спрашивают про доставку и оплату. Не пытайтесь заменить бота целиком в день запуска: начните с одной темы, например «доставка и оплата», посмотрите реальные диалоги за 2 недели и расширяйте.

Перед оплатой сверьте детали. Цены и составы тарифов в этой статье взяты с официальных страниц на октябрь 2026 и меняются. Условия GigaChat для юрлиц и ИП уточняйте на developers.sber.ru, а доступность зарубежных сервисов и способ оплаты из России – у самих провайдеров.