N8N Chat UI: чат-бот n8n на вашем сайте

N8N Chat UI помогает оформить чат-бот n8n и встроить его в сайт. Визуальный редактор рассчитан на разработчиков, агентства и владельцев сайтов, у которых уже есть работающий сценарий или возможность настроить его.

Для чего нужен этот сайт: простое объяснение

Представьте n8n как сотрудников за кулисами, а N8N Chat UI — как окно обслуживания посетителей. Виджет отправляет сообщение на ваш webhook и показывает результат, который вернул сценарий.

Поддержка, сбор заявок или запись на встречу требуют соответствующих действий в backend. Это независимый продукт, не связанный с n8n; редактор интерфейса не создаёт бизнес-логику автоматически.

Подключение сценария и проверка ответа

1. Подготовьте работающий сценарий с Chat Trigger или Webhook и доступ к редактированию сайта.
2. Оформите окно, проверьте предпросмотр и подключите адрес webhook.
3. Для обычного ответа верните HTTP 200 и корректный JSON с текстовым полем output. Кавычки и специальные символы динамического текста нужно правильно экранировать.
4. Добавьте полученный код на сайт. Отправьте тестовое сообщение и сопоставьте ответ с выполнением сценария в n8n.

Руководство по backend описывает и собственные POST-эндпоинты. Для WordPress установите и активируйте ChatUI Widget for n8n, затем сохраните Widget ID или webhook в Settings → N8N Chat UI. Отдельные страницы можно исключить.

Оформление виджета под ваш проект

Цвета, шрифты, аватары, приветствие и кнопка открытия меняются с предпросмотром. Можно выбрать плавающее окно или чат внутри страницы. Есть адаптация к мобильным экранам и поддержка RTL.

Backend может возвращать followUpPrompts — варианты следующего вопроса, на которые можно нажать. Если несколько виджетов используют один сценарий, настройте ключи сессии для разделения контекстов. Они не заменяют авторизацию пользователя.

Файлы, голосовые сообщения и потоковый ответ

Для загрузки файлов задаются типы, размеры и количество. Файлы поступают в n8n как двоичные данные; распознавание и анализ документов нужно реализовать отдельно.

Голосовой ввод передаёт запись. Документированный процесс сначала использует отдельную транскрибацию, затем отправляет текст агенту. С файлами и аудио metadata приходит строкой JSON, которую требуется разобрать для работы как с объектом.

Потоковый вывод требует включить streaming и на входе Chat Trigger/Webhook, и на выходе AI Agent. Виджет обнаружит настроенный поток, но сам его не создаст.

Пробные кредиты и варианты оплаты

Проверено 28 октября 2026 года: новый аккаунт получает 100 Managed-кредитов на 30 дней. Далее используются предоплаченные кредиты: одно обработанное прокси сообщение расходует один кредит. При нулевом балансе новые сообщения не обрабатываются. По текущим условиям купленные с 5 октября 2026 года кредиты не сгорают; для более ранних покупок сохраняются прежние сроки.

Standalone требует разовой лицензии и не расходует Managed-кредиты. Для новых покупателей постоянная базовая лицензия отличается от дополнительных периодов поддержки и обновлений. Проверяйте актуальные предложения, валюту и доступные способы оплаты при оформлении. n8n, модели и транскрибация оплачиваются отдельно.

Обработка данных и ограничения

Standalone обращается из браузера прямо к webhook, адрес которого виден в клиентском коде. Managed использует прокси поставщика, скрывает этот адрес и добавляет ограничения доменов, географии и частоты запросов, аналитику и централизованные настройки.

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

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

Можно ли добавить чат на существующий сайт?

Да, через код вставки или официальный плагин WordPress. Нужны права на сайт и работающий backend.

Сервис сам создаёт сценарий n8n?

Нет. Модели, источники данных и действия настраиваются в n8n либо в совместимом backend.

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

Начальные 100 кредитов действуют 30 дней. Затем нужны Managed-кредиты или лицензия Standalone, а также собственные backend-сервисы.

Официальные руководства

• Документация: настройки и сессии.
• Плагин WordPress: установка и исключение страниц.
• Настройка MCP: OAuth или API-ключ для просмотра, создания и оформления виджетов; изменение темы не меняет webhook.
• Официальная поддержка: вопросы аккаунта и настройки.