> For the complete documentation index, see [llms.txt](https://docs.super-forms.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.super-forms.com/quick-start/adding-form-elements.md).

# 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 %}