Skip to main content
Guides: Forms

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

<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

<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

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';
  }
});

Was this helpful?

Still need help? Ask the team