Adding VAPI AI Assistant to my website
# support
n
Hi, I just wanted to know if it's possible to add a vapi AI Assistant to my react website with node js and express js as the backend. When I press the call button on my website I should be able to interact with the AI Assistant that I created in vapi. Is this possible if I am using a free version of vapi?
v
Yes, it's possible to add a Vapi AI Assistant to your React website with Node.js/Express.js backend. Vapi provides a Web SDK that can be integrated with React:
Copy code
npm install @vapi-ai/web
You can create a call button that connects to your Vapi assistant using:
Copy code
javascript
import Vapi from "@vapi-ai/web";
const vapi = new Vapi("your-public-key");

// Call button handler
const handleCall = async () => {
  await vapi.start("your-assistant-id");
};
For your specific needs, could you share what functionality you're planning to implement with the call button? This would help determine if the free version's limitations (which includes up to 10 concurrent calls on Pay-As-You-Go) would affect your implementation. Sources: - [Vapi Web SDK Documentation](https://docs.vapi.ai/quickstart/web) - [Vapi SDK Documentation](https://docs.vapi.ai/sdk/web) - [Vapi Server SDKs](https://docs.vapi.ai/server-sdks)
n
For now I am just trying to see if a simple call button would work. I have been trying for sometime now but its showing an error, not sure what the issue is
e
Yes, but it will be a webcall on vapi
k
Yes, you can integrate your Assistant into your React website with a Node.js and Express.js backend using the Vapi Web SDK, and the free version allows you to test the assistant with $10 worth of credits.
Go through this video tutorial

https://youtu.be/7pC2sIx33DU?si=16EyMBFT7kZ_c2q8â–¾

n
okay thankyou
e
@Namita Prince I believe it's done right?
v
Marking this ticket as Solved ✅