Steps to Programmatically Redirecting after a Form Submission

Written By Luke Wakefield

Last updated 10 months ago

On Forms you can set the default redirect in the Form Builder view in Siteglide.

However, if you wish to make this redirect dynamic, you can instead include a hidden field on the Form and set the redirect value there.

Step 1) Add an s_redirect input field to the form

Example
<input 
  id="s_redirect" 
  value="/home" 
  type="hidden"
/>

This example will redirect the user to /home no matter what the redirect says in Siteglide Admin. You can alter this value with JavaScript should you wish to have a dynamic redirect.

Step 2) Add JavaScript Logic to Adjust the value of the field based on some event

Liquid

Example
<select id="choose_office">
 <option selected value="1">London Office (Default)</option>
 <option value="2">New York Office</option>
</select>
<input id="s_redirect" value="/confirm-office-1">

JavaScript

Example
const select = document.querySelector('#choose_office');
const redirect = document.querySelector('#s_redirect');
select.addEventListener('change', function(e) {
  const t = e.currentTarget;
  const v = t.value;
  if(v === '1') {
     redirect.value = '/confirm-office-1';
  } else if(v === '2') {
     redirect.value = '/confirm-office-2';
  }
});