The Rating component provides a star-based rating system for collecting satisfaction scores, quality ratings, and feedback. The star format is familiar to most users and works well across different contexts.
When to use Rating
Section titled “When to use Rating”Rating is ideal for:
- Product or service reviews
- Customer satisfaction surveys
- Quality assessments
- Experience ratings
- Any feedback where stars feel natural
Adding a Rating component
Section titled “Adding a Rating component”-
Open your form in the editor
-
Drag the Rating component from the left sidebar onto your form
-
Click the component to select it and configure its settings
Configuration options
Section titled “Configuration options”Question label
Section titled “Question label”The main question or prompt displayed above the stars.
Examples:
- “How would you rate your experience?”
- “Rate our customer service”
- “How satisfied are you with this product?”
Description
Section titled “Description”Optional helper text that appears below the question label.
When to use descriptions:
- To explain what each star level means
- To provide context for the rating
- To guide respondents on what to consider
Examples:
- “1 star = Poor, 5 stars = Excellent”
- “Consider speed, quality, and friendliness”
- “Based on your overall experience”
Maximum stars
Section titled “Maximum stars”Set the number of stars in the rating scale (1-10).
| Stars | Common Use |
|---|---|
| 3 | Simple good/neutral/bad |
| 5 | Standard rating (most common) |
| 10 | Detailed rating scale |
Control the precision of ratings:
| Step | Allows |
|---|---|
| 1 | Whole stars only (1, 2, 3, 4, 5) |
| 0.5 | Half stars (1, 1.5, 2, 2.5, etc.) |
Half-star ratings provide more granularity when you need finer distinctions between ratings.
Required
Section titled “Required”Toggle whether a rating must be given before the form can be submitted.
When enabled:
- An asterisk (*) appears next to the question label
- Users must select a rating to submit
- A validation message appears if no rating is given
Rating interaction
Section titled “Rating interaction”Selecting a rating
Section titled “Selecting a rating”- Click on a star to select that rating
- Stars up to and including the clicked star fill in
- Click a different star to change the rating
- Click the same star again to deselect (if not required)
Hover preview
Section titled “Hover preview”When hovering over stars:
- Stars preview the potential selection
- Visual feedback shows what clicking would select
- Makes it easy to choose the right rating
Half stars
Section titled “Half stars”When step is set to 0.5:
- Click the left half of a star for .5 rating
- Click the right half for full star
- Provides more precise ratings
Tips for effective use
Section titled “Tips for effective use”Use 5 stars for familiarity. Most people are accustomed to 5-star ratings from reviews and apps.
Explain the scale. While stars are intuitive, clarifying what each level means improves data quality.
Consider half stars carefully. They add precision but also complexity. Use only when needed.
Keep it simple. One rating question is often better than multiple. If you need detailed feedback, consider separate questions.
Position strategically. Rating questions work well at the end of a form as a summary of the experience.
Rating scale meanings
Section titled “Rating scale meanings”Common interpretations of 5-star ratings:
| Stars | Typical Meaning |
|---|---|
| ⭐ | Poor / Very dissatisfied |
| ⭐⭐ | Below average / Dissatisfied |
| ⭐⭐⭐ | Average / Neutral |
| ⭐⭐⭐⭐ | Good / Satisfied |
| ⭐⭐⭐⭐⭐ | Excellent / Very satisfied |
Rating vs. other components
Section titled “Rating vs. other components”| Component | Best For |
|---|---|
| Rating | Subjective quality, familiar star format |
| Linear Scale | Numeric scales with labels |
| Slider | Continuous ranges |
| Multi Choice | Categorical satisfaction levels |
Accessibility
Section titled “Accessibility”The Rating component is built with accessibility in mind:
- Proper radio group semantics
- Keyboard navigation (Arrow keys)
- Screen reader announces star values
- Clear visual feedback
- Focus states are visible
Handling responses
Section titled “Handling responses”Rating responses in your form results:
- Show the numeric rating (e.g., 4 out of 5)
- Display visual star representation
- Can be averaged across responses
- Are included in exports as numbers
Analyzing rating data
Section titled “Analyzing rating data”Common ways to analyze rating responses:
- Average rating: Mean score across all responses
- Distribution: How many 1-star, 2-star, etc.
- NPS-style grouping: Detractors (1-2), Passives (3), Promoters (4-5)
- Trends over time: How ratings change
Related
- Linear Scale - For numeric scale ratings
- Slider - For continuous range selection
- Multi Choice - For categorical choices
- Matrix - For rating multiple items
Need help?
For additional assistance with the Rating component, check our FAQ section or contact our support team.