# Webform

### Summary

The Webform component allows you to add a webform into a content page - from a basic contact us form to a more comprehensive webform.

This section shows you how to add a Webform component into page.

Below you can see an example webform.

<img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-1d763973567061e559375ad8fb989bdca5d133fc%2Fimage.png?alt=media" alt="" data-size="original">

### How to add a Webform

**Step 1:** Go to the page you'd like to add the Webform to (or create a new page) and in the Content tab, Components section, select Webform from the dropdown list.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-920d2a86b54dca237c04e2d59a52ac124b89aaa2%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Step 2: Fill in the fields as per below.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-83b2f1a831858bab210592b519d583c422af24fb%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

1. Webform - Select a webform from the dropdown (note, before adding webforms to a page you'll need to create the webform).
2. Webform settings - choose the status (Open, Closed or Scheduled) and add default submission data if desired.
3. Theme - Select light or dark theme.
4. Vertical spacing - Add vertical spacing on the component (above, below or above AND below).
5. Background - Check this box to apply a background colour.
