Range Slider Pro
[Test the Live Form to See the Multi-Column Layout in Action. The Dynamic Country -> State -> City selection feature on this form is powered by our Autocomplete addon]
Fine-Tune Selections with Precision!
Pre-Built Slider Templates
Choose from ready-made, professionally designed slider layouts, allowing for quick and hassle-free integration into any form.
Fully Customizable Design
Modify the slider color, track style, handle appearance, labels, and tooltips to match your website’s branding effortlessly.
Multi-Device Compatibility
Optimized for desktops, tablets, and mobile devices, ensuring a smooth experience across all platforms.
Min & Max Value Control
Set the minimum and maximum range for better control over numeric selections. Ideal for pricing fields, quantity selection, or rating systems.
Are you looking for Flexible / Custom Columns?
A Sneak Peek of the Backend Editing Panel
Form Code Sample
[uacf7-row][uacf7-col col:6]<br /><label> Your name<br />[text* your-name] </label><br />[/uacf7-col][uacf7-col col:6]<br /><label> Your Email<br />[email email-878 placeholder]</label><br />[/uacf7-col][/uacf7-row]</p><h3 style="text-align: center;"><strong> Range Slider (Single Handle Demo) </strong></h3><p><label> Range Slider Steps Label<br />[uacf7_range_slider uacf7_range_slider-268 label:de separator:a min_label:Min max_label:Max min:100 max:1000 default:400 step:100 show_value:on "style-three"]</label></p><p><label> Your Budget Range (Style - 1)<br />[uacf7_range_slider uacf7_range_slider-5461 min:1 max:100 default:15 step:2 show_value:on handle:1 "style-one"] </label><br /><label> Your Budget Range (Style - 2)<br />[uacf7_range_slider uacf7_range_slider-5461 min:1 max:100 default:35 step:5 show_value:on handle:1 "style-two"]</label></p><p><label> Your Budget Range (Style - 3)<br />[uacf7_range_slider uacf7_range_slider-5463 min:1 max:100 default:40 step:10 show_value:on handle:1 "style-three"] </label></p><h3 style="text-align: center;"><strong> Range Slider (Double Handle Demo) </strong></h3><p><label> Your Budget Range (Style - 1)<br />[uacf7_range_slider uacf7_range_slider-5464 min:1 max:200 default:50 step:10 show_value:on handle:2 "style-one"] </label><br /><label> Your Budget Range (Style - 2)<br />[uacf7_range_slider uacf7_range_slider-5465 min:100 max:200 default:90 step:10 show_value:on handle:2 "style-two"] </label><br /><label> Your Budget Range (Style - 3)<br />[uacf7_range_slider uacf7_range_slider-946 min:1 max:200 default:70 step:20 show_value:on handle:2 "style-three"] </label></p><p>[submit "Submit"]
How to setup Contact Form 7 Range Slider Pro
Building Contact Form 7 Range Slider Pro has never been easier! Watch the video to see how seamlessly it all comes together.
FAQ for Contact Form 7 Range Slider Pro
What is Contact Form 7 Range Slider Pro?
Contact Form 7 Range Slider Pro is an advanced addon that enhances numeric input fields with a smooth, customizable range slider. It allows users to select values easily, making form submissions more intuitive and user-friendly.
How is Range Slider Pro different from the free version?
The Pro version offers:
- Pre-built slider templates for easy setup.
- Advanced customization options (colors, styles, tooltips, etc.).
- Multi-slider support in one form.
- Real-time value display for instant feedback.
- WooCommerce pricing and donation integrations.
Can I customize the appearance of the range slider?
Yes! You can modify:
- Slider colors, background, and track style
- Handle shape and size
Can I set min and max values for the slider?
Absolutely! You can define a minimum and maximum range, ensuring users only select values within your preferred limits.
Does the slider support step increments?
Yes, you can set step values like 1, 5, 10, or any custom increment, allowing users to select precise values.
Does the range slider work on mobile devices?
Yes! The slider is fully responsive, ensuring smooth performance on desktops, tablets, and mobile devices.
Discover More Powerful Features!
Love this feature? You’ll be pleased to know that there’s a whole range of other powerful addons which works perfectly with our Contact Form 7 Range Slider Pro Addon.
Conditional Field
Show or hide Contact Form 7 fields based on Conditional Logic, compatible with Checkbox and Range Slider.
Conditional Redirect
Redirect user to a specific page after submission based on condition. e.g. Condition A user goes to abc.com and Condition B user goes to xyz.com
Database
The Database addon helps store form data, view data in the admin backend, and export data in CSV format.
Form Styler (Single)
Style your entire form without any CSS coding, including colors, margins, button styles, and font sizes.
Autocomplete Country, City, State, Zip Fields
Set up IP Geolocation-based Auto Complete for Country, City, State, Zip Fields on Contact Form 7.
WooCommerce Checkout
Choose a product from the dropdown field, submit the form, and get redirected to the WooCommerce Cart page with the product added automatically.