Why people love Elfsight
Our AI Chatbot for Vercel projects is a support agent you don’t have to build. You ship the app; the chatbot welcomes visitors, answers common questions, and guides people to the next step. No API keys to manage, no model to host, no chat backend to maintain – the agent runs on Elfsight, and your deployment only carries a short embed code.
Put it on a landing page or docs site, and it answers “How does pricing work?” or “Where do I start?” while you keep shipping features. Fewer support emails, more conversations that turn into leads.
Did you know?
According to Salesforce, 69% of consumers prefer chatbots for quick communication with brands – a solid cue to make answers instant and helpful.
Try it now – give your visitors instant clarity and win back precious time.
Key features of the AI Chatbot
24/7 answers – From pricing questions to onboarding steps, visitors get help any hour, not just when you’re online.
Answers from your content – Upload documents, add Q&A entries, or connect page URLs so replies stay accurate and on-brand.
Voice that matches your brand – Describe the tone you want – professional, playful, minimalist – and the agent follows it.
Learns from your replies – When the agent doesn’t know an answer, it asks you, and learns from what you tell it.
Leads inside the chat – Collect emails and messages in context; chats and leads wait for you in the dashboard.
Transcripts by email – Get every chat’s transcript with its lead data in your inbox, plus analytics reports.
Floating or embedded – Show a chat bubble across every page of your app, or place the chat inside one page.
No backend to build – The agent, its knowledge and its chats live in Elfsight; your project only carries the embed code.
Open the live editor and try a template – see your chatbot working in minutes.
How to add the AI Chatbot to a Vercel app
Whatever framework you deploy – Next.js, Vite, or a static site – the setup takes three steps:
Create and customize the widget.
Visit the AI Chatbot product page and click “Create widget.” Pick a template, train the agent on your content, and adjust its behavior and look.Copy the embed code.
Save your changes, click “Add to website for free,” and copy the code. Choose the floating layout for a bubble on every page, or the embedded one for a single page.Paste the code into your project and redeploy.
Add the code to your app’s root layout or main HTML file, so it loads on every page, or to a single page where the chat should appear. Push the change – Vercel builds and deploys it, and the chatbot goes live.
Need a hand? Start with our Help Center, explore the features page, connect with peers in our Community Forum, share ideas in the Wishlist, and follow releases in the Changelog.