> For the complete documentation index, see [llms.txt](https://docs.senpiper.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.senpiper.com/form-builder/creating-forms/additional-form-settings/configure-pre-loader.md).

# 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.

![](/files/IMJ9y8qqCv6m9vd048vQ)

2\.    In the right pane, select **Create your own preloader page**.

The settings for configuring your own pre-loader page are displayed.

![](/files/RkKctLtlMsnsMOWRl90H)

3\.    In the text area, enter the text that you want to be displayed in the pre-loader page.

{% hint style="info" %}
Use the rich text editor for formatting the text in the text area.
{% endhint %}

4\.    Enter the following details:

| Field                                               | Description                                                                                                                                   |
| --------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| Primary button name\*                               | <p>Enter a name for the button that will prompt the user to take an action</p><p><em><strong>Note</strong>: This field is mandatory.</em></p> |
| 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**.

![](/files/kUicNkokTwNaq5u7ZXRs)

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.

![](/files/9zYxjzefU7qPci7xxV4i)

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**.

![](/files/PXvFOCVmYxH72kdEU7UR)

The settings for configuring an external HTML as a pre-loader page are displayed.

![](/files/l66wKC8lgTO3x1Je6Cbt)

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\*                               | <p>Enter a name for the button that will prompt the user to take an action</p><p><em><strong>Note</strong>: This field is mandatory.</em></p> |
| 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**.

![](/files/vhAJNykUmUpncP6sIQvg)

Based on the settings above, the content of the external HTML page will be displayed every time the user opens the form.

![](/files/LAfF5H3bflS8HFmJ6Nqy)