### [Using the Rating Field](https://wpforms.com/docs/how-to-add-a-rating-field-to-wpforms/)

**Published:** December 4, 2023
**Author:** Umair Majeed

**Excerpt:** Learn how to let visitors submit a rating by clicking on rating icons.

**Content:**

Rating Field is a Basic Feature

 Unlock Rating Field and other powerful features to grow your business.

 [ Get WPForms Basic ](https://wpforms.com/pricing/) 

Would you like to allow your users to submit ratings in your forms? With the Rating field for WPForms, your users can share their opinions with you through an easy-to-use set of icons.

This tutorial will show you how to use the Rating field for WPForms.

- [Adding a Rating Field to Your Form](#add)
- [Customizing Rating Field Options](#customize)
- [Collecting Data for Ratings](#data-collection)
- [Enabling Conditional Logic for Ratings](#conditional-logic)

Please enable JavaScript in your browser to complete this form.

##### Try this Form Demo!

RatingRate 1 out of 5Rate 2 out of 5Rate 3 out of 5Rate 4 out of 5Rate 5 out of 5

What can we do to improve your experience?

Submit![Loading](https://wpforms.com/wp-content/plugins/wpforms/assets/images/submit-spin.svg)

 Check out our [Employee Nomination Form Template](https://wpforms.com/templates/employee-nomination-form-template/) to see a practical use case of the Rating field.

---

First, make sure WPForms is [installed and activated](https://wpforms.com/docs/install-wpforms-plugin/ "How to Install the WPForms Plugin") on your site. Then [verify your license](https://wpforms.com/docs/verify-wpforms-license/ "How to Verify Your WPForms License") (if you haven’t already) and [create a new form](https://wpforms.com/docs/creating-first-form/ "How to Create Your First Form") or edit an existing one.

## Adding a Rating Field to Your Form

After opening the form builder, look under the **Fancy Fields** section to find the **Rating** field. Simply click the field or drag and drop it into the preview area to add it to your form.

![Adding a Rating field to a form](https://wpforms.com/wp-content/uploads/2018/03/add-rating-field.png)Once you’ve added the field to your form, click on it in the preview area to open its Field Options panel.

![Opening the Field Options panel for a Rating field](https://wpforms.com/wp-content/uploads/2018/03/rating-field-options-1.png)## Customizing Rating Field Options

In the Field Options panel, you can add a label and description to the Rating field.

![Adding a Rating field label and description](https://wpforms.com/wp-content/uploads/2018/03/rating-label-description.png)To adjust the maximum rating value, click the **Scale** dropdown. Here, you can choose to display anywhere from 2 to 10 icons within the Rating field.

![The Rating scale option](https://wpforms.com/wp-content/uploads/2018/03/rating-scale.png)You may also choose to toggle on the **Required** setting to make sure users select a rating before submitting your form.

![Making a Rating field required](https://wpforms.com/wp-content/uploads/2018/03/required-field.png)### Customizing Advanced Rating Field Options

To customize the Rating field’s icon symbol, size, and color, click on the **Advanced** tab in the Field Options panel.

![Accessing the Advanced options for a Rating field](https://wpforms.com/wp-content/uploads/2018/03/rating-field-advanced-options.png)#### Icon

By default, the Rating field will display star icons. However, using the **Icon** dropdown you can choose from any of the options listed below:

- Star
- Heart
- Thumb
- Smiley Face

![Choosing a Rating icon in the advanced field options](https://wpforms.com/wp-content/uploads/2018/03/rating-icon.png)Here’s how these icons appear on the frontend:

![The icon options for the Rating field](https://wpforms.com/wp-content/uploads/2018/03/rating-icon-examples-2.png)#### Icon Size

By default, the **Icon Size** will be set to **Medium**. If you’d like, you can instead change this to Small or Large.

![Choosing an icon size in the advanced field options](https://wpforms.com/wp-content/uploads/2018/03/rating-icon-size.png)Here’s how the size options compare on the frontend:

![The icon size options for the Rating field](https://wpforms.com/wp-content/uploads/2018/03/rating-icon-size-examples-3.png)#### Score Labels and Position

In the **Advanced** tab, you’ll also find options to customize the labels that appear below your rating scale.

- **Lowest Score Label**: Text that appears under the first icon in the scale. For example, you might label it “Poor” or “Lowest.”
- **Highest Score Label**: Text that appears under the last icon in the scale. For example, you might label it “Excellent” or “Highest.”
- **Label Position**: Controls where the labels are displayed in relation to the icons. You can choose to show them **Above** or **Below** the scale.

![](https://wpforms.com/wp-content/uploads/2023/12/rating-field-labels-1024x363.png)#### Icon Color

By default, the **Icon Color** will be set to orange. You can easily customize this by clicking the color box and using the color picker tool.

![Choosing an image color in the advanced field options](https://wpforms.com/wp-content/uploads/2018/03/rating-icon-color.png)## Collecting Data for Ratings

**Note:** To unlock the full potential of the Rating field, such as the ability to view statistics, generate reports, and more, be sure to check out our [Survey and Polls Addon](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/).

When users fill out the Rating field, the rating they select will appear slightly enlarged and darker in color.

![A selection in a Rating field](https://wpforms.com/wp-content/uploads/2018/03/rating-selected-1-1.png "A selection in a Rating field")After the form is submitted, you’ll see the rating both as icons and a numeric value in the entry listing.

![Ratings displayed on the Entries page](https://wpforms.com/wp-content/uploads/2018/03/rating-entries.png)**Note:** See our [complete guide to entries in WPForms](https://wpforms.com/docs/complete-guide-to-form-entries/) for details on how to view them.

## Enabling Conditional Logic for Ratings

If you’d like, you can also collect more information from users who share a particular rating using [conditional logic](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/ "How to Use Conditional Logic with WPForms").

As an example, we’ll ask for additional details from any user who shares a 1 or 2-star rating.

To set this up, we’ll first add a **Paragraph Text** field. Then, we’ll change its field label to, “What can we do to improve your experience?”

Next, we’ll set up a conditional logic rule so that this field only appears if the user shares a low rating. To do this, click the **Smart Logic** tab in the Field Options panel for the Paragraph Text field.

![Opening the Smart Logic tab of the Field Options panel](https://wpforms.com/wp-content/uploads/2018/03/rating-smart-logic.png)Then, toggle on the option to **Enable Conditional Logic**.

![Enabling conditional logic for a Paragraph Text field](https://wpforms.com/wp-content/uploads/2018/03/rating-enable-smart-logic.png)This will reveal a set of dropdowns we’ll use to set up a rule to determine when the Paragraph Text field will appear. For our example, we’ll set the logic to read, “**Show** this field if **Rating is less than 3**.”

![A conditional logic rule based on a Rating field](https://wpforms.com/wp-content/uploads/2018/03/rating-conditional-rule-example.png)**Note:** Need help setting up your conditional logic rule? Our beginner’s tutorial on [using conditional logic in WPForms](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/) has all the details.

Once we save our changes, the Paragraph Text field will remain hidden unless a user selects 1 or 2 stars in the Rating field.

That’s it! You can now add and customize a Rating field for any of your forms.

Next, would you like to find out how to display reviews from your users? Be sure to check out our article on [collecting and displaying user testimonials](https://wpforms.com/how-to-allow-users-to-leave-a-review-on-your-wordpress-site/ "How to Allow Users to Leave Reviews on Your WordPress Website") for all the details.

**Categories:** Fields, Field Types

---