> 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-range-field-in-elementor-form.md).

# How to add Range Field in Elementor Form

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

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

<figure><img src="/files/L1MTOMARwvkHg4dV7B5t" alt="" width="398"><figcaption></figcaption></figure>

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

<figure><img src="/files/HINVaHY5oVolXGCYy1NC" alt="" width="563"><figcaption></figcaption></figure>

* **Min. Value**: The minimum selectable value on the range slider.
* **Max. Value**: The maximum selectable value on the range slider.
* **Step**: Determines the incremental steps between values on the slider. It is set to 1, meaning the slider moves one unit at a time.
* **Show Input**: This option toggles the visibility of a numerical input box where users can type a specific value. It is set to Show, and the input box is visible on the interface.

***

* Now click on the "**Advanced**" tab.

<figure><img src="/files/GmbLoXlF5hYb7zCFQO2J" alt="" width="284"><figcaption></figcaption></figure>

* **Default Value**: It lets you choose the default value of the range field.

## Video Overview

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2FvdROMb6RshcDdD3iSLXO%2Frange-field-demo%20-%20Made%20with%20Clipchamp.mp4?alt=media&token=a9a27bc2-409b-4f71-a4bc-6e8b50bb1ae4>" %}