formX documents
  • Get started with formX
  • Guides
    • Using the formX dashboard
    • Setting up domain validation
    • Creating a new form
    • Integrating a form to your website
    • Enabling auto responder emails
    • Configuring redirection from forms
    • Adding email IDs to get notified
  • Fundamentals
    • Forms in formX
    • Workspace
  • Use Cases
    • formX for engineers
  • Extras
    • Keyboard shortcuts in formX
Powered by GitBook
On this page
  • Three ways to redirect users in formX
  • Default redirect
  • Auto redirect to a URL
  • Custom redirect
  1. Guides

Configuring redirection from forms

Redirecting users once they submit forms powered by formX

PreviousEnabling auto responder emailsNextAdding email IDs to get notified

Last updated 3 years ago

Three ways to redirect users in formX

There are three ways you can redirect users from forms powered by .

  • Default redirect - To formX 'Thank You' Page

  • Auto redirect to a URL - Configured via formX Settings Panel

  • Custom Redirect - By inserting your code in the success or error handler method

Default redirect

This is formX's default setting. When a submission is successful, the user will be redirected to this page where they will see an acknowledgement notification. In five seconds, the user will automatically be redirected to the page where the submission came from in.

Auto redirect to a URL

If you want the form to redirect the user to a different URL on successful submission, follow these steps:

  • Login to your formX console

  • Navigate to the form where you want to add auto redirect settings using the switcher on the top left of the screen

  • Go to Settings -> Options on the side menu.

  • Ensure that 'Auto Redirect' toggle is set to 'On'.

  • Enter your redirect URL there.

  • Save the settings

Custom redirect

If you want to handle a successful submission in your own way, paste a formX script on the page.

You can modify the snippet similar to:

// <script src="https://static.formx.stream/tracker/v1/bundle.js"></script>
<script> var formx = FormX.set() formx.trackProject('<your_project_id>') formx.trackForm('<your_form_id>', 'form_submissions_off', function (s) { alert("submission recieved") }, function (e) { alert(e) }) formx.start() </script>
Some code

Here is an example of how we handle custom success handlers in our landing page:

https://formx.stream/
formX