There are 3 types of redirect that you can work with right now in formX.


  1. By Default Redirec( To formX Thank you Page )
  2. Auto Redirect to a URL ( Configured via formX Settings Panel )
  3. Custom Redirect ( You can insert your custom code in the success or error handler method ) 


#1 By Default Redirect


This is the default redirection method. When a submission is successful it is redirect to this page, giving an acknowledgement notification. It automatically redirects back to the page where the submission came from in 5 seconds.



#2 Auto Redirect to a URL


If you want the form to redirect the user to a different URL on successful submission, then you can configure the same via "Auto Redirect" configuration via the formX settings panel.


Follow these steps,


  1. Login to formX console
  2. Navigate to the form where you want to configure the auto redirect option, using the switcher on the top left of the screen.
  3. Go to Settings Tab
  4. Now click on the Options link there on the side menu.
  5. Ensure that "Auto Redirect" toggle is set to On.
  6. Enter your redirect URL there. 
  7. Save the settings.


#3 Custom Redirect


In case you want to handle the successful outcome of the submission in your own way, you can do that as well by the following method.


This is to be handled at code level, where you pasted the formX script on the page.


You can modify the snippet similar to the following code snippet,


<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>



Here is a quick sample reference of how we handle custom success handlers in our https://formx.stream/ landing page,