How to manage several Webflow forms?

A website often contains several types of forms. This translates into several types of data to process and link with your tools. Here is how to easily connect all your Webflow forms.

Key points to remember

There are several types of Webflow forms to your tools. The more web forms you integrate to your site, the more data you will have to manage. This can quickly become a burden for you and your team. This is where you will find an iterate to automate your Webflow site. The goal will be to link all the data from your website to your business tools. This can be HR tools, commercial CRM tools, product tools, etc.

There are several techniques to connect your website to your no-code and low-code tools and here we use the automation tool: How to connect several Webflow forms with Make (Integromat)? In this example the goal is to manage the data of 3 different forms to send a personalized message to our teams. We will use the automation tool Make (Integromat) with the Webflow and Slack modules.

1 - Add the Webflow module

Add the Webflow module to Make (Integromat) to start your automation.

Adding the Webflow module to the integromat interface — Webflow module in Make (Integromat)

2 - Choose the "Watch Event" trigger

This instant webhook will allow you to receive data as soon as a new form is submitted.

Add a webhook trigger for the webflow module — Webhook trigger

3 - Add your Webflow site

You need to connect Webflow to Integromat by selecting the right project.

Selection of the webflow project in the Integromat automation interface — Choice of Webflow website

4 - Add a first Slack module

You will now connect Slack to Make (Integromat). Add a new slack module and select the action "create a message". The objective is to send a personalised message to a specific channel.

Adding the slack module to the Integromat automation interface — Slack module

5 - Set up the first Slack module

Select the type of channel you are using and then the channel or person you are sending the message to.

Choice of Slack channel type used for Integromat automation — Slack Channel

6 - Send the data from your first form

It is now time to send the first data to your webflow webhook. To do so, right click on the webflow module and click on "Run this module only".

Then go to your Webflow site and fill in a first form.

Warning 🚨 Each Webflow form must have a unique name to be properly identified

Button to launch the webflow module from the integromat workspace — Retrieving data from the webhook

7 - Filter your first form

The Make (Integromat) filtering system is extremely powerful, and it is this that will allow us to identify the different forms. The objective here is to separate your forms so as not to mix the data. To filter, click on the link between the two modules.

Key to adding a filter system to Integromat automation — Adding a filter

8 - Rename your filter

It is important to identify each filter by renaming them. We advise you to call the filter by the name of your form. Once you have added all your forms, you will be able to easily identify the automations specific to each of them.

Space to rename the filter from the Integromat workspace — Rename your filter

9 - Add a filter condition

Filtering allows you to tell Make (Integromat) to consider data only in certain cases. Here, we will ask the webhook to pass the data if and only if it is the first form. Here's how to do it:

Adding a form name tag

In the first line: add the "name" tag of your webflow form. The "name" tag will tell the filter which form it is, and thus redirect it to the right place in the automation chain. This is why it is important that each form has a unique name.

Adding a name tag to the Integromat filtering system — Adding a "name" tag

Adding a filter type

Select an "Equal to" condition of type "Text operators". This tells the filter that the text content of the "name" tag must match exactly the form specified for that part of the string.