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.
