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.

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.

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.

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

Last updated