Chatbot
Overview
Build AI agents.
About Chatbase
Chatbase — AI Agents for Customer Support
Chatbase is a complete no-code platform for building, deploying, and optimizing AI support agents over your own data. Trusted by over 9,000 businesses across 140+ countries, Chatbase empowers teams to deliver actionable customer experiences — swiftly, securely, and intelligently.
Ideal For
- Support & CS teams looking to automate repetitive inquiries.
- Sales & Marketing teams wanting conversational lead qualification.
- Businesses seeking fast, secure, no-code deployment across digital channels.
Getting Started
Nextjs
1
Connect to a project
Start by connecting to your existing project and then run vercel link in the CLI to link to the project locally.
2
Pull your latest environment variables
Run vercel env pull to make the latest environment variables available to your project locally.
3
Add the JS Snippet
Add this snippet to your jsx component
<Script>{`(function(){if(!window.chatbase||window.chatbase("getState")!=="initialized"){window.chatbase=(...arguments)=>{if(!window.chatbase.q){window.chatbase.q=[]}window.chatbase.q.push(arguments)};window.chatbase=new Proxy(window.chatbase,{get(target,prop){if(prop==="q"){return target.q}return(...args)=>target(prop,...args)}})}const onLoad=function(){const script=document.createElement("script");script.src="www.chatbase.co/embed.min.js";script.id="${process.env.NEXT_PUBLIC_CHATBOT_ID}";script.domain="www.chatbase.co";document.body.appendChild(script)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();`}</Script>Instructions
Public Environment Variable
NEXT_PUBLIC_CHATBOT_IDThis value is automatically added to your Vercel project and identifies the chatbot you created in Chatbase.
Using Your Chatbot
You can copy this script into your Vercel project to display your chatbot on your website.
<Script>{`(function(){if(!window.chatbase||window.chatbase("getState")!=="initialized"){window.chatbase=(...arguments)=>{if(!window.chatbase.q){window.chatbase.q=[]}window.chatbase.q.push(arguments)};window.chatbase=new Proxy(window.chatbase,{get(target,prop){if(prop==="q"){return target.q}return(...args)=>target(prop,...args)}})}const onLoad=function(){const script=document.createElement("script");script.src="www.chatbase.co/embed.min.js";script.id="${process.env.NEXT_PUBLIC_CHATBOT_ID}";script.domain="www.chatbase.co";document.body.appendChild(script)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();`}</Script>
Ready to get started?
Install Chatbot to your Vercel project.