# Net Promoter Score

## General

Collect feedback from visitors on a scale of 0 to 10.

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FHONp95eZ3HNUIxKaDdhp%2Fnet-promoter1.png?alt=media&#x26;token=8b50f686-2aef-4d49-ab68-cdc871491e1f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2F37an4PO0Qo5peBEsrTuL%2Fnet-promoter2.png?alt=media&#x26;token=46c6be0b-4405-4bdf-a2a8-a1f1f7e32d7c" alt=""><figcaption></figcaption></figure>

### Label

Add the label for your Net Promoter Score input field.

### Description

Provide a description that appears under the rating field to guide users.

### Score Field Name

Specify the field name used to save the Net Promoter Score data.

### Lowest Score Label

Set the label for the lowest score (e.g., "Not Likely").

### Highest Score Label

Set the label for the highest score (e.g., "Very Likely").

### Error Message When No Value Is Selected

Define a custom error message that will be displayed if the user submits without selecting a score.

### Required

Enable this option to make the Net Promoter Score input mandatory, preventing users from submitting the form without entering a valid score.

### Extra Feedback Collection

Enable an additional text input field to collect feedback if the given score meets a specific condition.

### **Show Text Input Field To Collect Feedback If Score Is Less Than:**

Allowed values:

* A number between `0 - 10`
* `always` (Always show feedback in the input field)
* `never` (Never show feedback input field)

### Field Label

Set the label for the extra feedback input field.

### Field Name

Specify the field name used to save the extra feedback data.

## Styles

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2F7O7N8PRfk9HGYFlZ8Vi7%2Fnet-promoter3.png?alt=media&#x26;token=de18e9d0-954e-49ae-99d7-26f3516b3549" alt=""><figcaption></figcaption></figure>

### Hover Text Color

**Light Theme**

Set the text color when the Net Promoter Score input is hovered in the light theme.

**Dark Theme**

Set the text color when the Net Promoter Score input is hovered in the dark theme.

### Hover Background Color

**Light Theme**

Set the background color when the Net Promoter Score input is hovered in the light theme.

**Dark Theme**

Set the background color when the Net Promoter Score input is hovered in the dark theme.

***