Back to Catalog

Deploy AI-powered website chatbot with DeepSeek and custom branding

Omer FayyazOmer Fayyaz
2225 views
2/3/2026
Official Page

Who's it for

This template is perfect for business owners, developers, and marketers who want to add a professional, branded AI chatbot to their website. Whether you're running an e-commerce site, a SaaS platform, or a corporate website, this template gives you a fully customizable chat widget that integrates seamlessly with your brand.

Brandable Custom Chatbox for N8N

How it works

The template creates a webhook endpoint that receives chat messages and processes them through an AI agent powered by DeepSeek. The workflow includes:

  • Webhook endpoint that accepts POST requests from your website
  • AI Agent that processes user messages and maintains conversation context
  • Memory buffer that remembers conversation history for each user session
  • Response formatting that sends AI replies back to your chat widget

The chat widget itself is a vanilla JavaScript component that you embed on your website. It features:

  • Customizable colors, branding, and positioning
  • Light/dark theme support
  • Mobile-responsive design
  • Local conversation history
  • Session management with expiration
  • WordPress plugin integration

How to set up

  1. Import the workflow into your n8n instance
  2. Configure your DeepSeek API credentials in the DeepSeek Chat Model node
  3. Activate the workflow to generate your webhook URL
  4. Copy the webhook URL from the Webhook node
  5. Embed the chat widget on your website using the provided JavaScript files

Requirements

  • n8n instance (self-hosted or cloud)
  • DeepSeek API account and API key
  • Website where you want to embed the chatbot
  • Basic HTML/JavaScript knowledge for customization

How to customize the workflow

AI Agent Configuration

  • Modify the AI Agent prompt to change how the bot responds
  • Adjust the memory buffer settings for conversation context
  • Change the AI model parameters for different response styles

Webhook Customization

  • Add authentication headers if needed
  • Modify the response format to match your requirements
  • Add additional processing nodes before the AI Agent

Chat Widget Styling

  • Change brandColor and accentColor to match your brand
  • Customize the bot name, avatar, and welcome message
  • Adjust positioning and launcher style
  • Enable dark mode or HTML responses as needed

Advanced Features

  • Add user authentication integration
  • Implement rate limiting
  • Connect to your CRM or support system
  • Add analytics and tracking

Template Features

No hardcoded API keys - uses n8n credential system
Sticky notes included - explains the entire workflow
Professional branding - fully customizable appearance
WordPress ready - includes plugin and shortcode support
Mobile responsive - works on all devices
Session management - remembers conversations per user

Use Cases

  • Customer Support: Provide instant AI-powered assistance
  • Lead Generation: Engage visitors and collect contact information
  • Product Guidance: Help customers find the right products/services
  • FAQ Automation: Answer common questions automatically
  • Booking Assistant: Help with appointments and reservations
  • E-commerce Support: Guide customers through purchases

Technical Details

The workflow uses the LangChain AI Agent with DeepSeek as the language model and includes a Memory Buffer for conversation context. The webhook response format is optimized for the chat widget.

Live Demo

Try it online: Live Demo

Experience the chatbox widget in action with a working n8n webhook integration. The demo showcases all features including light/dark themes, HTML responses, and session management.


Note: This template includes a complete JavaScript chat widget and WordPress plugin, making it ready for immediate use on any website. The workflow is designed to be production-ready with proper error handling and security considerations.

n8n AI-Powered Website Chatbot with DeepSeek

This n8n workflow demonstrates how to build a basic AI-powered chatbot endpoint for a website using DeepSeek as the language model and LangChain's agent capabilities. It provides a simple API that accepts user input and responds with AI-generated text, maintaining conversation history.

What it does

This workflow automates the following steps:

  1. Listens for incoming HTTP requests: A Webhook node acts as the entry point for the chatbot, receiving user queries.
  2. Manages Conversation History: A "Simple Memory" node (LangChain Memory Buffer Window) maintains the conversation context for a more coherent interaction.
  3. Processes User Input with an AI Agent: An "AI Agent" node (LangChain Agent) orchestrates the interaction, potentially using tools (though no specific tools are configured in this basic example) and deciding on the best response strategy.
  4. Generates Responses using DeepSeek: A "DeepSeek Chat Model" node serves as the large language model, generating the actual chatbot responses based on the agent's prompt and conversation history.
  5. Responds to the Webhook: The "Respond to Webhook" node sends the AI-generated answer back to the client that initiated the request.
  6. Provides Documentation: A Sticky Note node provides a helpful reminder about the purpose of the workflow.

Prerequisites/Requirements

  • n8n Instance: A running n8n instance to host and execute the workflow.
  • DeepSeek API Key: An API key for the DeepSeek chat model. This will need to be configured as a credential in n8n for the "DeepSeek Chat Model" node.
  • LangChain Nodes: Ensure the @n8n/n8n-nodes-langchain package is installed in your n8n instance.

Setup/Usage

  1. Import the Workflow:
    • Copy the provided JSON content.
    • In your n8n instance, click "New" in the workflows list, then "Import from JSON".
    • Paste the JSON and click "Import".
  2. Configure Credentials:
    • Locate the "DeepSeek Chat Model" node.
    • Click on the "Credential" field and select "Create New Credential".
    • Choose "DeepSeek API" and enter your DeepSeek API Key.
    • Save the credential.
  3. Activate the Webhook:
    • Locate the "Webhook" node.
    • Click "Webhook URL" to copy the URL. This is the endpoint your chatbot will use.
    • Ensure the workflow is "Active" (toggle the switch in the top right corner of the n8n canvas).
  4. Test the Chatbot:
    • You can test the webhook using a tool like Postman, Insomnia, or curl.
    • Send a POST request to the copied Webhook URL with a JSON body containing your message, for example:
      {
          "message": "Hello, how are you today?"
      }
      
    • The workflow will process the message and return an AI-generated response.

This setup provides a foundational chatbot that can be further extended with more complex logic, tools, and integrations.

Related Templates

Track competitor SEO keywords with Decodo + GPT-4.1-mini + Google Sheets

This workflow automates competitor keyword research using OpenAI LLM and Decodo for intelligent web scraping. Who this is for SEO specialists, content strategists, and growth marketers who want to automate keyword research and competitive intelligence. Marketing analysts managing multiple clients or websites who need consistent SEO tracking without manual data pulls. Agencies or automation engineers using Google Sheets as an SEO data dashboard for keyword monitoring and reporting. What problem this workflow solves Tracking competitor keywords manually is slow and inconsistent. Most SEO tools provide limited API access or lack contextual keyword analysis. This workflow solves that by: Automatically scraping any competitor’s webpage with Decodo. Using OpenAI GPT-4.1-mini to interpret keyword intent, density, and semantic focus. Storing structured keyword insights directly in Google Sheets for ongoing tracking and trend analysis. What this workflow does Trigger — Manually start the workflow or schedule it to run periodically. Input Setup — Define the website URL and target country (e.g., https://dev.to, france). Data Scraping (Decodo) — Fetch competitor web content and metadata. Keyword Analysis (OpenAI GPT-4.1-mini) Extract primary and secondary keywords. Identify focus topics and semantic entities. Generate a keyword density summary and SEO strength score. Recommend optimization and internal linking opportunities. Data Structuring — Clean and convert GPT output into JSON format. Data Storage (Google Sheets) — Append structured keyword data to a Google Sheet for long-term tracking. Setup Prerequisites If you are new to Decode, please signup on this link visit.decodo.com n8n account with workflow editor access Decodo API credentials OpenAI API key Google Sheets account connected via OAuth2 Make sure to install the Decodo Community node. Create a Google Sheet Add columns for: primarykeywords, seostrengthscore, keyworddensity_summary, etc. Share with your n8n Google account. Connect Credentials Add credentials for: Decodo API credentials - You need to register, login and obtain the Basic Authentication Token via Decodo Dashboard OpenAI API (for GPT-4o-mini) Google Sheets OAuth2 Configure Input Fields Edit the “Set Input Fields” node to set your target site and region. Run the Workflow Click Execute Workflow in n8n. View structured results in your connected Google Sheet. How to customize this workflow Track Multiple Competitors → Use a Google Sheet or CSV list of URLs; loop through them using the Split In Batches node. Add Language Detection → Add a Gemini or GPT node before keyword analysis to detect content language and adjust prompts. Enhance the SEO Report → Expand the GPT prompt to include backlink insights, metadata optimization, or readability checks. Integrate Visualization → Connect your Google Sheet to Looker Studio for SEO performance dashboards. Schedule Auto-Runs → Use the Cron Node to run weekly or monthly for competitor keyword refreshes. Summary This workflow automates competitor keyword research using: Decodo for intelligent web scraping OpenAI GPT-4.1-mini for keyword and SEO analysis Google Sheets for live tracking and reporting It’s a complete AI-powered SEO intelligence pipeline ideal for teams that want actionable insights on keyword gaps, optimization opportunities, and content focus trends, without relying on expensive SEO SaaS tools.

Ranjan DailataBy Ranjan Dailata
161

Generate song lyrics and music from text prompts using OpenAI and Fal.ai Minimax

Spark your creativity instantly in any chat—turn a simple prompt like "heartbreak ballad" into original, full-length lyrics and a professional AI-generated music track, all without leaving your conversation. 📋 What This Template Does This chat-triggered workflow harnesses AI to generate detailed, genre-matched song lyrics (at least 600 characters) from user messages, then queues them for music synthesis via Fal.ai's minimax-music model. It polls asynchronously until the track is ready, delivering lyrics and audio URL back in chat. Crafts original, structured lyrics with verses, choruses, and bridges using OpenAI Submits to Fal.ai for melody, instrumentation, and vocals aligned to the style Handles long-running generations with smart looping and status checks Returns complete song package (lyrics + audio link) for seamless sharing 🔧 Prerequisites n8n account (self-hosted or cloud with chat integration enabled) OpenAI account with API access for GPT models Fal.ai account for AI music generation 🔑 Required Credentials OpenAI API Setup Go to platform.openai.com → API keys (sidebar) Click "Create new secret key" → Name it (e.g., "n8n Songwriter") Copy the key and add to n8n as "OpenAI API" credential type Test by sending a simple chat completion request Fal.ai HTTP Header Auth Setup Sign up at fal.ai → Dashboard → API Keys Generate a new API key → Copy it In n8n, create "HTTP Header Auth" credential: Name="Fal.ai", Header Name="Authorization", Header Value="Key [Your API Key]" Test with a simple GET to their queue endpoint (e.g., /status) ⚙️ Configuration Steps Import the workflow JSON into your n8n instance Assign OpenAI API credentials to the "OpenAI Chat Model" node Assign Fal.ai HTTP Header Auth to the "Generate Music Track", "Check Generation Status", and "Fetch Final Result" nodes Activate the workflow—chat trigger will appear in your n8n chat interface Test by messaging: "Create an upbeat pop song about road trips" 🎯 Use Cases Content Creators: YouTubers generating custom jingles for videos on the fly, streamlining production from idea to audio export Educators: Music teachers using chat prompts to create era-specific folk tunes for classroom discussions, fostering interactive learning Gift Personalization: Friends crafting anniversary R&B tracks from shared memories via quick chats, delivering emotional audio surprises Artist Brainstorming: Songwriters prototyping hip-hop beats in real-time during sessions, accelerating collaboration and iteration ⚠️ Troubleshooting Invalid JSON from AI Agent: Ensure the system prompt stresses valid JSON; test the agent standalone with a sample query Music Generation Fails (401/403): Verify Fal.ai API key has minimax-music access; check usage quotas in dashboard Status Polling Loops Indefinitely: Bump wait time to 45-60s for complex tracks; inspect fal.ai queue logs for bottlenecks Lyrics Under 600 Characters: Tweak agent prompt to enforce fuller structures like [V1][C][V2][B][C]; verify output length in executions

Daniel NkenchoBy Daniel Nkencho
601

Automate Dutch Public Procurement Data Collection with TenderNed

TenderNed Public Procurement What This Workflow Does This workflow automates the collection of public procurement data from TenderNed (the official Dutch tender platform). It: Fetches the latest tender publications from the TenderNed API Retrieves detailed information in both XML and JSON formats for each tender Parses and extracts key information like organization names, titles, descriptions, and reference numbers Filters results based on your custom criteria Stores the data in a database for easy querying and analysis Setup Instructions This template comes with sticky notes providing step-by-step instructions in Dutch and various query options you can customize. Prerequisites TenderNed API Access - Register at TenderNed for API credentials Configuration Steps Set up TenderNed credentials: Add HTTP Basic Auth credentials with your TenderNed API username and password Apply these credentials to the three HTTP Request nodes: "Tenderned Publicaties" "Haal XML Details" "Haal JSON Details" Customize filters: Modify the "Filter op ..." node to match your specific requirements Examples: specific organizations, contract values, regions, etc. How It Works Step 1: Trigger The workflow can be triggered either manually for testing or automatically on a daily schedule. Step 2: Fetch Publications Makes an API call to TenderNed to retrieve a list of recent publications (up to 100 per request). Step 3: Process & Split Extracts the tender array from the response and splits it into individual items for processing. Step 4: Fetch Details For each tender, the workflow makes two parallel API calls: XML endpoint - Retrieves the complete tender documentation in XML format JSON endpoint - Fetches metadata including reference numbers and keywords Step 5: Parse & Merge Parses the XML data and merges it with the JSON metadata and batch information into a single data structure. Step 6: Extract Fields Maps the raw API data to clean, structured fields including: Publication ID and date Organization name Tender title and description Reference numbers (kenmerk, TED number) Step 7: Filter Applies your custom filter criteria to focus on relevant tenders only. Step 8: Store Inserts the processed data into your database for storage and future analysis. Customization Tips Modify API Parameters In the "Tenderned Publicaties" node, you can adjust: offset: Starting position for pagination size: Number of results per request (max 100) Add query parameters for date ranges, status filters, etc. Add More Fields Extend the "Splits Alle Velden" node to extract additional fields from the XML/JSON data, such as: Contract value estimates Deadline dates CPV codes (procurement classification) Contact information Integrate Notifications Add a Slack, Email, or Discord node after the filter to get notified about new matching tenders. Incremental Updates Modify the workflow to only fetch new tenders by: Storing the last execution timestamp Adding date filters to the API query Only processing publications newer than the last run Troubleshooting No data returned? Verify your TenderNed API credentials are correct Check that you have setup youre filter proper Need help setting this up or interested in a complete tender analysis solution? Get in touch 🔗 LinkedIn – Wessel Bulte

Wessel BulteBy Wessel Bulte
247