### [Using the Net Promoter Score Field](https://wpforms.com/docs/how-to-add-a-net-promoter-score-field-to-wpforms/)

**Published:** November 18, 2023
**Author:** David Ozokoye

**Excerpt:** Learn how to collect customer feedback on a 0-10 scale.

**Content:**

Net Promoter Score is a Pro Feature

 Unlock Net Promoter Score and other powerful features to grow your business.

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

Would you like to quickly determine how your customers feel about your company? A Net Promoter Score uses a simple 0 to 10 scale to collect valuable insights about customer perception of your brand or company.

This tutorial will show you how to set up a Net Promoter Score field in WPForms.

- [What Is a Net Promoter Score?](#what-is)
- [Adding a Net Promoter Score Field to Your Form](#add-field)
- [Customizing Net Promoter Score Field Options](#field-options)
- [Viewing and Interpreting Net Promoter Score Results](#results)
- [Enabling Conditional Logic for NPS](#conditional-logic)
- [Frequently Asked Questions](#faq)

![Net Promoter Score Field](https://wpforms.com/wp-content/uploads/2023/06/net-promoter-score-field.gif "Net Promoter Score Field")**Requirements:** You’ll need a [Pro license level or higher](https://wpforms.com/pricing/) to access the Surveys and Polls Addon and use the Net Promoter Score field.

---

## What Is a Net Promoter Score?

A Net Promoter Score, or NPS, is an average numeric rating that tells you how your customers, users, or even employees feel about your company. It’s an easy way to find out how happy a specific group is with your business.

To get a Net Promoter Score, you’ll generally ask just one question: “How likely are you to recommend our company to a friend or colleague?”

Users are then provided with a scale of numbers from 0 to 10, where 0 means that they’re extremely unlikely to recommend your company and 10 means that they are extremely likely to recommend your company.

![An example of a Net Promoter Score field on the frontend](https://wpforms.com/wp-content/uploads/2018/08/net-promoter-score-example.png)In WPForms, your Net Promoter Score is automatically calculated from your form entries, so there’s no need to do the math yourself. We’ll discuss how to view your Net Promoter Score field results and what those numbers mean, [a little later in this article](#results "Viewing and Interpreting Net Promoter Score Results").

Want to create a feedback system with custom ratings? Our Likert Scale field is similar to the NPS field, but it lets you fully customize each option in your scale. Be sure to check out our guide to [the Likert Scale field](https://wpforms.com/docs/how-to-add-a-likert-scale-field-to-wpforms/) for more details.

## Adding a Net Promoter Score Field to Your Form

Before you get started, you’ll need to [install and activate](https://wpforms.com/docs/install-wpforms-plugin/ "How to Install the WPForms Plugin") the WPForms plugin and [verify your license](https://wpforms.com/docs/verify-wpforms-license/ "How to Verify Your WPForms License"). Then [install the Surveys and Polls Addon](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/ "How to Install and Use the Surveys and Polls Addon") and [create a new form](https://wpforms.com/docs/creating-first-form/ "How to Create Your First Form") or edit an existing one to open the form builder.

Want to build a Net Promoter Score form fast? WPForms includes several templates that are ready to use with our Surveys and Polls Addon. For more information, check out our guide to [using templates in WPForms](https://wpforms.com/docs/how-to-use-form-templates-in-wpforms/).

After opening a form for editing, look under the Fancy Fields section to find the **Net Promoter Score** field. Simply click on it or drag and drop it into the preview area to add it to your form.

![Adding a Net Promoter Score field to a form](https://wpforms.com/wp-content/uploads/2021/09/adding-net-promoter-score-field.png)## Customizing Net Promoter Score Field Options

Once you’ve added the field, you can click on it in the preview area on the right side of the form builder. This will open the Field Options panel.

From here, you can change the field’s label, add a description, and mark it as required so that users have to select a rating before they can submit your form.

![Editing the field options for a Net Promoter Score field](https://wpforms.com/wp-content/uploads/2018/08/net-promoter-score-field-options-1.png)Want to learn more about labels, descriptions, and required fields? Our [complete guide to field options in WPForms](https://wpforms.com/docs/how-to-customize-form-field-options/) has more details.

### Customizing Advanced Field Options

Additional options are available in the **Advanced** tab of the Field Options panel.

![Opening the advanced field options for a NPS field](https://wpforms.com/wp-content/uploads/2018/08/nps-advanced-field-options.png)Here, you can select the field style and size.

![The Field Style and Field Size options for an NPS field](https://wpforms.com/wp-content/uploads/2018/08/nps-field-style-size.png)## Viewing and Interpreting Net Promoter Score Results

Once your form is ready, you can [embed it on your site](https://wpforms.com/docs/creating-first-form/#display-form "How to Display Forms on Your Site") and start collecting entries. The [Surveys and Polls Addon](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/ "How to Install and Use the Surveys and Polls Addon") generates lots of useful information for you, but for this tutorial, we’ll specifically focus on the Net Promoter Score results.

### Viewing Your Net Promoter Score

WPForms will calculate your NPS based on the ratings your users submit. To view your results, go to **WPForms » All Forms**. From here, hover over the form name, then click **Survey Results**.

![Accessing the survey results for a Net Promoter Score form](https://wpforms.com/wp-content/uploads/2018/08/access-NPS-survey-results.png)Once you’re on the Survey Results page, your NPS data appears as a graph alongside a breakdown table. The table shows the percentage and total number of users in each NPS category (Promoters, Passives, and Detractors), along with your overall Net Promoter Score calculated from those values.

To change how the graph is displayed, click the **gear icon** in the top right of the NPS field card. From there, switch between Line, Vertical Bar, Horizontal Bar, or Pie chart styles, adjust the color and size, or hide the graph entirely. For full details on these options, see the [Customizing Graph Settings](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/#customizing-graph-settings) section of the Surveys and Polls Addon tutorial.

![](https://wpforms.com/wp-content/uploads/2023/11/survey-net-promoter-score-field-1024x625.png)Want to learn more about viewing survey results in WPForms? Check out our tutorial on [the Survey and Polls Addon](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/#generate-report) to learn more about survey reporting.

### Interpreting Your Net Promoter Score

The simple 0 to 10 scoring system for NPS lets you get a quick read on your customers. Here’s how the NPS system groups scores:

- **Promoters (9-10):** Enthusiastic and loyal. They will likely purchase from you again and, importantly, help promote your brand by recommending your products or services to others.
- **Passives (7-8):** Satisfied or neutral (not particularly enthusiastic or loyal). They will likely not feel strongly enough about your products or services to promote them in either a positive or negative way.
- **Detractors (0-6)**: Unsatisfied and not loyal. They will likely not purchase from you again and may share a negative view of your brand with others.

To get your Net Promoter Score, you’d use the following formula:

**% Promoters – % Detractors = Net Promoter Score**

The resulting score can range from -100 to 100. A positive score means that you have more Promoters than Detractors, so usually, any positive score is considered good.

In general, a score of 50 or higher is viewed as excellent, and 70 or more is considered exceptional, though the standards can vary quite a bit between industries.

## Enabling Conditional Logic for NPS

Would you like to collect more details from users who share a particular Net Promoter Score? [Conditional logic](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/ "How to Use Conditional Logic with WPForms") lets you show additional questions only to users who select a certain rating.

As an example, let’s ask customers who give a score of 8 or below (any Passives or Detractors) to share some extra insights.

To set this up, you’ll need to open the form builder and add a new field. Since we want to ask an open-ended question in our example, we’ll add a **Paragraph Text** field.

Then we’ll change the field’s **Label** to, “What can we do to improve your experience?”

![Adding a Paragraph Text field to show conditionally based on users' NPS ratings](https://wpforms.com/wp-content/uploads/2021/09/nps-conditional-logic-example-paragraph-text.png)Once you’ve created your new field, you’ll need to add conditional logic. In the Field Options panel where you set the field label, open the **Smart Logic** tab. Then toggle on the option labeled **Enable Conditional Logic**.

![Enabling conditional logic for a Paragraph Text field](https://wpforms.com/wp-content/uploads/2021/09/nps-conditional-logic-example-enable.png)Now, you can create a rule to determine when the field will be visible and when it will be hidden. For our example, our rule will state, “**Show** this field if **How likely are you to recommend our company to a friend or colleague? is less than** **9**.”

![Setting up a conditional logic rule to show a Paragraph Text field based on the user's NPS rating](https://wpforms.com/wp-content/uploads/2021/09/nps-conditional-logic-example-rule.png)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.

With this rule in place, the field will only display when a user selects a Net Promoter Score rating of 8 or less. Here is a live form to test our implementation.

Please enable JavaScript in your browser to complete this form.

##### Try this Form Demo!

How likely are you to recommend our brand to a friend? \*            012345678910   

What can we do to improve your experience? \*

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

 Want to preview a customizable NPS field form? Check out our [NPS Email Survey Form Template](https://wpforms.com/templates/nps-email-survey-template/).

## Frequently Asked Questions

Below, we’ve answered some of the most common questions we receive about using the Net Promoter Score field.

### Can I change the label on the NPS field?

Yes, you can change the default label on the NPS field using CSS. To do so, begin by identifying your form’s unique ID. This ID can be found in its shortcode in the page/post editor, or by navigating to **WPForms » All Forms**, and checking within the **Shortcode** column.

![Find ID of a form](https://wpforms.com/wp-content/uploads/2021/08/Find-ID-of-a-form.png)Once you have the ID, use the following CSS code, making sure to replace `YOUR-FORM-ID` with your actual form ID:

```
form#wpforms-form-YOUR-FORM-ID span.not-likely:before
{content: "Not at all satisfied";
font-size: 14px !important;}
 
form#wpforms-form-YOUR-FORM-ID span.extremely-likely:before
{content: "Completely satisfied";
font-size: 14px !important;}
 
form#wpforms-form-YOUR-FORM-ID span.not-likely, form#wpforms-form-YOUR-FORM-ID span.extremely-likely
{font-size: 0;}
```

To add this CSS to your WordPress site, you can follow [WPBeginner’s guide to adding custom CSS to WordPress](http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/).

**Note:** Altering text with CSS means it won’t be translatable on multi-lingual sites.

That’s it! You can now easily survey customers to find out your Net Promoter Score.

Next, would you like to learn what else you can do with your survey report? Be sure to check out our tutorial on [the Surveys and Polls Addon](https://wpforms.com/docs/how-to-install-and-use-the-surveys-and-polls-addon/ "How to Install and Use the Surveys and Polls Addon") for details on all of the powerful features it includes.

**Categories:** Fields, Field Types

---