tutorial

Redirect to URL with submitted values from your form

A new feature we have just introduced is to redirect to a custom URL of yours with values submitted from your form.

Let’s say you have a form similar to this:

<form action="https://www.formbackend.com/f/your-token-here" method="POST">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>

  <button type="submit">Submit</button>
</form>

It is possible to redirect to a URL of your choice with the values from the form as query parameters.

All you need to do is to enter a custom redirect URL under settings: https://www.mywebsite.com?email={email}

Notice the {email} value in the above URL. That value will be replaced with the submitted content from the form field with the name email. So if a user fills in the form with email john@example.org, the URL the user will be redirected to is https://www.mywebsite.com?email=john%40example.org.

This can be useful in cases where you want to display a custom message to the user after they have submitted your form.

Let’s say they pick a specific product from a dropdown list of yours, you can then read the value from the URL and display a custom message depending on what product they have picked.