Skip to main content

Let’s face it, filling out surveys isn’t anyone’s idea of a good time. So why not make it just a little more delightful?

We're upgrading the Net Promoter Score (NPS) survey experience by adding a splash of personality, yes, we're talking emojis! 🎉

Instead of the usual cold, numeric scale, we’re giving respondents the option to express their feelings with visual cues, like a smiley 😊, a poker face 😐, or a good old grumpy frown 😠. This small tweak makes the survey feel more human, more intuitive, and a lot easier to engage with.

Emojis can help:

  • Boost response rates (because hey, it’s more fun!),

  • Make it clearer what each rating really feels like,

  • And give us more emotionally rich feedback (without adding extra questions).

 

💡 How We're Doing It (Hint: CSS Magic)
 

While PX doesn’t currently offer built-in emoji templates for NPS, we can still work our magic with some custom CSS. By targeting each choice using nth-child selectors, we can add emoji icons in place of plain text numbers.

Here’s a sample snippet to get you started:

.apt-survey-choices-wrapper.apt-survey-choices-wrapper-11 .apt-survey-choices div:nth-child(1)

{

  color: transparent;

  font-size: 0;

  background-image: url("https://www.svgrepo.com/show/5909/emoticons-square-face-with-closed-eyes-and-opened-mouth.svg");

  background-size: 40px 40px;

  background-position: center center;

  background-size: contain;

}

Just update the nth-child(#) for each option and swap in your desired emoji URL. 🧙‍♂️✨

 

🧪 And Here's What It Looks Like…
 

 

Looks better, right? And more importantly, it makes the NPS survey a bit more human, a bit more fun, and hopefully, a bit more effective. Let’s turn that feedback frown upside down.

The timing couldn’t be better, we were just talking about the possibility of customizing the NPS engagement with emojis.
Thanks for sharing!


Reply