Form input on a URL as variables without completing the form but when a button is clicked

Design help Custom code
1

Hi,

Basically I try to have 2 dropdown lists in a form as an input, then use that to put on a URL as a variable as Example Domain

But the only problem is I don’t want to complete the form, because I don’t really need that info to be saved it is only to redirect the user to a new page and the form limit would be maxed out pretty fast. Would be great just to have a button that when it is clicked, it is just added to the URL the variables selected on the form.

2

Hi Anton,

If you share your read-only link I could take a look & get a better idea of what your trying to do. Are your trying to redirect a user to a set URL based on what they select from the 2 dropdowns?

3

Webflow supports this directly, no custom code needed;

  • Build your form using the standard Webflow form block.
  • Set your field names to list1 and list2.
  • Set the form method to GET
  • Set the form action to your target URL, e.g. https://www.example.com/

When someone does the selections and clicks submit, you’ll just see your target URL loaded with the form field data encoded on the querystring;

https://www.example.com/?list1=input1&list2=input2

The form submission won’t be handled by Webflows form submission handler because you have a custom action specified.

1 Like
4

wow thats exactly what I was looking for. Thanks!!

Didn’t know it was that easy, just couldn’t find it on the webflow documentation

5

Yeah it wouldn’t be, it’s not actually a Webflow feature, it’s just the way HTML forms work.
Fortunately Webflow exposes it well enough to access that functionality with just designer settings.