How can I redirect to a different form within my website?

Hello,

We've embedded the FREE QUOTE form as a lightbox popup on our website, volostg.wpengine.com. The goal of the form is to have the user fill out their info, and then when they hit submit, they see a 'thank you' page where they are given the option to continue to the application form with their pre-filled info.

We have this set up in Jotform, but instead of redirecting *within* the website, it redirects to the application form using a Jotform URL. Is there a way to manipulate this to where the user sees the thank-you page, clicks "continue to application", and is then redirected to volostg.wpengine.com/apply with the pre-filled info as well?

Please let me know if a screen recording would better clarify - thank you!

Hi Stena,

Thanks for reaching out to Jotform Support. Do you mean you want to redirect to the webpage with a prefilled value after submitting the form? If so, you can add URL parameters to the embed code of the second form. You might also want to check out this guide about How to Automatically Pass Form Data to Another Form. But, if you were referring to something else, can you explain a bit more so we can help you with it?

Reach out again if you need any other help.

Hi Lorelie,

Yes, that's correct. After the user fills out the FREE QUOTE form, this thank you page (screenshot below) appears and gives the user the option to continue to the application.

Rather than having the 'apply now' button in the thank-you screen redirect to the application in a Jotform URL, we'd like for it to redirect to the application form within our website and with the pre-filled values.

Is there a way to do this?

Hi stenamarketing, 

Thanks for getting back to us. There's no option to change the properties of the Action Buttons in the Thank You Page. But here's a workaround you can try:

1. First download any free button image.
2. Then, in the Thank You Page settings, click on the Insert Image icon and upload the button image.
3. Once the image is uploaded, select or highlight it.
4. Click on the Chain icon/Insert or Edit Link and insert the URL, then paste the URL of your page.

Here's the form once you've added the button in the Thank You Page.

Give it a try and let us know how it goes.

Hi - but will doing that still carry over the information from the previously filled form?

The pro of the current setup is that it had the pre-filled data option.

Hi stenamarketing, 

Thanks for getting back to us. I'm sorry you're having difficulties with this. If you want to be redirected to the website with the prefilled URL of the first form, you'll need to use prefill parameters to the URL of the webpage where the second form is embedded. This guide will show you how to do that.

Let us know if you need any more help.

Hi Stenamarketing,

Redirecting to a different form within your website typically involves using HTML and/or JavaScript. Here's a general guide on how to do it:

1. Create the Target Form: First, ensure that you have the form you want to redirect to already set up on your website. Make sure it has a unique ID or some way to identify it.
2. HTML Form Element: In your source form (the one you're currently on), you'll need a trigger to initiate the redirection. This trigger could be a button or any HTML element that can trigger a JavaScript function. Here's an example using a button:

html



Copy code

<button id="redirectButton">Go to Another Form</button>

1. JavaScript: You'll need JavaScript to handle the redirection. You can use the window.location object to redirect to another URL. In this case, you'll redirect to the URL where the target form is located.

html



Copy code

<script> document.getElementById("redirectButton").addEventListener("click", function() { // Replace 'target-form-url' with the actual URL of the target form window.location.href = "target-form-url.html"; }); </script>

Replace "target-form-url.html" with the actual URL of the target form.

1. Handling Form Data (Optional): If you want to pass data from the source form to the target form, you can do so using query parameters in the URL. For example, you could construct the URL like this:

javascript



Copy code

window.location.href = "target-form-url.html?param1=value1&param2=value2";

Then, in the target form, you can use JavaScript to extract and process these parameters.

1. Testing: Test your source form to ensure that clicking the trigger button correctly redirects you to the target form.

Remember to replace "target-form-url.html" with the actual URL of the target form you want to redirect to.

Keep in mind that this is a client-side redirection method. If you need to perform server-side actions before displaying the target form or if you want to hide certain information, you might need to implement server-side logic in addition to this client-side redirection.