Streaming live at 10am (PST)

Two form submission webhooks

Hello guys,

I have a question about webhooks. I have two different forms on my website and i need them to connect to two different scenarios in Integromat/Zapirer. But I see only one Form submission Webhook.

How can I add specific webhook the specific form in my design?

Thank you very much for your time, I can’t find the answer on forums.

1 Like

Hi Simon- did you ever solve this? I’m having the same issue and haven’t been able to figure it out. Thanks!

You can’t. Webflow is not providing a per form webhook setting.

@Max_Frost - This should answer your question.

Workaround : Use a third party form processor that does allow for per form web hooks.

1 Like

@webdev @Simon_Jun @Max_Frost you can also just set up a router inside of Integromat… and have some sort of Webhook-Form-ID field or something along those lines that somehow parses out the different webhooks so you can conditionally run actions inside of the same scenario… then just pass the Webhook-Form-ID (let’s call it form1 for example) into Integromat, set up a router that runs a series of steps if the Webhook-Form-ID matches form1… it’s a bit of a brute force solution, but it allows you to still at least use native Webflow forms / hooks with Integromat.

1 Like

You might want to use a 3rd party forms-as-a-service solution. Something like StaticForms enables you to call multiple webhooks for each submission.

I’m having the same issue - would love to see this become possible without 3rd party workarounds!

Hi, you can do this with custom webhooks. In integromat, select the webhook module instead of webflow. Then add a new webhook in this module. Integromat will create the url for this webhook. You have to paste it in the action input in the form settings in the designer panel in webflow. Change the method to POST. Then you have to click on the “Re-determinate data structure” button in the integromat in the webhook module. At this point, complete the form on your website. If you did everything correctly, a message will be displayed in the place of this button in the integromat that it is ok. From now on it will work only for this form. If you want to add another integration for another form, you just create a new scenario and a new webhook, and then paste it in the settings of the appropriate form.

1 Like

Thanks, I used this method and it works, but is there a way to display the custom success message instead of goint to a different URL?

Hi everyone, I found a way to do this. You choose the “router” option in integromat and you use the filter condition, and you choose the action depending on the name of the form.

Lot’s of really solid advise already mentioned in this thread. I’d like to chime in with a screencast walking through how to do just this with only Webflow and a free Integromat account:

For this solution, you could take the advise already given by setting up a router within the Integromat scenario for each form…or you could just create a new Webhooks url.

This would give each form submission it’s own Integromat Scenario and you could easily customize the user experience based upon which form they submitted :nerd_face:

Hey there. I used the previous method and all works, but I am still struggling with displaying the success message after a form submission without redirecting to another page. Could you explain?

In webflow don’t change anything in the Form setup, leave it as “GET”. And within integromat when you use the “route” you can play with the filters using the “form name”. So both forms need different names.

Hi Mr B

I have read this comment about 300 times, I understand it but then all in the same breath I have no idea what I’m doing.

I am using Integromat, I thought I could set up a webhook which captures form input data then using a router filter specific form Ids to specific google sheet documents. Which I then utilise another scenario that will watch the rows of that sheet to use data how I need.

Is this kinda what you’re saying?

Here’s an example Scenario where I’m adding Webflow form submissions as new rows in a Google Sheet.

Just set up a filter, and set the condition to be some sort of hidden field, or something that’s unique to that specific form on your Webflow site.

So would you have 1 webhook with a router to 2 different google sheet documents with the filters for each sheet specific to the form submissions?

I create scenarios for each filter / form (to stay organized) instead of trying to set up all of the conditions within one scenario… but yeah, you can use one Webhook throughout the entire site

So currently I have 2 webhooks which each have their own URL

1 is for my standard contact us form
1 is for a career application form

I have the standard contact us form going to a google sheet then I have follow on scenarios watching that google sheet and the careers form in another scenario going to it’s own google sheet and another scenario that processes that data accordingly

But they’re getting mixed up - my contact us form is trying to pass the information from the careers form to it’s own sheet.

So do I need to change it so I only have 1 webhook coming from webflow? and let the filter do the work?

@webdev given the ability to put the webhooks URL into the action setting for a form is there a way to make my webflow page use the redirect url once the form’s been sent?

I need to redirect or just not go anywhere after my form is submitted, however, I’m being sent to an api confirmation page for the receiving webhook service (Encharge).

I have looked at using Integrately but they seem to only be able to handle one form type. Surely there’s a way to do this with multiple form types without having to pay for additional services?

Integrately can handle multiple forms by having a different automation per form.

Hey @XtremeExposures

I use Integromat (free account) + Webflow as my stack and it handles everything you’re asking for.

I can send each Form on my Webflow site to it’s own Integromat Scenario (or just one Scenario w/a Router Module in it) which then lets me send back a custom redirect for that specific form.

Set up a “Webhook response” module that looks like this:

That instructs the web browser to redirect the user to the 2. redirect-url value in the screen shot :slightly_smiling_face: you could just manually type in the site/page to redirect to if you don’t want to pass it in, like https://example.com

Find a video walk through of it this: