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.