Connect Vapi and Webflow integrations
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.
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.
Creates an asset folder within a given site.
Creates a new item for a collection.
Creates a new product item.
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.
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.
Returns metadata information for a single page.
Gets detail of an existing product.
Get details of a specific site by ID.
Performs an arbitrary authorized API call.
Mark an order status as fulfilled, unfulfilled or refunded.
Publishes an existing collection item.
Publishes an existing site.
Updates hidden fields on a form submission.
Updates an existing item for a collection.
Updates the current inventory levels for a particualr SKU item.
Updates an order.
Updates an existing product.
Updates an existing product SKU.
Lists asset folders within a given site.
Retrieves a list of assets for a specified site.
Retireves a list of collections
Lists the replies to a given comment thread. The first bundle in the output is the original comment.
Retrieves a list of forms for a given site.
Retrieves a list of form submissions for a given form.
Retrieves a list of items for a collection.
Retrieves a list of orders created for a given site.
Retrieves a list of pages for a given site.
Retrieves a list of products.
Lists of all sites the provided access token is able to access.
Searches for comment threads based on the defined parameters. To list replies, use the List Comment Thread Replies module.
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 Vapi and Webflow integrations.
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.
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 Vapi and Webflow workflows.
Looking to get more out of Vapi and Webflow? With Make you can visually integrate Vapi and Webflow into any workflow to save time and resources — no coding required. Try any of these templates in just a few clicks.
How to setup Vapi and Webflow in 5 easy steps
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.
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.
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.
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.
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.
Automatically trigger Vapi AI calls when users submit forms or perform specific actions on your Webflow site, creating personalized voice experiences without coding.
Capture and store call transcripts, recordings, and conversation insights directly into your Webflow CMS collections for efficient content management and analysis.
Update Webflow content, forms, or user interfaces in real-time based on Vapi webhook events like call completions or conversation outcomes.
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.
FAQ
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.
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