Is there a way i can change the visual of the NPS question?

Megan_Boosey1Megan_Boosey1 Sydney, AustraliaCommunity Member Qubie ✭

Is there a way i can change the visual of the NPS question?

I would like to trial the scale showing from 10-0 not 0-10. I'm not changing the promotor/passive/detractor numbers.

Best Answer

  • TomGTomG Raleigh, NC Wizard ✭✭✭✭✭
    Accepted Answer

    Two issues with not using the JavaScript approach:
    1. You lose the automatic promotor/passive/detractor categorizations
    2. You lose the NPS question formatting (i.e., the scale won't be horizontal on a mobile device).

    If you manually adjust/swap the scale labels, then it is just three lines of JS code:

    Qualtrics.SurveyEngine.addOnload(function() {
        var labels = jQuery("#"+this.questionId+" tr td.LabelContainer");
        var tr = labels.eq(0).closest("tr");
        labels.each(function(i) { if(i > 0) tr.prepend(jQuery(this)); });   
    });
    

Answers

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    There isn't a built-in option to do this. You could write JavaScript to reverse the order of the answer options.

  • MarjaLeenaMarjaLeena FinlandCommunity Member Qubie ✭

    No need to write JavaScript, in my opinion.

    As you cannot use the NPS question type in your questionnaire, you need to build a NPS-like question on your own (Multiple-choice question with 11 scale points (= number of choices), horizontal position, giving values in reverse order etc.).

    You need to remember to recode the values so that 0 represents 10, 1 represents 9 etc. in your survey.

    Before recoding it looks like the following:

    On the (Vocalize) dashboard you can build the reporting normally by using NPS-metric type for the plain NPS number and other widget types for showing percentages of categories or number of responses per scale point etc .

    BTW, in this case it would also be possible to include an option of "Don't want to answer/Don't know" etc. if you typically use that in your surveys as an response option. At least I have faced some problems with some surveys when there isn't any option to visibly opt out. Naturally you don't need to force a Respondent to answer to the NPS question, but then you don't know whether he just forgot to answer or didn't want to answer. In that case you might also run into problem if you e.g. embed this question in your invitation email and the rspondent doesn't want to answer to this specific question, because then he cannot acess the rest of the questionnaire.

  • [Deleted User][Deleted User] Qubie ✭
    edited June 19

    Hello @Megan_Boosey1,

    Use the below code

       var ul = jQuery('#'+this.questionId+' .ChoiceStructure tr:eq(2)'); 
        ul.children().each(function(i,td){ul.prepend(td)})
    
  • CX_ResearchCX_Research Community Member Qubie ✭

    Thanks for the accepted answer! I have 2 questions about how to use the java script provided:
    1. Where do I place that code? In the html of the actual NPS item within the survey, or in the CSS code of the survey's look and feel?
    2. Do I need to revise any of the code to be specific to my NPS question or does it work as is?

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    @CX_Research said:
    Thanks for the accepted answer! I have 2 questions about how to use the java script provided:
    1. Where do I place that code? In the html of the actual NPS item within the survey, or in the CSS code of the survey's look and feel?

    From your NPS questions, click the cog to the left, Add JavaScript, and replace what's there with the code above.

    1. Do I need to revise any of the code to be specific to my NPS question or does it work as is?

    Works as-is.

  • CX_ResearchCX_Research Community Member Qubie ✭

    Worked perfectly, thanks!

Sign In to Comment