Методы интеграции
Flowise предоставляет несколько способов встраивания чатбота в любой сайт:
| Метод | Сложность | Гибкость | Рекомендуется для |
|---|---|---|---|
| Popup HTML (JS Widget) | Низкая | Средняя | Большинство сайтов, WordPress |
| Full Page Embed | Низкая | Средняя | Отдельная страница чатбота |
| iframe | Низкая | Низкая | Простая вставка |
| REST API | Высокая | Максимальная | Кастомная интеграция |
JS Widget — самый простой способ
Получите код встраивания: Flowise → ваш Chatflow → API Endpoint → Embed → Popup HTML. Вставьте скрипт перед закрывающим тегом </body>.
Встраивание в WordPress
Для WordPress существует несколько способов:
- Плагин WPCode — установите плагин, добавьте новый сниппет с HTML-кодом Flowise, установите место выполнения «Footer» и активируйте
- functions.php — добавьте код через хук
wp_footerдля отображения на всех страницах - Custom HTML блок — через редактор Gutenberg добавьте блок HTML с кодом виджета
- Elementor Widget — перетащите виджет Custom HTML и вставьте код
Совет
Используйте плагин WPCode — он не требует редактирования файлов темы и работает с любой темой WordPress.
Кастомизация виджета
Flowise Chat Embed поддерживает настройку: цвета кнопки и окна чата, приветственное сообщение, стартовые промпты, аватары, CSS-переопределение и даже tooltip с подсказкой.
Безопасность и CORS
Для production рекомендуется:
- Настроить
CORS_ORIGINSв Flowise для допустимых доменов - Создать API-ключ для защиты эндпоинта
- Использовать прокси-сервер для скрытия API-ключа от публичного доступа