# Adding form elements

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

* [Layout elements](https://docs.super-forms.com/elements/layout-elements)
* [Form elements](https://docs.super-forms.com/elements/form-elements)
* [HTML elements](https://docs.super-forms.com/elements/html-elements)

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="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2Fy7EISF9SygwIWYoAN1Zi%2Fdrag-and-drop-form-builder-wordpress.gif?alt=media&#x26;token=c1e080f5-2e38-4f1a-9823-7b5e6cdde786" 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 %}