What you'll build
By the end of this guide, you'll have a form with a fully configured slider field that lets respondents drag a handle to select a numeric value. You can set your own minimum and maximum, choose whether the selected number is visible while dragging, and optionally display it as a percentage — all while the response is stored as a clean number ready for reports, logic, and exports.
When to use this
You want respondents to rate satisfaction, effort, or likelihood on a flexible scale
You're collecting scores, intensity levels, or progress percentages and a star rating feels too limited
You need numeric responses that feed directly into calculations or conditional logic
You're building a quiz, assessment, or survey where precision matters more than a fixed set of choices
You want a mobile-friendly, drag-to-select experience rather than a number input box
Part 1 — Adding the slider field
This part walks you through finding and inserting the slider field into your form. The slider lives in the rating fields category of the field picker and maps to the existing Score field in the backend.
1. Open your form in the editor: From your project, click on the form to open it in the form builder. If you don't have a form yet, create a new project by clicking + New and selecting Form — it comes with one form pre-attached.
2. Click the add field button: Click the + button between existing fields or at the bottom of the form to open the field picker.
3. Find the Slider field: In the field picker, scroll to the Rating fields category. You'll see the Slider field listed there with the description "Let respondents select a score by dragging a slider." Click it to insert it into your form.
4. Give the field a title: Click on the field and type your question or label — for example, "How satisfied are you?" or "Rate your experience." This is what respondents will see above the slider.
Part 2 — Configuring the slider field settings
Once the slider is in your form, the settings panel on the right side of the form editor shows all the options specific to this field. Here's what each setting does and when to change it.
1. Set the minimum value: In the field settings panel on the right, find the Minimum field. The default is 0. Change this to any whole number that represents the lowest value a respondent can select — for example, 1 if you don't want zero as an option.
Note: Minimum must be lower than Maximum. If they match or the minimum is higher, you'll see the error: "Minimum value must be lower than maximum value." Negative values are not supported.
2. Set the maximum value: Find the Maximum field directly below Minimum. The default is 100. Set this to the highest value a respondent can select — for example, 10 for a 0–10 scale or 50 for a tighter range.
3. Set a default value (optional): If you want the slider to start at a specific position rather than the beginning of the range, enter a Default value. This is useful when you expect most respondents to land around a midpoint. If left blank, the slider starts at the minimum.
4. Toggle "Display current value": This is on by default. When enabled, respondents see the selected value while dragging — for example, 43 / 100. Turn it off if you want a cleaner visual where the number stays hidden.
5. Toggle "Show value as percentage": This is off by default. When enabled, the displayed value shows a % sign — for example, 43% — which works well for progress, completion, or likelihood questions. The stored response is still the raw number (43), not 43%, so it works correctly in reports, exports, logic conditions, and answer piping.
6. Mark the field as required (optional): Toggle Required in the settings panel if respondents must interact with the slider before submitting. Because the slider always has a value once visible, required validation passes as long as the field is on screen.
7. Add a description (optional): Use the Description field to add helper text below the field title — for example, "0 = not satisfied at all, 100 = extremely satisfied." This gives respondents context without cluttering the title.
What you now have
Your form now includes a slider field that collects a clean numeric value between your chosen minimum and maximum. Respondents can drag the handle on desktop or mobile, see their selected value (if you've left that on), and submit a response that flows directly into your response table, charts, exports, and any logic rules you set up. The percentage display option lets you reframe the same number for use cases where progress or likelihood is the framing — without changing how the data is stored.
What's next
Use the slider response in conditional logic The slider field supports numeric logic conditions — show or hide fields, route to different ending pages, or trigger emails based on the score. Open the Advanced logic panel in the form settings on the right side to set rules like "if slider is greater than 80, show a success message." → How to add advanced logic to your form
Pull the slider value into emails and PDFs Assign a field ID to your slider (in the field settings panel) and reference it with
@field_idin any custom email or PDF template — for example, "Your satisfaction score was @satisfaction_score." → How to dynamically pull form data into custom emails, PDFs, and AI promptsBuild a scored quiz or assessment using slider fields Combine multiple slider fields with variable fields and calculation logic to produce a total score — then show personalized results based on where respondents land. → How to build a score-based learning style quiz with personalized results
Ready-to-use templates
Don't build this from scratch — we've already put it together for you.
AI lead qualification & scoring form — Collect demo requests, score leads with AI, and route hot/cold leads with conditional emails and Slack notifications. A strong starting point if you're using a slider to capture intent strength or readiness scores.
Event registration and ticketing system — Collect registrations with per-tier capacity limits and auto-send branded PDF tickets. Add a slider to capture attendee preferences or satisfaction before or after the event.
Employee request workflow — Internal request management for HR and ops teams with routing, approvals, and team notifications. Use a slider to let employees rate urgency or effort level on any request.
Don't have a form yet? Create one in seconds with Magic Create — describe what you need and Formaloo builds the form for you.
Learn more how-tos
Score-based quiz with personalized results If you're using the slider to collect a score that should trigger a personalized outcome, this article shows exactly how to build that — from variable fields to conditional ending pages. → How to build a score-based learning style quiz with personalized results
Scholarship and grant scoring workflow A full example of using numeric scoring fields across a multi-reviewer workflow — the same logic principles apply to any form that uses sliders to collect and compare scores. → Scholarship & grant application with scoring and approval workflow
AI-powered lead qualification with scoring See how numeric scores combine with AI logic to qualify and route leads automatically — a pattern that works equally well with slider-collected scores. → How to build an AI-powered lead qualification system