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.
Image of Webforms page
Click on the +Add element button to the top right 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.
​

Exercise 11.1 - Create a basic Webform

Exercise 11.2 - Attach a form to a Webform page

Last modified 1yr ago

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.

Webform components

Webform options

​