Range Slider Pro

Select from 3 Premium Prebuilt Range Slider layouts.


    Range Slider (Single Handle Demo)

     

    Range Slider (Double Handle Demo)


    Copy the Sample Code of the Above Form

    [uacf7-row][uacf7-col col:6] 
    <label> Your name
        [text* your-name] </label>
    [/uacf7-col][uacf7-col col:6] 
    <label> Your Email
        [email email-878 placeholder]</label>
    [/uacf7-col][/uacf7-row]
    <br>
    <h3 style="text-align:center;"><strong> Range Slider (Single Handle Demo) </strong></h3>
    
    <label> Range Slider Steps Label
       [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> 
    
    <label> Your Budget Range (Style - 1)
        [uacf7_range_slider uacf7_range_slider-5461 min:1 max:100 default:15 step:2 show_value:on handle:1 "style-one"] </label>
    <label> Your Budget Range (Style - 2)
          [uacf7_range_slider uacf7_range_slider-5461 min:1 max:100 default:35 step:5 show_value:on handle:1 "style-two"]</label>
    &nbsp;
    <label> Your Budget Range (Style - 3)
         [uacf7_range_slider uacf7_range_slider-5463 min:1 max:100 default:40 step:10 show_value:on handle:1 "style-three"] </label>
    <br>
    <h3 style="text-align:center;"><strong> Range Slider (Double Handle Demo) </strong></h3>
    <label> Your Budget Range (Style - 1)
          [uacf7_range_slider uacf7_range_slider-5464 min:1 max:200 default:50 step:10 show_value:on handle:2 "style-one"] </label>
    <label> Your Budget Range (Style - 2)
          [uacf7_range_slider uacf7_range_slider-5465 min:100 max:200 default:90 step:10 show_value:on handle:2 "style-two"] </label>
    <label> Your Budget Range (Style - 3)
          [uacf7_range_slider uacf7_range_slider-946 min:1 max:200 default:70 step:20 show_value:on handle:2 "style-three"] </label>
    <br>
    [submit "Submit"]

    Glimpse of Backend Editing Panel (Click to Enlarge)

    Basic Settings
    Contact Form 7 Range Slider
    Color Change Option

    How to Setup

    30K Celebration Deal!

    Get 50% Off on Lifetime Plans.

    Grab the Deal

    Scroll to Top