---
title: "How to customize NPS surveys"
slug: "how-to-customize-nps-surveys"
description: "Customize your Beamer NPS survey with color changes, feedback options, and multiple choice questions to enhance user engagement and branding."
updated: 2025-10-08T16:41:18Z
published: 2025-10-08T16:41:18Z
canonical: "help.userflow.com/how-to-customize-nps-surveys"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.userflow.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to customize NPS surveys

This article is about how to customize your NPS survey, from changing colors to suit your branding to picking a different type of survey or feedback. To access these options you can either go to [NPS > NPS settings](https://app.getbeamer.com/nps), or go to [Settings > NPS](https://app.getbeamer.com/settings).

### Modify NPS survey appearance

#### Basic customization

1. Go to [NPS > NPS settings](https://app.getbeamer.com/nps), or go to [Settings > NPS](https://app.getbeamer.com/settings).
2. Scroll down to the **Appearance** section. You'll see a preview of your NPS survey as it currently appears.

![NPS appearance](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0af09_66d546ecaf111b4e02dd3236_nps-appearance.png)
3. Use the inputs to change the colors of your survey (background, text, buttons and button text) using RGB Hex values.
4. Don't forget to save your changes by clicking on the **Save Settings** button.

#### Add custom CSS

**Warning:** This will overwrite Beamer's default styles on the widget so be extremely careful.

1. Go to [NPS > NPS settings](https://app.getbeamer.com/nps), or go to [Settings > NPS](https://app.getbeamer.com/settings).
2. Scroll down to the **Appearance** section and find the **Custom CSS** option.
3. Write (or paste) your own CSS code in the text area. No <style> tags required, just the CSS code.

![NPS custom css demo](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0af0c_66d546ecaf111b4e02dd3223_nps-custom-css.png)
4. Click **Save Settings**.

### Change NPS survey type

**NPS survey type** is the way you allow your users to answer your NPS survey. Beamer has four types available at the moment: *zero to ten* (0-10), the default numerical scale; *one to five* (1-5); *three emoji*; and *five emoji*. To select your survey type:

1. Go to [NPS > NPS settings](https://app.getbeamer.com/nps), or go to [Settings > NPS](https://app.getbeamer.com/settings).
2. Scroll down to the **Appearance** section and find the **Score Selector Type** options.

![NPS survey type demo](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0af12_66d546ecaf111b4e02dd322a_nps-survey-type.png)
3. Click on the *type* of your choosing.
4. Don't forget to save your selection by clicking on **Save Settings**.

**Disclaimer:** NPS accuracy might decrease in types other than the standard (zero to ten).

### Optional and Mandatory Feedback

#### Ask for optional feedback

If the **ask for feedback** option is *enabled*, users will be asked for **optional feedback** after picking a score.

1. Go to [NPS > NPS settings](https://app.getbeamer.com/nps), or go to [Settings > NPS](https://app.getbeamer.com/settings).
2. Scroll to the **NPS Widget section** and find the **ask for feedback** option.

![NPS switch demo](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0aeff_66d546ecaf111b4e02dd322d_nps-feedback-switch.png)
3. Click on the switch to enable. The switch should be in the *enabled position*.

#### Mandate NPS feedback

Increase customer engagement and feedback by requiring feedback with each NPS submission from your users.

To require users who provide an NPS score to provide feedback:

1. Use the toggle switch for the **Enable Mandatory Feedback** option. ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(137).png)
2. Click **Save Settings**.

Users will see a message requesting feedback if they attempt to submit an NPS response without providing feedback. ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(138).png)

#### Manage multiple choice feedback

*Available for Pro and above customers.*

1. Go to [NPS > NPS settings](https://app.getbeamer.com/nps), or go to [Settings > NPS](https://app.getbeamer.com/settings).
2. Scroll to the **Multiple Choice Feedback**.
3. You can write multiple-choice questions to be asked after the user has answered your survey.

![NPS multiple choice feedback demo](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0af18_66d546ecaf111b4e02dd3239_nps-multiple-choice-feedback.png)
4. You can create different answers for detractors, neutrals, and promoters; add options by clicking on **Add answer**; remove options by hovering over an option and clicking on the **delete icon**; and *insert tracked user data* into the answers.

![NPS multiple choice feedback actions demo](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0af15_66d546ecaf111b4e02dd3233_nps-multiple-choise-actions.png)
5. You can randomize the order of the custom answers by making sure that the **Enable random order** switch is the *enabled position*.
6. Make sure to click on **Save Settings**.

### Customize NPS survey wording

#### Manage survey languages

**Warning:** Changing the languages here, will change them globally for your other Beamer products like changelog.[/notice]You can translate your NPS survey the same way you do with your [Beamer changelog](https://www.getbeamer.com/help#creating-posts).

1. Go [NPS > NPS Settings](https://app.getbeamer.com/nps#settings) and scroll down to the **Languages** section.
2. There you'll see a list with your *current languages* (the same as in [Settings > Languages](https://app.getbeamer.com/settings#languages)).

![NPS languages demo](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0af0f_66d546ecaf111b4e02dd3226_nps-languages.png)
3. You can add new languages by selecting them from the dropdown at the bottom and clicking on **Add**.
4. You can set a *default language* by clicking on the **make default** icon.
5. You can remove languages by clicking on the **delete language** icon.
6. Make sure you click on **Save Languages** to keep the changes.

#### Change survey wording

You can change the specific wording of your Beamer NPS survey

1. Go [NPS > NPS Settings](https://app.getbeamer.com/nps#settings) and scroll down to the **Content & Wording** section.

![NPS translations demo](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/66d55f84811c51c4ecf0af1f_66d546ecaf111b4e02dd3230_nps-translate.png)
2. Click on the language you want to modify (if you have more than one) and change the text from the inputs.
3. Don't forget to click on **Save Settings** afterwards.

## Related

- [How to set up NPS using Beamer](/how-to-install-your-own-nps-using-beamer.md)
- [How to assign roles and permissions?](/how-to-assign-roles-and-permissions.md)