Configure pre loader
What is a pre-loader page?
A pre-loader page allows you to display custom information to the users just before they open a form. This is generally used to display welcome messages or a terms & conditions screen. This screen will always have a button to digitally prompt the user to take the required action.
You can either create your own custom pre-loader screen or provide a URL of an external HTML that needs to be displayed prior to accessing the form.
How to create your own preloader page?
To create a custom pre-loader page,
1. In the Settings screen, from the left pane, select Configure pre loader.
The Apply pre-loader on this form screen is displayed in the right pane.
2. In the right pane, select Create your own preloader page.
The settings for configuring your own pre-loader page are displayed.
3. In the text area, enter the text that you want to be displayed in the pre-loader page.
Use the rich text editor for formatting the text in the text area.
4. Enter the following details:
| Field | Description |
|---|---|
Primary button name* | Enter a name for the button that will prompt the user to take an action Note: This field is mandatory. |
Secondary button name | If you want to give a second option for the user to take action, enter the name of the second button |
Show this HTML to user every time before submission | Select this if you want to display this pre-loader page every time a user opens the form |
Show this HTML to user one time before submission | Select this if you want to display the pre-loader page only when the user opens the form for the first time |
5. At the bottom right of the screen, click Create Form or Update Form.
Based on the settings above, your custom pre-loader page is created and will be displayed when they open the form for the first time.
As you can see, the user will be directed to the form only after they click on one of the buttons of the pre-loader page.
How to use an existing HTML as a page-loader?
To use an existing HTML as a pre-loader page,
1. In the Settings screen, from the left pane, select Configure pre loader.
The Apply pre-loader on this form screen is displayed in the right pane.
2. In the right pane, select provide any other HTML URL.
The settings for configuring an external HTML as a pre-loader page are displayed.
3. Enter the following details:
| Field | Description |
|---|---|
Provide any other HTML URL | Enter the URL of the external HTML page that you want to display as a pre-loader page |
Primary button name* | Enter a name for the button that will prompt the user to take an action Note: This field is mandatory. |
Secondary button name | If you want to give a second option for the user to take action, enter the name of the second button |
Show this HTML to user every time before submission | Select this if you want to display this pre-loader page every time a user opens the form |
Show this HTML to user one time before submission | Select this if you want to display the pre-loader page only when the user opens the form for the first time |
4. At the bottom right of the screen, click Create Form or Update Form.
Based on the settings above, the content of the external HTML page will be displayed every time the user opens the form.
Last updated
