adrian•4mo ago

How can I start a workflow within my own frontend?

How to start a workflow without any callUrl to daily? I want it in my own frontend

4 Replies

You can start a Vapi assistant conversation directly in your frontend using the Vapi Web SDK, without needing a callUrl or external telephony provider.
For example:

import Vapi from "@vapi-ai/web";
const vapi = new Vapi({ apiKey: "YOUR_API_KEY" });
vapi.start(assistantOptions);

import Vapi from "@vapi-ai/web";
const vapi = new Vapi({ apiKey: "YOUR_API_KEY" });
vapi.start(assistantOptions);

This runs the conversation in your web app (docs). Clarifying question:
Are you looking to trigger a specific workflow (built in the Vapi workflow builder) from your frontend, or do you just want to start a general assistant conversation in the browser? Source: - Make a web call (Vapi documentation)

⤵️ Mention @Vapi Support Bot for follow-ups 🐥

adrianOP•4mo ago

not working...

harsh-harlequin•4mo ago

i know how to fix it dm me if you want

Kyle Brunker•4mo ago

Hey Adrian! You just need to pass workflow ID as 4th parameter to Vapi web SDK initialisation code, or transient workflow as 5th parameter, and the first 3 parameters as NULL. It's all because of how parameters are currently being passed to the SDK, but I will do the rework and make it easier as an object type.

How can I start a workflow within my own frontend?

Did you find this page helpful?