Skip to main content

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

Register now (opens in a new tab)
Vapi
Webflow

Connect Vapi and Webflow integrations

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

Get started free

Create a custom workflow

Transform voice conversations into instant website updates by connecting Vapi and Webflow through Make's no-code automation platform. Automatically sync voice AI interactions with your web content, creating dynamic, responsive experiences that eliminate manual updates and bring your website to life through the power of conversational data.

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.

Vapi
Trigger: Watch End of Call Report
Webflow
Action: Select an action
1. Select a trigger

  • Listens to end of call report from Vapi call via this webhook.

  • Listens to function call from Vapi. Creates the Tool definition in Vapi during setup.

2. Select an action

  • Creates a new product item.

  • Creates an asset folder within a given site.

  • Creates a new item for a collection.

  • Deletes an existing asset.

  • Deletes an existing item for a collection.

  • Gets details of a collection.

  • Retrieves a comment thread based on the mapped ID. Use the List Comment Thread Replies module to output the replies.

  • Returns information about a given form.

  • Returns information about a given form submission.

  • Returns metadata information for a single page.

  • Gets detail of an existing product.

  • Get details of a specific site by ID.

  • Gets details about a specific asset folder.

  • Returns the details of an item by ID.

  • Gets the current inventory levels for a particular SKU item.

  • Gets details of an existing order.

  • Performs an arbitrary authorized API call.

  • Mark an order status as fulfilled, unfulfilled or refunded.

  • Publishes an existing site.

  • Publishes an existing collection item.

  • Updates hidden fields on a form submission.

  • Updates an existing product.

  • Updates an existing product SKU.

  • Updates an existing item for a collection.

  • Updates the current inventory levels for a particualr SKU item.

  • Updates an order.

Select a trigger and an action

Create workflow (opens in a new tab)

Triggers and actions

Connect Webflow and Vapi through Make's intuitive integration platform to harness powerful automation capabilities. Make empowers businesses to use Webflow's advanced voice AI capabilities as a trigger that initiates automated actions in Vapi's dynamic website builder. When voice interactions occur in Webflow, you can automatically update your website content through conversational AI data or dynamically update web pages in Vapi. The platform's visual workflow builder lets you design automation sequences where Webflow triggers actions in Vapi without requiring technical expertise or complex coding. By integrating these two powerful applications with Webflow as the trigger and Vapi as the action, you can create intelligent systems that automatically update your website based on voice interactions, improving user experiences and reducing manual tasks.

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 Vapi and Webflow in 5 easy steps

Date

·

Duration

Step 1

Get your Vapi API key

Sign into your Vapi account and navigate to the 'Build' section in the left sidebar, then select 'Vapi API Keys'. Copy your Private Key from this page - if you don't see one, click 'Add Key' to create it. Keep this key safe as you'll need it to connect Vapi with Make.

Date

·

Duration

Step 2

Connect Vapi to Make

Log in to your Make account and add a Vapi module to your automation workflow. Click 'Create a connection' and paste the Private Key you copied from Vapi into the API Key field. You can optionally give your connection a memorable name to help identify it later.

Date

·

Duration

Step 3

Save your Vapi connection

Click the 'Save' button to finalize your Vapi connection in Make. If prompted, confirm that you want to allow Make to access your Vapi account. Once saved, your Vapi connection is ready to use in your automation scenarios.

Date

·

Duration

Step 4

Connect Webflow to Make

In your Make account, add a Webflow module to your automation scenario and click 'Create a Connection'. You can optionally name your connection in the 'Connection name' field to help organize multiple connections if needed.

Date

·

Duration

Step 5

Authorize Webflow access

Click 'Save' and follow the prompts to log in to your Webflow account. Confirm that Make can access your Webflow data when asked. Once you've approved the access, your Webflow connection is complete and ready to use in your Make automations.

Powerful voice AI and web automation benefits

Integrate Vapi and Webflow to automate voice interactions, sync call data to your CMS, qualify leads instantly, and create dynamic voice-enabled experiences that improve visitor engagement and optimize workflows.

Date

·

Duration

Automate voice interactions for website visitors

Automatically trigger Vapi AI calls when users submit forms or perform specific actions on your Webflow site, creating personalized voice experiences without coding.

Date

·

Duration

Sync call data to Webflow CMS

Capture and store call transcripts, recordings, and conversation insights directly into your Webflow CMS collections for efficient content management and analysis.

Date

·

Duration

Dynamic website updates from call events

Update Webflow content, forms, or user interfaces in real-time based on Vapi webhook events like call completions or conversation outcomes.

Date

·

Duration

Improve lead qualification workflows

Connect Webflow form submissions to Vapi AI calls for instant lead qualification, then update website content or trigger follow-up actions based on call results.

Support

FAQs

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

By integrating Vapi with Webflow through Make, you can automatically trigger AI-powered voice calls based on website events like form submissions, new user registrations, or specific user behaviors on your Webflow site. For example, when someone fills out a contact form on your Webflow website, Make can instantly trigger a Vapi call to follow up with that lead, schedule appointments, or provide personalized information - all without writing any code. This creates a strong bridge between your web presence and voice communication, improving customer engagement while you focus on growing your business.

With Make's visual automation platform, you can create powerful workflows between Vapi and Webflow even without technical expertise. Popular scenarios include: automatically calling new Webflow CMS leads when they're added to your database, updating Webflow collections based on call outcomes from Vapi webhook events, triggering voice surveys after form submissions, creating personalized call campaigns for different website visitor segments, and logging call data back to your Webflow CMS for analytics. Make's drag-and-drop interface lets you build these sophisticated automations in minutes, connecting your Webflow websites to intelligent voice interactions.

Absolutely! Make enables bidirectional data flow between Vapi and Webflow, allowing you to capture call data from Vapi webhook events and automatically update your Webflow CMS collections. You can track call duration, outcomes, customer responses, and conversation summaries, then display this information on your Webflow site through dynamic collections or dashboards. This integration means your Webflow interface becomes a central hub for monitoring your voice AI performance, giving you actionable insights without juggling multiple platforms or manually transferring data between systems.

You can create your first Vapi-Webflow automation on Make in under 15 minutes, even as a complete beginner. Make offers a free tier that includes 1,000 operations per month, which is perfect for testing and small-scale implementations of your Vapi-Webflow integration. Create your free Make account, connect your Vapi and Webflow accounts using the built-in connectors, and choose from pre-built templates or create custom scenarios using the visual builder. There's no credit card required to start, no coding necessary, and you can scale up as your automation needs grow - making it risk-free to experience the power of connecting your voice AI capabilities with your professional web presence.