Hello. The chatbot Vue.js package is really great. I’m wondering if it’s possible to configure the chat component so that a “Start New Conversation” button appears, for example, in the chatbot header. I also need a button to switch between fullscreen and windowed mode, as well as the ability to keep the chat window open after a page refresh. I would really appreciate your help.
By design, that n8n chat widget is an ‘embed-and-go’ solution, with some quick front-end customizations available via CSS.
To get what you’d like, you would have to add custom JS on top of it which would track and manipulate the DOM. This would all be non-standard and outside of the documentation - also it would likely be a little messy with how exactly those customizations are triggered, and what they actually look like in the browser when the happen.
An easer route is to build a simple React chat component that hits the same n8n endpoint (meaning you can still trigger your n8n workflow to manage the reading/analyzing/sending of messages). I’d recommend using Claude Code or Cursor to prompt your way through to the solution you’re after, and this way you’ll have a lot more control for deeper customizations too.
Hi. I’ll probably go that route and build my own small Vue chat component that just connects to the same n8n endpoint. That definitely gives me more control over the customization.