Add User Ratings to Your WordPress Forms

How to Add User Ratings to Your WordPress Forms (Step by Step)

Want to learn how to add user ratings to your WordPress forms so people can tell you exactly what they think? Gathering customer ratings and reviews about your business, brand, and their own experiences is a great way to strengthen customer relations and boost overall sales and conversions.

In this article, we’ll show you how to add user ratings to your WordPress forms.

You should check out these mind-blowing digital marketing statistics for some facts that could help your business online.

Why Customer Reviews Are Important

There are two reasons why you might want to add a star rating system to your WordPress forms:

  1. To find out what your customers think about you and your business
  2. To gather reviews for your website

When it comes to finding out how your customers feel about you and your brand, star ratings on your forms make it easy for site visitors to express their thoughts. It also gives you a quick and easy way to address any concerns site visitors may be having.

WPForms is the best WordPress Form Builder plugin. Get it for free!

Rating fields on your WordPress forms also give you the chance to easily gather reviews about your business that you can add to other parts of your website, such as your testimonial section.

And, since 72% of people say that positive reviews make them trust a brand more, it’s important to make your business’ good reviews available for people to see when they visit your site.

Now, let’s see how you can add a rating system to your WordPress forms.

Step 1: Create a New WordPress Form

The first thing you’ll need to do is install and activate the WPForms plugin. If you need more details, check out this step by step guide on how to install a plugin in WordPress.

Next, you’ll need to create a new WordPress form. For detailed steps, see our tutorial on creating a simple form in WPForms.

Step 2: Add a Rating Field

Once your form is created, you’ll need to add a rating field.

To do this, go to the form editor and drag & drop the Rating field from the left hand panel to your form on the right side.

Drag & Drop Rating Field

Still collecting data using Google Forms? You don’t have to! Check out this list of the best Google Forms alternatives.

Once the rating field is added to your form, click on it to open the Field Options panel so you can edit it.

Step 3: Edit Your Rating Field

Under the Label section, label your rating field.

Underneath this section, you can give your form field a description. This lets site visitors know what you are asking them to rate.

Rating Field Label and Description

If you want to change the number of icons your visitors can choose from, do this using the Scale option. You can choose between 2 and 10 icons.

Number of Icons

And speaking of icons, you can customize your rating icons in terms of:

  • Design
  • Size
  • Color

By default, the rating field displays star icons. To change your icons, click on Advanced Options and choose the icon of your choice from the Icon dropdown.

Icon Design

Here’s a sneak peak at what each of the icons look like on a form:

Icon Design Examples

Want to add an icon with extra info to a form field? Head over to our tutorial on how to add Tooltips in WordPress forms.

By default, your icons will be set to size Medium. To change this, choose Small, Medium, or Large from the dropdown menu.

Icon Sizes

Lasltly, your rating icons will be always be orange. But you can change that using the color picker tool.

Icon Color Picker

Enable Conditional Logic

If you want to take things one step further, you can enable conditional logic for your rating field that will show or hide certain fields on your form depending on a user’s rating.

In this example, we’ll show you how to ask a user for more information if they share a 1 or 2 star rating.

To start, add a Paragraph Text field to your form.

Paragraph Text Field

Next, change the label of this new form field to something like “How can we improve your experience?” so users can express their thoughts.

Paragraph Text Field Label

Now, set up conditional logic so that anytime someone rates their experience as a 1 or 2 star rating, the Paragraph Text form field will appear for them to fill out.

Click on the Conditionals section and check the box labeled Enable Conditional Logic.

You can now set the rules to determine when the field will show. For the first rule, we’ll set the logic to read: Show this field if Rating is 1.

Then click on Add new group to set the second rule to read: Show this field if Rating is 2.

Conditional Logic Rules

Now the Paragraph Text form field will remain hidden unless a user selects 1 or 2 stars while filling out your form.

Conditional Logic Example

The last thing you need to do is add your form to your website for users to see. For help with this step, check out our tutorial on how to display forms on your website.

And that’s it! You now know how to add user ratings to your WordPress forms so you can gather feedback about your site visitors’ experiences.

For more ways to use smart conditional logic to get site visitor insight into how you are doing as a business, check out our article on creating clutter-free forms with smart logic. Also, if you are looking for more ways to improve sales, check out this beginner’s guide to email marketing.

If you like this article, then please follow us on Facebook and Twitter.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Comments

  1. Thanks for reading this article – I hope you found it helpful.

    I wanted to let you know about our new WordPress survey plugin that allows you to build interactive polls and surveys within minutes. You also get best-in-class reporting, so you can make data-driven decisions.

    You can get it 100% free when you purchase WPForms Pro plan.

    Get Started with WPForms Today and see why over 2 million websites choose WPForms as their preferred online form builder.

    Syed Balkhi
    CEO of WPForms

  2. I’ve asked for this months ago and it should be simple but I’m still waiting to see at least one ‘negative’ icon that can be used for ratings. Even just a simple thumbs down or upset smiley will do. I can’t understand what it takes to just add such option…

    1. Hi Wolfgang,

      I apologize as we don’t have a way to add additional ratings icons right now. In case it helps, though, you could consider setting up something similar by using image choices in a Multiple Choice (radio button) field. If you’d like to see an example, here’s out tutorial on setting up image choices.

      Hopefully that’s a helpful alternative! If you have any additional questions about this, please get in touch and we’d be happy to assist further.

    1. Hi Guatam,

      You can display the results of a poll in your website. The poll results can be added to your form’s confirmation message or you can also use a shortcode to display the results anywhere on your site where a shortcode is allowed. With that option, it’s even possible to customize display options such as whether the number of votes is displayed.

      For detailed information on how to do this please check out our guide.

      I hope this helps! 🙂

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.