Connect Webflow and Vapi integrations
Transform your Webflow website into an intelligent voice-powered experience by automatically triggering Vapi's AI voice capabilities through Make's visual automation platform. Connect form submissions, CMS updates, and user interactions directly to dynamic voice responses—no coding required, no manual work, just automation that brings your web design to life with conversational AI in minutes.
Retrieves new or updated comment threads, including new replies. To list the replies, use the List Comment Thread Replies module.
Triggers when one of the selected events occurs.
Sends a client-generated event or object to the VAPI platform. Commonly used for live updates or user actions.
Creates a new voice assistant with a specified configuration (name, voice, model, etc.).
Starts a new call session using an assistant or a squad. Often used to simulate or initiate interactions.
Creates a group of assistants (a squad) where the first available assistant responds to a call.
Defines a new tool that can be invoked by an assistant (e.g., API calls, function tools, DTMF).
Sets up a conversation workflow made of nodes (conversation and tool nodes) and conditional edges.
Deletes a specific assistant by ID.
Deletes call metadata and logs for a particular conversation.
Deletes a selected file from the knowledge base.
Permanently deletes a workflow by its ID.
Fetches details for a specific file by ID.
Retrieves information about a specific squad, including its members.
Fetches the details of a tool, such as its configuration and endpoint.
Returns the complete definition of a workflow, including all nodes and transitions.
Performs an arbitrary authorized API call.
Returns the response to the function call be it error or result.
Sends a message from the VAPI server to the client app. Often used to trigger UI changes or sync data.
Updates the configuration of an existing assistant.
Allows updates to a specific call session (e.g., tagging, note-taking).
Updates the configuration of an existing file.
Updates members or configuration of a squad.
Modifies an existing tool's logic or structure.
Applies updates to an existing workflow (e.g., new nodes, changed prompts).
Upload a file to use with the knowledge base.
Fetches details for a specific assistant by ID.
Retrieves a call's metadata, including transcript, participants, and timestamps.
Lists all assistants in your VAPI account.
Shows the history of past calls, including assistant used and call duration.
Retrieve all files in your knowledge base.
Returns the list of Twilio or Vonage numbers connected to your account.
Lists all squads and their associated assistants.
List Tools.
Lists all created workflows in your workspace.
Trusted by thousands of fast-scaling organizations around the globe
Automate your work. Build something new.
Just drag and drop apps to automate existing workflows or build new complex processes. Solve problems across all areas and teams.
Build your Webflow and Vapi integrations.
Connect Vapi and Webflow through Make's intuitive integration platform for powerful automation. By integrating Vapi as a trigger and Webflow as an action, you can automatically initiate voice interactions based on website events in Vapi. When specific events occur in your Vapi site—such as form submissions, new CMS items, or user interactions—these triggers activate Webflow to execute voice AI capabilities, creating dynamic user experiences that combine visual design with intelligent voice technology. Make's visual workflow builder lets you map out automation scenarios where Vapi events trigger Webflow actions in minutes, eliminating manual data transfer and reducing errors while saving countless hours of repetitive work.
Sends a client-generated event or object to the VAPI platform. Commonly used for live updates or user actions.
Creates a new voice assistant with a specified configuration (name, voice, model, etc.).
Starts a new call session using an assistant or a squad. Often used to simulate or initiate interactions.
Creates a group of assistants (a squad) where the first available assistant responds to a call.
Defines a new tool that can be invoked by an assistant (e.g., API calls, function tools, DTMF).
Sets up a conversation workflow made of nodes (conversation and tool nodes) and conditional edges.
Creates a new product item.
Creates an asset folder within a given site.
Creates a new item for a collection.
Popular Webflow and Vapi workflows.
Looking to get more out of Webflow and Vapi? With Make you can visually integrate Webflow and Vapi into any workflow to save time and resources — no coding required. Try any of these templates in just a few clicks.
How to setup Webflow and Vapi in 5 easy steps
Get your Vapi private key
Log in to your Vapi account and navigate to the Build section in the left sidebar. Click on Vapi API Keys and copy your Private Key. If you don't have one yet, click the Add Key button to generate a new key that will allow Make to connect with your Vapi account.
Add Vapi to your Make scenario
Open your Make account and go to the scenario where you want to add Vapi. Add a Vapi module to your workflow, then click the Create a Connection button when prompted. You can give your connection a memorable name to help you identify it later, though this step is optional.
Connect Vapi with your API key
In the connection setup screen, paste the Private Key you copied from Vapi into the API Key field. This key allows Make to securely access your Vapi account. Click Save to complete the connection, and Make will verify that everything is working correctly.
Add Webflow to your Make scenario
Add a Webflow module to the same Make scenario where you've set up Vapi. This allows you to automate tasks with your Webflow sites and content. When the module prompts you, click Create a Connection and optionally give it a recognizable name.
Authorize Make to access Webflow
Click Save and follow the on-screen instructions to log in to your Webflow account if needed. Confirm that you want to grant Make access to your Webflow account. Once authorized, your connection is complete and you can start building automated workflows between Vapi and Webflow.
Connect Webflow and Vapi for powerful automation
Integrate Webflow and Vapi to automate call triggers from website interactions, sync call data with your CMS in real-time, and create personalized voice communications based on visitor behavior.
Automatically initiate Vapi.ai calls when visitors submit forms or perform specific actions on your Webflow site, creating automated lead engagement without manual intervention.
Instantly update your Webflow CMS with call data, transcripts, and outcomes from Vapi.ai interactions to keep your website content and customer information synchronized.
Use Webflow form submissions and user data to intelligently route and personalize Vapi.ai calls, ensuring each prospect receives relevant automated communication.
Connect inbound calls from Vapi.ai directly to your Webflow CMS to automatically create and update lead records, eliminating manual data entry and reducing response times.
FAQ
Integrating Webflow with Vapi through Make allows you to add voice AI capabilities directly to your Webflow websites without any coding. You can automatically trigger voice calls based on website interactions, capture leads through conversational AI, provide instant voice support to visitors, or create automated appointment booking systems. This integration transforms your static website into an interactive, voice-enabled platform that can engage customers 24/7, improving conversion rates and customer satisfaction while reducing manual workload.
With Make, you can create powerful automation workflows such as: automatically initiating Vapi voice calls when a new form is submitted on your Webflow site, syncing contact information from Webflow CMS to trigger personalized voice outreach campaigns, listening to Vapi webhook events to update your Webflow database in real-time, or creating voice-activated features that collect data and automatically populate your Webflow collections. These no-code workflows enable you to build sophisticated voice-enabled web experiences that would typically require extensive development resources.
No coding skills are required. Make's visual workflow builder allows you to connect Webflow and Vapi with a drag-and-drop interface. You can set up triggers, actions, and data mapping between the two platforms without writing a single line of code. Make handles all the technical complexities of API connections, authentication, and data transfer in the background, making it accessible for marketers, business owners, and non-technical users to create professional-grade integrations that would otherwise require hiring developers.
You can create your first Webflow-Vapi integration in minutes. After signing up for a Make account, select Webflow and Vapi from Make's extensive app library, authenticate both accounts, and choose your desired triggers and actions using the intuitive visual editor. Make provides pre-built templates and step-by-step guidance to help you get started quickly. Many users have their first automation running within 15-30 minutes, and you can test and refine your workflows in real-time before going live, ensuring everything works perfectly for your specific use case.
A scenario represents a workflow or a project of your own creation, and it is made up of a series of modules that automate apps and services. Creating a scenario allows you to transfer and transform data between apps and services via these modules to automate anything and improve the way you work.
Modules are the main building blocks of automation in Make. Modules represent actions that Make performs with an app, like creating, updating, or deleting data.
How it works
Traditional no-code iPaaS platforms are linear and non-intuitive. Make allows you to visually create, build, and automate without limits.
Trusted by 350,000+ customers
"Make really helped us to scale our operations, take the friction out of our processes, reduce costs, and relieved our support team. It is difficult to not become a fan."
Philipp Weidenbach
Head of Operations at Teleclinic
"Make drives unprecedented efficiency within our business in ways we never imagined. It’s having an extra employee (or 10) for a fraction of the cost."
Cayden Phipps
COO at Shop Accelerator Martech
"The simplicity, flexibility and ability to build real complex automations without any knowledge of programming makes it the best thing since sliced bread."
Erkki Markus
Product Owner at Smaily
"True citizen development in the entire company. Make is present in every department, empowering the company to offer a unique customer experience."
Andreas Stryz
CTO & Co-founder at FINN
"I can't count the number of hours I've saved by using Make. Every single day is simpler because of Make's automation."
Kimberly D
Owner of Media Production