{"repo":"juansebsol/n8n-chatbot-template","free":true,"listed":false,"github":"https://github.com/juansebsol/n8n-chatbot-template","clone":"git clone https://github.com/juansebsol/n8n-chatbot-template.git","description":"A fully customizable, lightweight JavaScript chat widget designed to plug directly into any HTML or WordPress site. Built to work with n8n Webhooks, this widget allows you to build a conversational UI powered by any backend logic—perfect for automations, FAQs, lead capture, support bots, and more.","language":"JavaScript","stars":34,"topics":["api","conversational-ai","n8n"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"n8n Chatbot Widget Template A fully customizable, lightweight JavaScript chat widget designed to plug directly into any HTML or WordPress site. Built to work with n8n Webhooks, this widget allows you to build a conversational UI powered by any backend logic—perfect for automations, FAQs, lead capture, support bots, and more. 🚀 Features - Lightweight & Fast : Single JavaScript file with no external dependencies - Fully Customizable : Colors, branding, positioning, and styling - n8n Integration : Seamless integration with n8n webhooks - Session Management : Automatic session handling with UUID generation - Responsive Design : Modern UI with smooth animations - Cross-Platform : Works on any website or WordPress site - Easy Setup : Simple configuration object for quick deployment 📋 How It Works 1. User clicks the chat button and starts a new session 2. The widget sends a loadPreviousSession request to the webhook 3. When a user sends a message , the widget sends a sendMessage request with sessionId , chatInput , and metadata 4. The webhook responds with either a single output or an array with the output field to display 🛠️ Installation Method 1: Direct Script Include (Recommended) Add the following code to your HTML page's or before the closing tag: Method 2: Self-Hosted 1. Download the chat-widget.js file 2. Upload it to your server 3. Update the script src to point to your hosted file ⚙️ Configuration Options Webhook Configuration Branding Configuration Style Configuration ���","default_branch":null,"files":null,"tree":[],"storefront":"/r/juansebsol","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/juansebsol/n8n-chatbot-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}