Would you like to provide more information to your users as they complete your WordPress forms? Users can get a better understanding of form requirements with additional instructions, making it more likely they successfully complete your form.
In this tutorial, we’ll show you different ways to add extra text and descriptions to your forms with WPForms.
- Adding a Form Name and Description
- Adding a Field Label, Description, and Placeholder
- Using an HTML Field
- Adding a Section Divider
- Adding a Form Page Title and Description (for Multi-page forms)
Adding a Form Name and Description
The name and description of a form allow users to get an overview of the form in a quick glance. When you create a new form, you’ll be able to add the form name in the Setup page of the form builder.
The form description allows you provide more information to users. To add a description to your form, go to Settings » General and edit the Form Description field.
To display the form name and description in your form when adding a form to a page using the WordPress Block editor, open up the Form Settings panel and turn on the Show Title and Show Description settings.
On the front-end of the site, here’s how the form name and description looks when the form is published:
Adding a Field Label, Description, and Placeholder
While the form name and description can give users an overview of the form, adding field labels, field descriptions, placeholders, or a combination of these, allows you to provide specific information for an individual field.
In the form builder, click on the field you’d like to add information for. This will open the Field Options screen, where you can edit the fields for Label and Description.
If you’d like to, you can also add a placeholder text within fields to show users some example input. To add a placeholder, click on the field to open its Field Options. From there, open up the field’s Advanced Options and add your preferred text in the Placeholder Text field.
Here’s how the email field look with field label, description and placeholder text, when published:
Using an HTML Field
The HTML field in WPForms allows you to add standalone text or HTML code to your form. To add this field to your form, look under the Fancy Fields and click on HTML.
Then, simply add the text you’d like to include into the Code field. If you’d like to, you can format the text with HTML.
Here’s how the text in the HTML field look like when published in a form above a paragraph input field:
If you want to add a link to your form, you can use the HTML field for this as well. All you need to do is add the code for the link into the HTML field:
Here’s how a link will look within a published form:
Note: If you’re unsure how to create an HTML link, be sure to check out Mozilla Developer Network’s guide on creating hyperlinks for more details.
Adding a Section Divider
If you have different parts to your form, you might like to add a section title and some description to define each section of your form. To do this, look under Fancy Fields and click the Section Divider option to add it to your form.
To change the title and description of the Section Divider, click on the Section Divider field in the form builder to open up its Field Options. From there, you can edit the Label and Description settings to whatever you’d like.
Here’s how the Section Divider field would look when the form is published:
Adding a Form Page Title and Description (for Multi-page forms)
A multi-page form is a great way to organize a large form, and adding titles to each page gives users more information about each page.
To add page titles, click on the Page Break element in the form builder preview to open up its settings. From here, you can edit the Page Title field.
Here’s how the page title would look on a published form:
That’s it! Now you know a variety of different ways to add text to a form.
Next, would you like to use tooltips to show more information to users? Then check out our guide on adding tooltips to your forms.