Diagram showing where to mount a chat widget script in a React or Next.js application
Platforms & integrations
6 views

Adding a chatbot for React or Next.js sites is a mounting question, not an integration project: one script, loaded once, outside the component tree it should not re-render with. This guide covers where to put it in the app router and the pages router, the hydration and route-change pitfalls, and why client-side rendering changes what content the assistant can read.

Ready to Add AI Chatbot to Your Store?

Join thousands of ecommerce stores using Vatdi for 24/7 customer support, lead capture, and sales automation.

Free plan available No credit card required 5-minute setup