> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/10.1.x/content-designers/webforms/create-new-webform-view.md).

# 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="/files/fdjKB5wxuUpOaXCZH5qs" alt=""><figcaption><p>Adding Webform</p></figcaption></figure>

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

<figure><img src="/files/mcF5afZZoq1aPza01Zhb" 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="/files/i55c3vLrJGKvySthnx35" alt=""><figcaption><p>Webform Build Tab</p></figcaption></figure>

7. Add the desired elements.

<figure><img src="/files/6AR8OeVE9zdP8DxPOzRg" alt=""><figcaption><p>Adding Elements</p></figcaption></figure>

8. Click **Save + Add element**

<figure><img src="/files/CyYL1YexUnIDOzEOkzlE" 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="/files/IbBEnhJQCciCXHpBQcOW" alt=""><figcaption><p>Rearrange Elements</p></figcaption></figure>

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

<figure><img src="/files/C5YTlQ6sXcHsa9sIukbi" alt=""><figcaption><p>View Webform Tab</p></figcaption></figure>
