How to Add and Set Up the Star Rating Comment Widget on Your Form

Jotform’s Star Rating Comment widget lets you collect star ratings and written feedback together, giving you both a measurable score and the context behind it. It’s useful for product reviews, customer satisfaction surveys, course evaluations, support feedback, and other forms where you want to understand not only how respondents rate something, but why. With flexible rating and comment options, you can tailor the feedback experience to your needs while keeping it simple and convenient for respondents.

Here are a few ways to use it:

• Collect product ratings with written review details.
• Measure customer service satisfaction and understand the reasons behind each rating.
• Gather course evaluation scores with learner feedback.
• Collect feedback and comments after support interactions.
• Pair research ratings with qualitative observations.

Whether youʼre creating a new form or updating an existing one, you can add and configure the Star Rating Comment widget in just a few steps. Here’s how to do it:

1. In Form Builder, click on Add Element on the left side of the page.

2. Now, in the Form Elements menu, under the Widgets tab, search for Star Rating Comment and click on it. Or, drag and drop it to where you want it to appear on your form.

3. Next, in the Widget Settings menu that opens on the right side of the page, you’ll see this list of settings you can configure:
   • Question Label — Enter the question for the star rating.
   • Comment Label — Enter the label for the comment field.
   • Comment Placeholder — Enter the placeholder text for the comment field.

4. Then, scroll down to the bottom and continue to set up these settings:
   • Star Spacing — Enter the space between the stars in pixels.
   • Maximum Stars — Enter the maximum number of stars respondents can select.
   • Allow Half Stars — Toggle this on to allow respondents to select half-star ratings.
   • Comment Requirement — Click on the Downward Arrow icon and in the Dropdown menu, select when you want comments to be required:
     • Optional — Allow respondents to submit a rating without a comment.
     • Always Required — Require a comment with every rating.
     • Required Below Threshold — Require a comment when the rating is below a specified value.

5. After that, continue scrolling and adjust these settings:
   • Comment Required Below — Enter the rating below which a comment is required.
   • Comment Max Length — Enter the maximum number of characters allowed in a comment.
   • Missing Comment Message — Enter the message shown when a required comment is left empty.
   • Show Requirement Badge — Toggle this off to hide the optional or required badge for the selected star rating.
6. Once everythingʼs set, click on Update.

That’s it! You’ve now successfully added and set up the Star Rating Comment widget on your form. Wondering how it looks in action? Check out this demo form.