Webform components

Webform components can be used to collect different types of data. Different elements can be added to a Form using similar steps to the way a Text field was added in Exercise 11.1.

To see all the elements available when creating or editing a form, click on Structure on the Admin menu then hover over Webforms then click on Forms.

Click on the Build button to the right hand side of a selected form, as shown in the screenshot below.

Showing the Build button for the webform

Click on the +Add element button to the top left of the screen.

You will see a long list of available components. Scroll down to see them all. The screenshots below show some examples from Basic elements, Advanced elements, File upload elements and Options elements.

Image of Webforms page

Image of Webforms page

Webform options

The Settings tab contains some useful advanced options.

1. To access these options, click on the Settings menu.

2. Click on the various 'second level' menu items (General, Form, Submissions, Confirmation, Emails/Handlers, CSS/JS, Access) to view the options available.

In the sceenshot below, the form is configured to direct a site visitor to a Confirmation Page (3). The Confirmation title and Confirmation message (4) can be customised as shown in the screenshot.

Image of Webforms page

Some of the more important and commonly used options are outlined in the table below.

Option	Description
Confirmation message	Displays a custom message to the user, such as “Thank you for filling out our feedback form. Someone will be in contact with you within the next 48 hours.”
Redirection location	You may redirect users to another page using this advanced setting. For example, you could create a "Thank you" page that’s used for all your form submissions. Tip: Be careful creating a "Thank you" page as it may appear on other pages, such as search results.
Submission limits	You can control how often a form can be submitted using the two "submission limit" fields. Tip: Submission limits can be tricky. For example, if you’re collecting anonymous information the system has limited ways of knowing if a site visitor has already submitted the form and it’s also possible to trick the webform into accepting multiple submissions.
And many more...	The GovCMS Webform provides great flexibility. Have a look through the other options to familiarise yourself with the form.