Custom form action and default webflow form action at same time

Design help Custom code
1

I’m building a multi page form and I’d like to submit form data to Webflow at each page of the form. I’ve successfully passed form data from page to page using: Email-URL pass-through - #3 by Edy

This requires me to have a custom form action that overrides the default Webflow form submit action:
image

Is there a way to have both the custom form action so that I can pass form data to the URL, as well as submit the form data from page 1 to Webflow using the default Webflow action?

2

I’m looking for the same thing. Did you ever find a solution @youssef?

3

Did anyone ever find a solution? I’m currently having the same issue.

4

I used this -
"script>
Webflow.push(function() {
(‘form’).submit(function() { setTimeout(function() { location.href = ‘https://redirecturl?name=’ + (’#name’).val() + ‘&email=’ + (‘#email’).val() + ‘&phone=’ + (’#phone’).val() + ‘&a1=’ + $(’#a’).val();
}, 100);
});
});
"

in order to do the form submission as well as redirect with the url parameters. This removed dependency on action in my specific case.

2 Likes
5

I wound up using sessionStorage to achieve the outcome I was looking for.

It’s not best practice to store sensitive information in the browser like this and probably violates GDPR unless you disclose what you’re doing with the information. But I’m not passing along anything egregious in my case and at least storing it in the session clears it eventually (as opposed to localStorage). I also clear it after the form submission.

Here are decent docs on sessionStorage.

6

@ktushar911a I am trying to replicate your solution to this as I have the same requirements, but it is not working. I am not super familiar with custom jquery, is “location” supposed to be an identifier to get the form button?