> For the complete documentation index, see [llms.txt](https://hulkplugins.gitbook.io/advanced-fields-for-elementor-forms/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hulkplugins.gitbook.io/advanced-fields-for-elementor-forms/fields/how-to-add-dropzone-field-in-elementor-form.md).

# How to add Dropzone Field in Elementor Form

You can easily add a Dropzone field inside your Elementor Pro form. Please just follow these steps:

* Firstly, make sure you have "**Turned on**" the Dropzone Field in the **WordPress Admin Panel > Elementor > Advanced Fields > Form Elements Tab.**

<figure><img src="https://657136784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2FTLZ0aEFgl479x2zeSEre%2Fimage.png?alt=media&amp;token=a7b57ad7-4aef-49bf-ac66-5ccc42130eff" alt="" width="394"><figcaption></figcaption></figure>

* Search "**Form"** inside the Elementor widgets section.
* It will create a form with the default three fields.
* Select "**Dropzone**" field type.

<figure><img src="https://657136784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2FelneTfFNpNzjqCRvULKa%2Fimage.png?alt=media&amp;token=6f685150-1a77-45d5-a95c-5c073520f637" alt="" width="563"><figcaption></figcaption></figure>

* The style settings are inside the style tab of the form widget.

<figure><img src="https://657136784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2FmZkfE6QFmChhrIjxRpG7%2Fimage.png?alt=media&amp;token=3ffae2f9-286e-4685-a689-7f0edb9f5d99" alt="" width="309"><figcaption></figcaption></figure>
