# 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**](https://salsa-digital.gitbook.io/govcms-content-administration/unit-11-capturing-data-with-forms/exercise-11-1-create-a-basic-webform).

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.

<figure><img src="https://1079433754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lyh9JMywljz0CN8oT8o%2Fuploads%2Fn4Bb66UFCfwYaMk02oKe%2Fimage.png?alt=media&#x26;token=a4bea647-b829-4b8f-baf3-dee4c5f6bd46" alt=""><figcaption><p>Showing the Build button for the webform</p></figcaption></figure>

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](https://1079433754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lyh9JMywljz0CN8oT8o%2Fuploads%2Fgit-blob-ba7fbaa7133dc43389545bc209619f29799fc579%2FUnit-11-Webform-components-3.png?alt=media)

![Image of Webforms page](https://1079433754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lyh9JMywljz0CN8oT8o%2Fuploads%2Fgit-blob-06388bbaba7015e31fb945b4bc25210914db76ce%2FUnit-11-Webform-components-4.png?alt=media)

## 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](https://1079433754-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lyh9JMywljz0CN8oT8o%2Fuploads%2Fgit-blob-02e63aea5dbca714a2d1c04fd95bed1869438237%2FUnit-11-Webform-components-5.png?alt=media)

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 | <p>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.</p><p><strong>Tip</strong>: Be careful creating a "Thank you" page as it may appear on other pages, such as search results.</p>                                                                                              |
| Submission limits    | <p>You can control how often a form can be submitted using the two "submission limit" fields.</p><p><strong>Tip</strong>: 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.</p> |
| And many more...     | The GovCMS Webform provides great flexibility. Have a look through the other options to familiarise yourself with the form.                                                                                                                                                                                                                                                                     |

###
