Redirect To a Specific Page Depending on Form Dropdown

Site URL: https://northshore-village-hoa.squarespace.com/dues-form

I am trying to set up a form to forward someone to a specific page after they choose a specific item from the drop down. I would like to point each option from the drop down - 1 month, 6 months, and 1 year to a different page for each one. 

I tried to work off of this thread -> Custom Redirect Forum Post, but am still unsuccessful. I have the code provided by @creedonin the header, but it's still not forwarding to the sites (they are random sites on my page for now, but will be the correct page in the near future). Any ideas?

Thanks!

The first thing you need to do is set the POST-SUBMIT REDIRECT. The URL should be either a default page. Or in your case it sounds like there is no default as each option will go to its own page. So the redirect should be to an error page you create saying something like sorry there was an error and how to recover, start over, contact you, etc. Whatever makes sense for your situation.

The code examples in that thread are very specific to the site, using references to elements that would only be on the site.

The good news is that the code can be adapted to others sites.

Give me a day or so to tweak the code to work for your site.

This worked perfectly! Thanks so much, @creedon! 

On 3/28/2021 at 8:06 AM, mmontg18 said:

Site URL: https://northshore-village-hoa.squarespace.com/dues-form

I am trying to set up a form to forward someone to a specific page after they choose a specific item from the drop down. I would like to point each option from the drop down - 1 month, 6 months, and 1 year to a different page for each one. 

I tried to work off of this thread -> Custom Redirect Forum Post, but am still unsuccessful. I have the code provided by @creedonin the header, but it's still not forwarding to the sites (they are random sites on my page for now, but will be the correct page in the near future). Any ideas?

Thanks!

i also tried it and successful 

URL for the form selection - https://www.ckesn.com/service-network

Hi @creedon. I am looking for some help on this as well. I am trying to redirect based on selection. Each state would go to its corresponding blog post. I think I have copied the code correctly but cant get it to direct properly. Any chance you could help out?

@wcbailey

Are you married to having the form set to lightbox? My code wasn't designed to work with lightbox forms.

If not I have updated my cited code.

13 hours ago, creedon said:

@wcbailey

Are you married to having the form set to lightbox? My code wasn't designed to work with lightbox forms.

If not I have updated my cited code.

 

I wasn't sure how to use your updated code because I couldn't get it to work so I just tried to turn the lightbox off. It still isn't working so I am not sure what I broke.

@wcbailey

Two issues.

Remove the following line.

<script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.1d7/twcsl.js"></script>

It is no longer needed for the current code.

The option url pairs should have no empty lines. Following is a partial example.

fbsfpsrc

Alabama
https://www.ckesn.com/state/Alabama

Alaska
https://www.ckesn.com/state/Alaska

Becomes.

fbsfpsrc
Alabama
https://www.ckesn.com/state/Alabama
Alaska
https://www.ckesn.com/state/Alaska

Your URLs could go from https://www.ckesn.com/state/Alabama to /state/Alabama, if you want. Either will work. The latter is an internal URL. You can even mix external and internal forms. The code doesn't care. It just blindly stuffs whatever you type into the proper place for SS to do it's magic with the redirect.

Let us know how it goes.