Help Center

How to customize NPS surveys? 

This article is about how to customize your Beamer 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 (bubble_chart), or go to Settings > NPS (settings).

Modify NPS survey appearance.

Basic customization.

1. Go to NPS > NPS settings (bubble_chart), or go to Settings > NPS (settings).
2. Scroll down to the Appearance section. You’ll see a preview of your NPS survey as it currently appears.
   
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.

1. Go to NPS > NPS settings (bubble_chart), or go to Settings > NPS (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.
   
4. Save your changes clicking on 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 (bubble_chart), or go to Settings > NPS (settings).
2. Scroll down to the Appearance section and find the Score Selector Type options.
   
3. Click on the type of your choosing.
4. Don’t forget to save your selection by clicking on Save Settings.

Allow for extra 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 (bubble_chart), or go to Settings > NPS (settings).
2. Scroll to the NPS Widget section and find the ask for feedback option.
   
3. Click on the switch to enable. The switch should be in the enabled position (toggle_on).

Manage multiple choice feedback  pro and up

1. Go to NPS > NPS settings (bubble_chart), or go to Settings > NPS (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.
   
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 (close); and insert tracked user data into the answers (data_object).
   
5. You can randomize the order of the custom answers by making sure that the Enable random order switch is the enabled position (toggle_on).
6. Make sure to click on Save Settings.

Customize NPS survey wording.

Manage survey languages.

You can translate your NPS survey the same way you do with your Beamer changelog.

1. Go NPS > NPS Settings (bubble_chart) and scroll down to the Languages section.
2. There you’ll see a list with your current languages (the same as in Settings > Languages).
   
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 (vertical_align_top).
5. You can remove languages by clicking on the delete language icon (close).
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 (bubble_chart) and scroll down to the Content & Wording section.
   
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.