Skip to main content
The Rating field allows you to collect feedback using visual icons like stars, hearts, or smileys. This is an engaging, visually appealing way to ask for product reviews, customer satisfaction scores, or general opinions. It provides similar functionality to an Opinion Scale or NPS survey but utilizes a more expressive format.

​
Adding a Rating Field

To add this rating type to your form:
1

Add Field

Click the + Add Field button within your form builder canvas.
2

Select Field Type

In the pop-up menu, under the “Rating & ranking” category, select Rating.

​
Field Settings

Once added, select the Rating field in the canvas to open its configuration settings in the right-hand panel.

​
General Settings

  • Question: Enter the text for your question or prompt here.
  • Required: Toggle this on if the user must provide a rating before they are allowed to submit the form.

​
Design Settings

These settings control the overall appearance of the rating scale.
  • Fill Background: Toggle this on to fill the background behind the selected icon with a solid brand color. If turned off, the icon will only have a border.
  • Show Numbers: Toggle this on to display the corresponding numerical value beneath each icon in the scale.
  • Alignment: Choose to align the icons to the Left, Center, or Right of the field container.

​
Rating Settings

This section is where you customize the specific icons and scale of your rating field.
  • Steps: Use the dropdown to select the total number of icons in your scale (e.g., a 1 to 5 scale or 1 to 10).
  • Icon Set: Choose the visual theme for your scale. You can select between:
    • Stars
    • Hearts
    • Smileys (These dynamically change expression based on the selected rating, from angry/unhappy to progressively happier)
  • Icon Style: If you selected the Stars or Hearts icon set, you can further customize their appearance:
    • Flat (SVG): A solid-color SVG icon that will automatically inherit your form’s brand colors.
    • Emoji: A standard, full-color emoji icon.

​
Scale Labels

You can add text labels beneath the ends of the scale to help explain the rating system.
  • Left: The label for the most negative end of the scale (e.g., “Poor” or “Not Good”).
  • Right: The label for the most positive end of the scale (e.g., “Excellent” or “Amazing”).

​
Klaviyo Settings

  • Property Name: This determines the exact custom property name where the user’s rating score will be saved in your connected Klaviyo account.