Skip to main content

Make Waves ’26 Step into AI’s glass box. Prague, 19–20 Oct.

Register now (opens in a new tab)
Webflow
Vapi

Connect Webflow and Vapi integrations

Explore ready-made Webflow and Vapi templates and start automating in minutes.

Get started free

Create a custom workflow

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.

Create a custom workflow

Every automation starts with a trigger and an action. Select one from each app to generate a workflow tailored to your needs.

Webflow
Trigger: Watch Comment Threads
Vapi
Action: Select an action
1. Select a trigger

  • 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.

2. Select an action

  • Sends a client-generated event or object to the VAPI platform. Commonly used for live updates or user actions.

  • Creates an outbound phone call to Twilio or Vonage number added on your dashboard.

  • 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).

  • Deletes a specific assistant by ID.

  • Deletes call metadata and logs for a particular conversation.

  • Deletes a selected file from the knowledge base.

  • 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.

  • 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.

  • Upload a file to use with the knowledge base.

Select a trigger and an action

Create workflow (opens in a new tab)

Triggers and actions

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.

Client Message
Sends a client-generated event or object to the VAPI platform. Commonly used for live updates or user actions.
Action
Create a Product
Creates a new product item.
Action
Create an Asset Folder
Creates an asset folder within a given site.
Action
Create an Item
Creates a new item for a collection.
Action
Create an Outbound Phone Call
Creates an outbound phone call to Twilio or Vonage number added on your dashboard.
Action
Create Assistant
Creates a new voice assistant with a specified configuration (name, voice, model, etc.).
Action
Create Call
Starts a new call session using an assistant or a squad. Often used to simulate or initiate interactions.
Action
Create Squad
Creates a group of assistants (a squad) where the first available assistant responds to a call.
Action
Create Tool
Defines a new tool that can be invoked by an assistant (e.g., API calls, function tools, DTMF).
Action
Load more

How to set up Webflow and Vapi in 5 easy steps

Date

·

Duration

Step 1

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.

Date

·

Duration

Step 2

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.

Date

·

Duration

Step 3

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.

Date

·

Duration

Step 4

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.

Date

·

Duration

Step 5

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.

Date

·

Duration

Automate call triggers from website interactions

Automatically initiate Vapi.ai calls when visitors submit forms or perform specific actions on your Webflow site, creating automated lead engagement without manual intervention.

Date

·

Duration

Real-time website updates from call events

Instantly update your Webflow CMS with call data, transcripts, and outcomes from Vapi.ai interactions to keep your website content and customer information synchronized.

Date

·

Duration

Dynamic call routing based on website data

Use Webflow form submissions and user data to intelligently route and personalize Vapi.ai calls, ensuring each prospect receives relevant automated communication.

Date

·

Duration

Improve lead management workflow

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.

Support

FAQs

Everything you need to know about Make. Can't find the answer you're looking for? Please chat to our team.

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.