Advanced Fields For Elementor Forms
  • Advanced Fields For Elementor Forms
  • Requirement
  • Installation
  • Fields
    • How to add Color Field in Elementor Form
    • How to add Range Field in Elementor Form
    • How to add Datetime-local Field in Elementor Form
    • How to add Week Field in Elementor Form
    • How to add Month Field in Elementor Form
    • How to add Rich Text Field in Elementor Form
    • How to add Rating Field in Elementor Form
    • How to add Slider Field in Elementor Form
    • How to add Color Picker Field in Elementor Form
    • How to add Currency Field in Elementor Form
    • How to add Select2 Field in Elementor Form
    • How to add Toggle Field in Elementor Form
    • How to add Unit Field in Elementor Form
    • How to add Telephone Field in Elementor Form
    • How to add Barcode Field in Elementor Form
    • How to add Signature Field in Elementor Form
    • How to add Dropzone Field in Elementor Form
    • How to add Calculator Field in Elementor Form
    • How to add Image Radio & Checkbox Fields in Elementor Form
  • Frequently Asked Questions
  • Changelog
  • Support
  • Demo
Powered by GitBook
On this page
  1. Fields

How to add Range Field in Elementor Form

PreviousHow to add Color Field in Elementor FormNextHow to add Datetime-local Field in Elementor Form

Last updated 4 months ago

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