Add a Dynamic Redirect After Form Submission
When creating a web form, Caspio Bridge gives you many possible actions after the user presses the submit button. This article explains how you can dynamically redirect a user to a specific URL based on their form input.
This technique can be useful in many situations:
- Multi-page forms where specific pages are filled out based on user type
- Registration that includes requests for more information (pictured)
- Targeted landing pages based on user information such as industry, or location
Steps to linking user input to form destination:
1. Enable Parameters
Select the DataPage you would like to modify and open the DataPage Wizard by clicking the Edit button. Be sure that both advanced options and parameters are enabled for this DataPage.
2. Create a Virtual field
At the lower right hand corner of the DataPage elements panel click the Insert button add a Virtual field. This field is going to receive the user input and translate it into the user’s destination.
3. Configure a dropdown
Select the Virtual field from step two. Select the “dropdown” option from the form element dropdown. By default the source of the dropdown will be custom values. Enter possible choices using the Custom Values tab. The display field will contain the option that is visible to your users. The value tab will contain the destination URL.
If you are not using relative URLs, be sure your URL includes the correct protocol (e.g. http://).
Full URL: http://www.yoursite.com/pages/choice1.html
Relative URL (both HTML pages are in the same directory): choice1.html
In this example we used custom elements to define the possible destinations. You could also use a lookup table with one field for the dropdown display, and another field for the destination URL value.
4. Pass the parameter
Once you’ve configured the dropdown click on the Advanced tab. Go to the On Exit section and click the checkbox to pass the field value to the next page. Click Next.
5. Catch the destination parameter in the last screen
Finally, in the Destinations and Triggers screen select the radio button labeled "Go to this page (URL)". Using the Insert button immediately to the right, insert the parameter for the Virtual field from the previous screen. If you are using a relative URL be sure to check the Relative checkbox to the right.
Testing and other concerns
Now when your users press submit their browser will be directed to a destination based on their input. In this example we used a Virtual field to receive input, but if you have a lookup table for your destinations you can also create a hidden cascading dropdown.
Be sure that this dropdown has no blank options, or is marked as required to avoid passing an empty destination parameter.