Create a Branded AI-Powered Website Chatbot with n8n

custom-branded-chatbot

:movie_camera: Learn how to customise and brand a website chatbot using n8n!

In this video, I guide you through creating a free, branded AI-powered chatbot for your website. Whether you want to answer queries, schedule appointments, or gather customer information, this tutorial has you covered—all without expensive subscriptions.

:pushpin: What You’ll Learn:

  • How to embed a custom chat widget into your website.
  • Branding tips to make the chatbot align with your style.
  • Setting up an n8n workflow to handle chat messages.
  • Optional integration with Microsoft Outlook for appointment scheduling.

:computer: What You’ll Need:

  • n8n (self-hosted or cloud).
  • An OpenAI API key.
  • Basic HTML/JavaScript knowledge.

:link: Resources Mentioned:

:bulb: Pro Tips:

  • Enhance engagement with a chatbot tailored to your audience.
  • Expand functionality with FAQs, CRM integrations, and analytics.

If you find this helpful, like, comment, and subscribe for more tutorials on automation, AI, and no-code solutions.

:star2: Connect with Me:
Website: nocodecreative.io
LinkedIn: Wayne Simpson

#n8n #Chatbot #NoCode #Automation ai

4 Likes

Could you help me please. I want to integrate n8n’s Chat Widget with a Telegram group so that I can respond to Visitor chats directly within specific topics (threads) in the group. Each user’s conversation should be treated as a separate topic so multiple conversations can happen simultaneously.

1 Like

Hi,

Thank you for this Chatbot! Everything works fine, but I have only one problem. If I want the AI-agent to response with a link, the output is plain text and not a hyperlink. I tried hyperlink markdown and HTML, but with no result. Is there an easy way to fix this?

Did you manage to make it work?

Hi, no I still have this problem.

@PACK_pvb the output is plain text. I would need to update the chat widget to allow for markdown, which right now, I don’t know when I’ll have time to do I’m afraid

Hey, I got this deployed. But when I click the purple “Send us a message” button, nothing happens. It doesn’t transition to the chat to be able to send a message. Not sure what’s going on.