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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.senpiper.com/form-builder/creating-forms/additional-form-settings/configure-pre-loader.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.