Gravity Forms Sliders Add interactive, draggable sliders to Gravity Forms with full support for ranges and calculations.
Subscribe to connect and install
Gravity Forms Sliders Add interactive, draggable sliders to Gravity Forms with full support for ranges and calculations.
Gravity Forms Sliders Add interactive, draggable sliders to Gravity Forms with full support for ranges and calculations. What does it do? GP Sliders introduces interactive sliders to Gravity Forms via Number fields and a dedicated Slider field. Let users choose values visually, with precision, while keeping everything fully compatible with calculations, conditional logic, and exports.
With GP Sliders, you can create: Budget range pickers for price filtering (min/max) Rating scales with labeled steps (e.g. surveys) Quantity selectors with defined increments Pricing selectors that calculate totals in real time Donation amount sliders with custom value stops Score ranges for assessments or applications Age or eligibility filters And many more! Features Add interactive sliders to your forms. Replace plain number inputs with sliders — more intuitive for users, same reliable data for you.
Choose numeric scales or custom labeled steps. Configure sliders with min/max/step increments or define your own choices like Poor → Excellent. Create range selections. Capture both a start and end value. Great for budget ranges, score bands, or eligibility filters. Negative values, decimals, and fractional steps. Configure sliders to match real-world values precisely.
Complete display customization. Fit any layout with horizontal or vertical orientations. Add prefixes, suffixes, decimal precision, and range separators without affecting the data. Full Gravity Forms compatibility. Slider fields work with all Gravity Forms features — plug them straight into calculations, conditional logic, and exports. Automatic updates.
Get updates and the latest features right in your dashboard. Legendary support. We’re here to help! And we mean it. See it in action! Documentation How do I enable this functionality? Feature Details Slider Mode. Precise Increment Control. Range Support. Slider Orientation. Custom Display Options Value Display. Step Separators (Ticks)Additional Options. Merge TagsIntegrations GP Advanced CalculationsSnippetsKnown Limitations. FAQ How do I make a continuous slider?
TranslationsHooksRelated Resources How do I enable this functionality? After installing and activating GP Sliders, you can: Add dedicated Slider fields(Under Advanced Fields) Enable sliders on Number fields(Under Perks tab) Feature Details Slider Mode Configure sliders to be numeric (e.g., 1 – 10) or custom choices with string labels (e.g., Poor – Excellent). All modes use numerical values, making them usable in conditional logic and calculations.
Precise Increment Control Set minimum/maximum values and set the exact size of each step for numeric sliders (including decimals). Add as many steps as you need for custom sliders. Range Support GP Sliders supports giving ranges to sliders, meaning the beginning and the end of a slider become draggable handles. Slider Orientation Sliders can be horizontal or vertical to fit any layout.
Custom Display Options Customize details about your slider display. All options can be enabled at the same time. Value Display You can display the current selected value in two ways: Next to the slider As a tooltip on the handle By default, values are shown below horizontal sliders and on the right side of vertical sliders. This can be changed with CSS.
Step Separators (Ticks) Enable tick marks and tick labels to show users where the step snaps happen. This is useful for orienting the user on what they can select and how to get there. Additional Options Add prefixes (e.g., $) and suffixes (e.g., lbs) to value displays. Choose how many decimal places are displayed. Set your own range separator for the value display of range-enabled sliders (e.g., 1 - 10, 140lbs to 220lbs).
All display options are meant to be visual. None of them are included in the stored data. Merge Tags GP Sliders merge tags can be used anywhere merge tags are supported, including calculations. Selection TypeMerge TagGPAC ShorthandSingle{:[field_id].1}F[field_id].1Range (Start Value){:[field_id].1}F[field_id].1Range (End Value){:[field_id].2}F[field_id].2 Integrations GP Advanced Calculations GP Advanced Calculations lets you perform advanced calculations in Gravity Forms, adding mathematical functions and conditionals to an upgraded version of the formula editor.
Values from Slider fields and slider-enabled Number fields are fully compatible with Gravity Forms calculations. Snippets Extend and customize the functionality of this plugin using snippets from our comprehensive Snippet Library. Known Limitations Ranges are not supported in Number field sliders. Reason: Number fields only capture a single value.
Solution: Use a Slider field instead. FAQ How do I make a continuous slider? GP Sliders’ sliders always snap to the next step. To give them the smooth feel of a continuous slider, set the step size to be very small (e.g., 0.1). Translations You can use the free Loco Translate plugin to create translations for any of our perks. If you’ve never used Loco translate before, here’s a tutorial written for beginners.
Hooks gps_snaps. Filter the snap positions for the slider. Controls where the slider handle can snap to and which tick marks/labels are displayed. Use showTick to hide tick marks while keeping the snap position. Set label to an empty string to hide the label. Gravity Forms has hundreds of hooks. Check out our Gravity Forms Hook Reference for the most thorough guide to Gravity Forms’ many actions and filters.
Related Resources No related resources found.
Gravity Perks
Get access to Gravity Forms Sliders and 5,000+ more plugins with a subscription.
Subscribe to connect and install
This plugin is distributed under GPL license. Zeebrar is not affiliated with or endorsed by the original developer.
Effortlessly install and manage small functionality enhancements (aka “perks”) for Gravity Forms.
Dynamically filter and populate field choices and values with posts, users, taxonomies, terms, Gravity Forms entries, and databases. Pretty much anything!
Create forms within forms for better management of complex forms. Formception!
Automatically generates and assigns unique identifiers to Gravity Forms submissions for systematic entry tracking and reference.
A WordPress booking platform powered by Gravity Forms with calendar scheduling, dashboards, syncing, and self-service booking tools.
Automatically send Gravity Forms submissions to Google Sheets for centralized data collection and management.
With this version of Elementor Pro , you can now install unlimited Pro templates inside Elementor Editor area.
WordPress form builder plugin enabling creation of customizable forms with conditional logic, payments, and entry management.
WP Rocket is a full cache plugin that comes with many features: Simplicity & Speed Don’t waste your time struggling with complex plugin settings.