N-Bed - Integrable Chatbot Widget for n8n

N-Bed is a fully configurable React chatbot widget that can be integrated into any website, regardless of the stack used (PHP, Symfony, React, Vue, WordPress, etc.).

Main features

• ✅ Complete CSS isolation : Shadow DOM to avoid any conflict with your site's styles
• ✅ Standalone : React included, no external dependencies required
• ✅ 100% Configurable : Texts, colors, icons, emojis, animations, positioning
• ✅ Compatible with all stacks : Works on any website
• ✅ Responsive : Perfectly adapted for mobile, tablet and desktop
• ✅ Customizable animations : Jump, zigzag, or no animation

Integration modes

N-Bed supports 3 integration modes depending on your needs :

Mode 1 : data-* attributes (Simple)

Ideal for basic configuration and quick integration. Compatible with all CMS (WordPress, Drupal, etc.).

Mode 2 : JavaScript object (Advanced)

Complete and flexible configuration with access to all options for complex configurations.

Mode 3 : Mix (Recommended)

Combines data-* attributes (base values) with JavaScript object (advanced values) for maximum flexibility.

Advanced configuration

The widget allows customization of :

• Texts : Title, welcome messages, placeholders, buttons
• Colors : Complete palette (primary, secondary, background, text)
• Positioning : 4 possible positions (bottom-right, bottom-left, top-right, top-left)
• Animations : Launcher animation type, open/close animations
• Behaviors : Auto-open, conversation persistence, automatic scroll
• Features : Reactions, Markdown, attachments, timestamps
• Custom CSS : Injection of custom styles for total personalization

API and n8n integration

The widget communicates with n8n via webhook, supporting :

• Simple JSON responses
• SSE streaming (Server-Sent Events)
• NDJSON streaming
• Plain Text streaming
• Attached file management (base64)

Complete documentation

Comprehensive documentation is available on the project's landing page, including :

• Installation guide (CDN or local)
• Usage examples for different stacks
• Complete API reference
• Advanced customization
• Troubleshooting and support

Result

A production-ready chatbot widget, fully isolated and configurable, allowing you to add a conversational assistant to any website in minutes. The solution is fully documented and accessible at https://n-bed.bovo-digital.tech/

---

Ready to automate your business? → Discover our AI Automation service