WPForms Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

Add User Ratings to Your WordPress Forms

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

by Lindsay Liedke on Mar 22, 2018

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.

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.

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

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

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.

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 1 million websites choose WPForms as their preferred online form builder.

    Syed Balkhi
    CEO of WPForms

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.