# Create New Webform View

To create a new webform view, follow the steps below:

1. Navigate to **Structure** \ ***Webform***
2. Click on **Add webform** button

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2F2p93409v6Pml24TDQ0lu%2Fimage.png?alt=media&#x26;token=5b93463f-9ad6-41c5-a393-f680995d378b" alt=""><figcaption><p>Adding Webform</p></figcaption></figure>

3. Fill the information in the fields in **Add webform** window.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FwqADWoSWn5ozRjS87Xo2%2Fimage.png?alt=media&#x26;token=2260d049-c890-40f3-a96e-fee993d4e6a0" alt=""><figcaption><p>Add Webform Window</p></figcaption></figure>

4. Click on **Save**
5. After clicking **Save** the site will direct you to the **Build** tab to add additional elements.
6. Click on **Add elements**.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FfdqMoeK5nLiGco9s8A9U%2Fimage.png?alt=media&#x26;token=fc85023f-b820-4b98-b8da-7590dc53e6a1" alt=""><figcaption><p>Webform Build Tab</p></figcaption></figure>

7. Add the desired elements.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FV3gLpwswS4rouDPnRjSU%2Fimage.png?alt=media&#x26;token=8434875c-3a43-4057-9fd9-4cb1917cb36b" alt=""><figcaption><p>Adding Elements</p></figcaption></figure>

8. Click **Save + Add element**

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FZKzcGXoqQpxZxjoVVFeE%2Fimage.png?alt=media&#x26;token=db1ccaf7-b43c-4be7-be69-daac43f1ef8e" alt=""><figcaption><p>Saving Element</p></figcaption></figure>

{% hint style="info" %}
You have the ability to rearrange webform elements by dragging and dropping the items.
{% endhint %}

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FvhjRBvTSa4WqPfU91aQP%2Fimage.png?alt=media&#x26;token=429dc0ef-256e-428b-8f1d-eedc25175183" alt=""><figcaption><p>Rearrange Elements</p></figcaption></figure>

9. Click the **View** tab to see the form frontend.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FWNLTSxq02Yq8jQ6l2lhw%2Fimage.png?alt=media&#x26;token=bad0a2ee-bdb8-43aa-8f57-ca47b8e26f28" alt=""><figcaption><p>View Webform Tab</p></figcaption></figure>
