Streaming live at 10am (PST)

Append data from webflow form to URL


#1

Hi,

I am trying to find a solution on how to pass form data into a redirect URL by using the webflow form.

To make it simple, my form only consists of an email field and I want the email address of the user to be appended onto the redirect URL. E.g.:

  1. user goes to example.webflow.com
  2. user enters example@test.com in a webflow form and hits submit
  3. user gets redirected to www.redirect.com/?example@test.com

Is it possible to do it with the webflow form or does one have to use custom code? If custom code is to be used, what would it look like and can one style it?

I’ve been reading plenty of forum threads about the topic and the guides but have not been able to figure out how to do it.

Cheers,
Philip


#2

Something like this perhaps?

Demo: http://sandbox-903b9c.webflow.io/form-pass-field-to-redirect-url

Share link: https://preview.webflow.com/preview/sandbox-903b9c?preview=2a77d4d5446ddad097abb9bf8603288b

<script>
Webflow.push(function() {
  $('form').submit(function() {
    setTimeout(function() {
      location.href = 'https://samliew.com/webflow-expert?email=' + $('#email').val();
    }, 100);
  });
});
</script>

It gets redirected to another form and the target page auto-fills the email.

Another Demo: http://sandbox-903b9c.webflow.io/two-form-test/form-1