# Adding form elements

Once you [created a form](/quick-start/creating-a-form.md), you can start adding elements. There are currently three different types of elements:

* [Layout elements](/elements/layout-elements.md)
* [Form elements](/elements/form-elements.md)
* [HTML elements](/elements/html-elements.md)

To add an element to your form open the section for your type of element e.g "Layout elements".

Hover over the element, hold down your left mouse button and drag it onto the canvas where it says "Drop elements here" like so:

<div align="left"><figure><img src="/files/uGhcIyGEKa9hWaKiwx50" alt="Drag and drop WordPress form builder"><figcaption><p>Drag and drop WordPress form builder</p></figcaption></figure></div>

{% hint style="info" %}
**Note:** In general it is good practice to always use columns when building your forms. This will allow you to move multiple elements around, and makes it easier to re-arrange, delete, duplicate elements in bulk.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.super-forms.com/quick-start/adding-form-elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.