Create a Welcome Page in Your Form
About Welcome Page
A Welcome page (also known as a Start page) is the first screen respondents see before they begin filling out your form. It allows you to introduce the purpose of the survey, provide instructions, explain what information will be required, and set expectations about completion time.
A Welcome page is useful when you need to:
- Provide context about the form or organization
- Explain what respondents should prepare in advance
- Inform users how long the form will take
- Outline what happens after submission
- Collect consent before proceeding
Using a Start page helps respondents feel informed and prepared, which can improve completion rates and reduce confusion.
Supported Question Types
You can add any question type to your Start page. However, the most common inputs used on a Welcome page are:
- HTML – to add formatted text, headings, lists, and links
- Single-Line Input – to collect basic information (for example, full name or age)
- Checkboxes – to collect consent or confirmation
In this guide, we will show how to use these input types to create a Welcome page in your form.
How to Add a Welcome Page to Your Form
If you wish to provide context or instructions before respondents proceed with filling out the form, you can add custom formatted text using an HTML question.
To do this, follow these steps:
- Add an HTML question to your form.
- Assign a Question name (ID) to it.
- Enter your HTML markup in the HTML markup field. For example:
<h4>Welcome to the Loan Application</h4>
<p>Thank you for choosing to apply with us. This form will guide you through a few simple steps to help us understand your financial needs and evaluate your application.</p>
<h5>What you’ll need:</h5>
<ul>
<li>A valid government-issued ID</li>
<li>Employment and income details</li>
<li>Information about your existing obligations</li>
<li>Bank account details (if applicable)</li>
</ul>
<h5>What to expect:</h5>
<ul>
<li>The application takes about <strong>10–15 minutes</strong> to complete</li>
<li>You can review and update your information before submitting</li>
</ul>
<p>Once submitted, our team will review your application and contact you regarding the next steps.</p>
<p>Please click <strong>Start</strong> to begin your application.</p>
- At the top of the Property Grid, select Survey to switch to survey-level settings.
- Under Navigation, locate and enable the First page is a start page setting.
- Optionally, customize the "Start Survey" button text.
- Add other pages to your form as needed.
Once the Welcome page is enabled, respondents will see it first and must click the Start button to proceed.
To learn more about HTML markup syntax, refer to the following guide: How to Add Custom Survey Elements Using HTML.
How to Collect Consent from Respondents
You can also use the Welcome page to collect consent before respondents proceed to the form. In some cases, you may also need respondents to review a document (such as a Privacy Policy) before providing consent. You can insert a link to such a document in an HTML question.
To create a consent section with a Privacy Policy link, follow these steps:
- Add an HTML question to your form.
- Assign a Question name (ID) to it.
- Enter your consent note in the HTML markup field. For example:
<p>
Before submitting your application, please <strong>review the statement below</strong>.
You must provide your consent to our
<a href="https://surveyjs.io/terms-use#privacy-statement" target="_blank">Privacy Policy</a>
in order for us to process your loan application.
</p>
- Add a Checkboxes question to your form.
- Assign a Question name (ID) to it.
- In the General settings, clear the Show the title and description option to hide the question title.
- Switch to Choice Options.
- Remove extra choices and leave only one.
- Click the Pen icon to open the Choices configuration popup.
- Assign the option using the
value|textformat. For example:
confirmation|I confirm that the information provided in this application is accurate and complete, and I consent to the processing of my personal data for the purpose of evaluating my loan application in accordance with the Privacy Policy.
- Click Apply.
- Optionally, place both questions inside a Panel element to make the layout more homogeneous.
- Repeat steps 4-7 from the previous section to make sure the page is configured as a Start page.
Now, respondents will see your introduction, review the policy, and confirm their consent before proceeding.
See Also
Send feedback to the SurveyJS team
Need help? Visit our support page