Senpiper
  • Introduction to Senpiper One Resource
  • Getting started
    • Overview
    • Log in to the platform
    • Web workspace
    • Mobile Applications
    • White-labeled Apps and custom domains
  • Groups/Applications
    • Groups Overview
    • How to create groups?
    • Open vs Closed groups
    • Managing group members
      • Types of group members
      • Manual Group member management
        • Adding users individually
        • Adding users in bulk
        • Removing users
      • Automated user management
        • How to define criteria for adding users?
        • How to auto-remove users?
        • User Removal Alerts and Task Delegation
    • Group Details on web
      • Form Table View
      • Kanban View
      • Group chats
      • Pending task (assigned to you)
        • How to access the tasks assigned to you?
        • How to take actions on the tasks assigned to you?
        • How to toggle between different views?
    • Group Details on Mobile Apps
      • Managing Group Views
      • Group Chat Features
      • Form Submissions
        • Form card settings
      • Media Directory
        • How to create Media folder ?
        • How to upload media ?
        • How to delete Media ?
      • Pending Tasks
      • Group Settings
  • Media folders
    • Overview
    • How to access the Media Folders?
    • How to create media folders?
    • How to upload media files in folders?
    • How to delete media folders and files?
  • Scheduler
    • Overview
  • HOW TO CREATE APPLICATIONS
    • Overview
    • Tools to create an application
  • USER MANAGEMENT
    • Introduction
    • Managing users
      • User lists
        • How to create user lists?
        • How to create users?
        • How to add custom user list parameters?
      • How to add users to a user list?
        • Adding multiple users to a user list
      • More actions
        • Viewing users
        • Searching users
        • Downloading user lists
        • Delegating tasks
        • Viewing the change log of a user profile
        • Editing users
        • Deleting users
        • Blocking users
        • Unblocking users
        • Unlocking user
        • Granting permissions to users
    • Managing custom roles
      • Creating roles
      • Assigning custom roles to users
      • Removing custom roles from users
      • Granting permissions to roles
    • Roles and Users for the Reimbursement Use Case
  • FORM BUILDER
    • Introduction
    • How to create forms?
      • Basic details
      • Adding fields and saving a form
        • Types of fields
        • Default field settings
        • Individual field settings
        • Creating master records
        • Language settings for fields
      • Additional form settings
        • Conditions
          • Manage field settings
          • Copy field values
          • Conditional values of fields
            • Master Mapping
          • Validate field values
          • Calculate field values
          • Validate location
          • Face Matching
          • Append values to a field
        • Submit button settings
        • Configure pre loader
        • Configure post loader
        • Set form card layout
        • Set form table properties
    • Advanced concepts
      • Parent-child form settings
      • Using report data in forms
    • Editing forms
    • Deleting forms
    • More form options
  • WORKFLOW BUILDER
    • Introduction
      • Overview
      • Navigating workflow builder
      • How to add a new workflow?
      • How to view draft workflows?
    • Defining workflows
      • Define conditions for a workflow step
      • Define Workflow Actions
        • Configuring communication settings
        • Configuring a conditional assignee
        • Selecting an assignment strategy
      • Define workflow Step
        • Updating the status for a step of the workflow
        • Configuring button settings for a step of the workflow
          • Basic details
          • Form edit settings
          • Assignment settings
          • Comment log settings
          • Auto trigger settings
          • Time settings
      • Ending workflow
    • Editing workflows
    • Deleting workflows
    • Designing the reimbursement workflow (Path 1)
    • Designing the reimbursement workflow (Path 2)
  • ALARM BUILDER
    • Introduction
    • Alerts for form submission
      • Add New Alarm
        • Configuring the basic details
        • Defining the communication type
          • Send an Email
          • Send an SMS
          • Send an App Notification
        • Setting up the schedule for alerts
      • Viewing alarm event details
      • Editing an existing alarm
      • Deleting an existing alarm
    • Alarms for Custom Data Exports
      • Add a new alarm
        • Configuring Basic Details
        • Configure Content
        • Define Schedule
      • View Alarm event details
      • Clone a Alarm
  • General System Settings
    • Introduction
    • Authentication settings
      • Login option Preferences
      • Password settings
      • Custom URLs
    • Organization Branding
    • Custom Settings
    • Enable Sign-Up
      • Build a Sign-up form
      • Settings for Sign-up form
      • Customize Sign-up form
  • DIGITIZE A SAMPLE PROCESS
    • Overview of the process
    • Step 1: Register a company
    • Step 2: Create a group/Application
    • Step 3 : Design forms
    • Step 3: Create Process flow
    • Step 4 : Set up the communication
    • Testing the platform
  • Process migration
    • Introduction
  • Different types
  • Steps for migrating any process
Powered by GitBook
On this page
  • What is a pre-loader page?
  • How to create your own preloader page?
  • How to use an existing HTML as a page-loader?

Was this helpful?

  1. FORM BUILDER
  2. How to create forms?
  3. Additional form settings

Configure pre loader

PreviousSubmit button settingsNextConfigure post loader

Last updated 3 years ago

Was this helpful?

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.