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.

  • Search "Form" inside the Elementor widgets section.

  • It will create a form with the default three fields.

  • Select "Range" field type.

  • 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.

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

Video Overview

Last updated