# Configure post loader

## What is a post-loader page?

A post-loader page allows you to display **custom information to the users after they submit a form**. This is generally used to display thank you messages after form submission. This screen will always have a button to digitally prompt the user to take the required action.

You can either **create your own custom post-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 post-loader page?

To create a custom post-loader page,

1\.    In the **Settings** screen, from the left pane, select **Configure post loader**.

The **Apply consequent page on this form** screen is displayed in the right pane.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FczfCyM6VODRlxFBK7PeZ%2Fimage.png?alt=media\&token=ff836986-ed9f-4f6e-b68c-547cb03b0e7b)

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

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

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FURRgKkMbwK2iZuc87bZw%2Fimage.png?alt=media\&token=f25b4cf4-c225-4b78-bbba-99fe6f1ba9a7)

3\.    In the text area, enter the text that you want to be displayed in the post-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 post-loader page every time a user submits 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 submits the form for the first time                                 |

5\.    At the bottom right of the screen, click **Create Form** or **Update Form**.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FkxZbPqcbpv6GqhK1ieRS%2Fimage.png?alt=media\&token=6d347c5f-fd7f-488a-951d-0fa6f3708dcc)

Based on the settings above, your custom post-loader page is created and will be displayed when they submit the form for the first time.

## How to use an existing HTML as a page-loader?

To use an existing HTML as a post-loader page,

1\.    In the **Settings** screen, from the left pane, select **Configure post loader**.

The **Apply post-loader on this form** screen is displayed in the right pane.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FQSNgPYWR5H58yroIb7wO%2Fimage.png?alt=media\&token=e35a36f4-2bbc-40fe-a8b1-f31ae7e50024)

2\.    In the right pane, select **provide any other HTML URL**.

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

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FeLd224iSVyXyhKPkffQF%2Fimage.png?alt=media\&token=ce4781f1-9c00-4039-a707-23f49ef50b29)

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 post-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 submits 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 submits the form for the first time                                 |

4\.    At the bottom right of the screen, click **Create Form** or **Update Form**.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2F5WlMzVQEI6xUirROoaqt%2Fimage.png?alt=media\&token=aa90835f-459e-4da6-99b4-c6f36152b71c)

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

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FbbrQtdsYbceRaiztxzSz%2Fimage.png?alt=media\&token=9e2f09bb-ec1f-4bac-8ad7-dc630ff87a84)