Cool FormKit » Features » Range Slider

Share it:

Range Slider for Elementor Form

Add a smooth slider to select numeric values within a custom range in your Elementor form.

Excellent Support Team

Add Range Slider in Your Form

Want to add a Range Slider in your Elementor form?

The Cool FormKit plugin lets you easily add a smooth, customizable range slider in your form. Users can slide to select values like price, age, rating, or quantity — no need to type numbers!

It works with:

Elementor Pro form widget
And also with Elementor Free using:
- Hello Plus (form lite widget)
- Pro Elements plugin
- Cool FormKit (cool form widget)

No Elementor Pro? No problem! Just install Cool FormKit and start creating advanced forms with advanced fields like the Range Slider today.

Range Slider Field Settings

The Range Slider field in Cool FormKit gives you full control with easy-to-use settings inside Elementor’s form widget. You can adjust its behavior, design, and style in just a few clicks.

Min Value – Set the minimum number (e.g., 0).
Max Value – Set the maximum number (e.g., 100).
Step – Choose how much the value increases (e.g., by 1, 5, or 10).
Start From – Set a default value that appears when the form loads.
Before / After Text – Add a symbol or unit before/after the number (e.g., ₹, %, Years).
Styles – Simple, Flat, Round, Square
Active Color – Change the color of the filled (active) slider area.
Inactive Color – Change the color of the unfilled (inactive) slider track.

These options help match the slider with your website’s design and branding.

FAQs

How do I add a range slider in Elementor Form?

Install the Cool FormKit plugin, edit your Elementor form, and add the Range Slider field from the fields section.

Is this range slider mobile-friendly?

Absolutely! The slider works smoothly on all screen sizes.

Can I style the slider to match my design?

Yes, it provides options to select styles and color options or use custom CSS.

Why should I use a Range Slider in my Elementor form?

A range slider makes number selection easier and more interactive. Instead of typing, users simply drag the slider to select a value. It’s perfect for mobile users and improves form design and user experience.

It looks modern and clean.
Reduces typing errors.
Saves time for users.
Works great on touch devices.
Adds a professional feel to your form.

What are the most common use cases for a range slider?

Here are some popular examples:

Price selection (₹500 to ₹50,000)
Age input (13 to 60 years)
Donation amount (₹100 to ₹10,000)
Quantity or volume control
Rating or satisfaction level
Budget range selection in booking forms

Range Slider Demo

Simple Interest Calculator With Range Slider

Real Feedback from Our Plugin Users

Our WordPress plugins are trusted for their quality, compatibility and excellent customer support.

Thank you so much! Great plugin! It make my whole website very cool! Also great service!

@thanh_lanh_tran

The plugins are excellent and their customer support is also quick and friendly

@heeren_tanna

This plugin is easy to use and does what it has to do. Most important: The support is quick and solve your issues!

@kevin

It’s a nice plugin, easy to install and very good support, even for free version, my questions are answered!

@wayne_haston

Excellent plugin very easy to use and extremely fast response to my support email, would highly recommend

@neil_white

Great software and friendly service. They helped me very quickly solve an issue I created myself. Highly recommend.

@andytop72

Good quality program. You can saving many time. And good support team.! Very quickly support fix problem and very kindly

@silviamalavasi

Trustpilot Stars

Read 135+ reviews on Trustpilot.com

Cool FormKit - Advanced Form Builder for Elementor

Pricing Plans

Use Cool FormKit to add a beautiful range slider field in Elementor form along with 20+ others advanced fields & features.

Annual License

For 1 Website

$x

$x

/ Year

0% Discount Applied

Renew Yearly

POPULAR

Lifetime License

For 1 Website

$x

$x

/ One Time

0% Discount Applied

🔥 Limited-Time Discount Offer! Ending in:

Hours

Minutes

Seconds

14-Day Money Back Guarantee

We want you to love our plugins. If it’s not the right fit, you’re covered by our 14-day money-back guarantee.

Secure SSL encrypted payment by PayPal & Stripe (Credit & Debit Cards)

More features of Cool FormKit

View All

Rating Field

Let users give star-based feedback with interactive rating input fields.

Country Code

Add a country code dropdown inside the phone number input field.

Signature Field

Let users draw and submit their signature directly within the form.

Toggle Field

Let users choose between two options with a smart toggle switch field.

Select2 Field

Enhance dropdowns with searchable, multi-select options using Select2.

Form Label Styles

Let users enjoy cleaner, more user-friendly forms with label styling.