Do you want to add instructional text to a form on your WordPress website?
Including instructional text on your form allows you to share a descriptive prompt or directions for users who are filling out your form.
With WPForms, you’ll find a handful of ways to add instructional text to your form. And the many options for customization allow you to include instructional text in a variety of styles to fit your needs.
In this article, we’ll walk you through 4 different ways to add instructional text to a form.
What Are Some Examples of Instructional Text?
Instructional text directs readers how to complete a task, such as instructing website visitors to fill out a form.
While instructional text can vary in content and length, such as a recipe or user manual, this text would likely be a short snippet when included on an online form.
For example, you may be simply prompting your website visitors to send a message to you on your contact page. So, your instructional text might be something like, “To contact us, please fill out the form below.”
In a nutshell, instructional text simply directs website visitors toward what you want them to do.
How to Add Instructional Text to a Form (4 Ways)
In This Article
1. Content Field
One way to add instructional text with the WPForms form builder is by using the Content field. To access the Content field, you’ll need the WPForms Pro license.
In our example, we’ve dragged and dropped our Content field at the top of the form, where we’ll insert directions for users to fill out the form.
To do so, just click on the field to open its Field Options and then enter your text in this text box that appears on the left.
Here in the text editor in our example, we’ve written a welcoming message and prompt for visitors to fill out our form.
You can adjust the font, size, color, and other styling elements of the text you’re including in the Content field using the formatting tools built into the text editor.
You may find that you want to use this field in other places on your form, too, since it’s an easy way to add customizable text anywhere you want it.
2. Field Descriptions
Another way to add instructional text to your form is by using the field descriptions themselves. Most fields in WPForms allow you to write out a small text description, which is displayed with the given field.
To add a description to any field, first insert the field into your form and then click on it to open its Field Options. Now, in the General tab of the Field Options, you can enter your instructions in the Description text box.
So, we’re adding instructional text to the Email field by clicking on the General tab and writing instructions in the Description box.
Then, what you’ve written in the Description will appear as small text directly below the field on the form.
In our example here, we’re instructing website visitors to enter their email addresses, but you may decide to use the settings of other fields on your form to customize your instructional text as you see fit.
3. Placeholder Text In Fields
You can also use other field settings to include instructional text in a different way.
In the Advanced settings of the field, you have the option of writing out a bit of Placeholder Text.
This means that the text you enter here will act as a placeholder in the field.
From the Advanced tab under the Field Options, you’ll scroll down to the box labeled Placeholder Text. Then, the instructional text you write here will appear inside the entry box of the Email field on your form.
Since this text is placed in the email entry box of the field, you’re limited on space. So, you need the instructional text here to be somewhat short.
For longer directions or prompts, it’s tidier to use Descriptions under the field, as shown in the previous method.
4. Editing Text In the Section Divider
The next way you can add instructional text to your form is by editing the text in the Section Divider field. You’ll find it back in the Fancy Fields we accessed in the first example.
Once again, you can drag this field to place it where you’d like on your form.
In our example here, we’re placing the field at the bottom section of the form, between the comment box and submit button. This will act as a concluding message to visitors to wrap up the contents of the form.
Then, you’ll use the Label and the Description together to create your instructional text. But you can use either of these options to style your form however you like.
Since the Label of the field is displayed in a bold font, we’re inserting the important text here in our example. We’ll use the smaller text of the Description to include a short message.
And like we’ve mentioned, you can utilize the different font sizes to style your instructional text however you’d like, or you may decide to simply not use one of the options at all.
Notice how the method we’ve used here creates a similar text style to what we created with the first example, using the Content field. However, there are many additional options for font customization thanks to the text editor of the Content field.
That said, you’ll find what you prefer as you edit and customize your own form to fit your needs.
Next, Use the Content Field to Add a Header Image
Remember how we skipped the Add Media button in the Content field from example one? Now’s the time to revisit it and add a header image to your form. Including a header image is a creative way to personalize your form or promote your business.
Check out this tutorial on how to use the Content field to add a header image.
Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.