# 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://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/YC81Y3LdUT46pWZJOznv/image.png" alt=""><figcaption><p>Adding Webform</p></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/iHNptbWetldSX0p4QfC8/image.png" 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://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/B61ta3HSpjr7JcEEJtyh/image.png" alt=""><figcaption><p>Webform Build Tab</p></figcaption></figure>

7. Add the desired elements.

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/qOEJIO2Pu5vh5BhJKg4K/image.png" alt=""><figcaption><p>Adding Elements</p></figcaption></figure>

8. Click **Save + Add element**

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/2Taojw7xLhuIhqxgYHLf/image.png" 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://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/sMo7jBCLCposrPZrCTKN/image.png" alt=""><figcaption><p>Rearrange Elements</p></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/3AqWTAN3dmAhUTSJ0e3g/image.png" alt=""><figcaption><p>View Webform Tab</p></figcaption></figure>
