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 2019

    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!

  • gauravbhagatgauravbhagat DublinCommunity Member - Trial User Qubie ✭

    Hi @TomG
    My client doesn't want 0 for their NPS question. The requirement is to have it from 1 to 10. Do you have any JS code available to hide number 0 from the NPS question?

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

    @gauravbhagat said:
    Hi @TomG
    My client doesn't want 0 for their NPS question. The requirement is to have it from 1 to 10. Do you have any JS code available to hide number 0 from the NPS question?

    https://gist.github.com/marketinview/c941fc59b7ddaef8ba3b

  • gauravbhagatgauravbhagat DublinCommunity Member - Trial User Qubie ✭

    @TomG Thanks a Million

  • AdamK12AdamK12 Bethesda, MDCommunity Member, XMPN Member, Public Sector Member Guru ✭✭

    @gauravbhagat @TomG Great discussion here, but I would be very careful tweaking the NPS question and related analysis. As an analyst, we can (and should) develop new measures that we see fit, but it's important to note that NPS is a widely-used measure of customer loyalty and well-understood as a measure with a zero to 10 scale. If you use a different scale (1 to 10), it creates issues with benchmarking against other companies or brands that use the "true" zero to ten measure, and potential confusion with audiences who understand NPS as a zero to ten scale.

  • gauravbhagatgauravbhagat DublinCommunity Member - Trial User Qubie ✭

    @AdamK12 Completely agree with you. The objective is not to present an NPS question as a different scale rather achieve a technical requirement of forcing a horizontal view of a single choice question on mobile device for which we are using the NPS Question in Qualtrics with some JS manipulation to change the scale.

  • AdamK12AdamK12 Bethesda, MDCommunity Member, XMPN Member, Public Sector Member Guru ✭✭

    Thanks @gauravbhagat - got it!

Sign In to Comment