Skip to content
Join our Slack

Rating

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.

Rating is ideal for:

  • Product or service reviews
  • Customer satisfaction surveys
  • Quality assessments
  • Experience ratings
  • Any feedback where stars feel natural
  1. Open your form in the editor

  2. Drag the Rating component from the left sidebar onto your form

  3. Click the component to select it and configure its settings

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?”

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”

Set the number of stars in the rating scale (1-10).

StarsCommon Use
3Simple good/neutral/bad
5Standard rating (most common)
10Detailed rating scale

Turn on the Allow half stars switch to let respondents pick half-star ratings, such as 3.5 out of 5.

With the switch off, only whole stars can be selected (1, 2, 3, and so on). With it on, respondents can land on half-star values (1, 1.5, 2, 2.5, and so on), which gives you finer distinctions when whole stars feel too coarse.

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
  • 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)

When hovering over stars:

  • Stars preview the potential selection
  • Visual feedback shows what clicking would select
  • Makes it easy to choose the right rating

When Allow half stars is on:

  • Click the left half of a star for a half-star rating
  • Click the right half for a full star
  • Provides more precise ratings

Common interpretations of a 5-star scale:

RatingTypical Meaning
1 starPoor / Very dissatisfied
2 starsBelow average / Dissatisfied
3 starsAverage / Neutral
4 starsGood / Satisfied
5 starsExcellent / Very satisfied
ComponentBest For
RatingSubjective quality, familiar star format
Linear ScaleNumeric scales with labels
SliderContinuous ranges
Multi ChoiceCategorical satisfaction levels

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

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

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

Your next form could be the best-looking thing on your site.

Free forever. Unlimited responses. No signup to start.