Build success and error screens
Once you have designed your form widget's elements, established rules, and set up data transmission, you can create additional screens to inform your visitors about the success or failure of sending the form.
Design your screen
To design your screen:
- Click the name of your widget in the top left of the Widget Studio.
- Double-click Add screen to create a validation screen or an error screen.
- Design your screen as you wish.
Configure Events
After creating your screens, you must set up events to display the appropriate screen based on whether the visitor's data submission succeeds or fails.
To set up events:
- Click Event > Add event.
- Select HTTP Response.
The HTTP Response event only appears if you've added an HTTP Request action. If you haven't, you must define what happens when a user submits the form by setting a trigger and adding an HTTP request action to send the form data to the specified URL.
- Select On success or On error depending on the screen you want to display.
- Select the name of the request linked to your HTTP Response in the Response Name menu.
We now need to specify what happens when your event is triggered. To do this:
- Click Add action > Elements > Show element.
- Select either Success screen or Failure screen depending on the screen you want to display.
Your event is created. When the request is successful, the success screen will be displayed. If an error is detected, the error screen will be displayed.