Если вы хотите более эффективно привлекать посетителей на своем сайте, вы можете создать чат-бота, который будет отвечать на запросы, собирать информацию и назначать встречи. В этом Workflow показано, как встроить небольшой виджет чата на ваш сайт и подключить его к рабочему процессу n8n. Входящий в комплект шаблон n8n обрабатывает входящие сообщения и при необходимости может быть связан с RAG базами данных или любыми другими инструментами.
Что самое приятное? Вы можете сделать это совершенно бесплатно, используя собственный хостинг n8n (или любой другой сервис n8n, который у вас уже есть) и небольшой фрагмент jаvascript, который вы вставляете в код вашего сайта.
Для начала работы Вам необходимо создать Credentials подключения к модели AI, в этом примере используется OpenAI
Описание нод workflow
Chat Trigger - триггер чата который принимает сообщение. В настройках этой ноды есть Chat URL, который необходимо вставить в скрипт чата.
If - если нет сообщений, то отправляет приветственное сообщение
Respond With Initial Message - приветственное сообщение
AI Agent - агент AI который будет обрабатывать все данные. В этой ноде необходимо задать свой промт.
OpenAI Chat Model - модель AI
Window Buffer Memory - буфер памяти
Respond to Webhook - отправка ответа в чат
Скрипты:
script.js - в этом файле код скрипта, который необходимо вставить перед закрывающим тегом < /body > вашего сайта. В этом скрипте необходимо настроить <your n8n webhook URL>, который берется из ноды Chat Trigger и остальные переменные - logo, name, welcomeText, responseTimeText. Так же вы можете поменять стили и цвета по своему желанию.
chat-widget.js - основной скрипт виджета чата. Этот скрипт необходимо подключить после конфигурационного скрипта.
Устранение неполадок
- Виджет не отображается: Проверьте консоль вашего сайта на наличие ошибок jаvascript
- Нет ответа: Проверка URL-адреса веб-хука и состояния рабочего процесса n8n
- Качество ответов: Просматривайте и уточняйте системные сообщения агента ИИ в ноде AI Agent
Расширение чат-бота
Как только базовая настройка заработает, рассмотрите следующие улучшения:
- Добавление возможностей работы с RAG базой данных
- Интеграция с вашей CRM-системой
- Реализация аналитики использования
- Создание специализированных диалоговых потоков для различных типов запросов с помощью параметра "route"
