{"__v":0,"_id":"5902219175d3a20f000c0f12","category":{"__v":26,"_id":"55a4ff5b2e70c0250038050f","pages":["55a4ff7d750a9a23005332af","55a4ff8b750a9a23005332b1","55a4ff9b750a9a23005332b3","55a60bfcaaf9cf1900114efb","55a6184880c8a30d00b32526","55a61ba780c8a30d00b32532","55a61c97aaf9cf1900114f40","55a61ea9aaf9cf1900114f48","55a6206580c8a30d00b32544","55a64277aaf9cf1900114fc2","55a694d1aaf9cf1900115102","55a6a23eaaf9cf19001151e2","55a6a9b389c9da1900e2a41d","55a6aba45f88a70d0065b255","55a90687c8bd450d000dd157","55af84f3aa902f1700300daa","55afa3e3902fd51700f5f858","55b0cc5cb3171b3700b153fa","56015bdc3aa0520d00da0ced","5603fe3490ee490d004404c2","5633dd18d28a340d004004f5","56448c697a8cb50d00a3ea3f","56d7a2ec5208281500a2506c","56d859b8b159f10b00304577","56d9822add90610b002708a1","56ef44c6e8d6fa17006f244f"],"project":"5540ce1b31827a0d007ab1cc","version":"5540ce1c31827a0d007ab1cf","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-07-14T12:23:55.603Z","from_sync":false,"order":2,"slug":"features","title":"Features"},"parentDoc":null,"project":"5540ce1b31827a0d007ab1cc","user":"5540e0f5bb9e762d00f594c0","version":{"__v":31,"_id":"5540ce1c31827a0d007ab1cf","project":"5540ce1b31827a0d007ab1cc","createdAt":"2015-04-29T12:27:08.390Z","releaseDate":"2015-04-29T12:27:08.390Z","categories":["5540ce1c31827a0d007ab1d0","5540d91bbb9e762d00f594ad","5540e5f131827a0d007ab212","5540e5febb9e762d00f594d3","5540e61331827a0d007ab213","5540e6195cf9682100d61afa","5540e62631827a0d007ab214","5540e63031827a0d007ab215","5540e63531827a0d007ab216","5540e63e5cf9682100d61afc","5540e6445cf9682100d61afd","5540e64a5cf9682100d61afe","55a4ff5b2e70c0250038050f","55acb28318eefd0d0071d504","55ae1abe8576b92300291c80","55ae453ef302af23000ac109","55af586d555b900d0036d296","55af91dac8a85321007a53c3","55b9fee204775a2f00628071","55b9ff0e04775a2f00628072","55b9ff4604775a2f00628073","55b9ff5fd72d1e1900276a38","55b9ff7f04775a2f00628074","55b9ff90eb08801900f833e5","55b9ffa5d72d1e1900276a39","55b9ffca04775a2f00628075","55b9fffdd72d1e1900276a3a","56bc2f033ee9e70d008b46af","56c2f6efbbf9ec2d00e0fe4f","57595bbb18760817001e8bbe","57d8d9793916800e003dde53"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-04-27T16:51:29.292Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":37,"body":"\"**Net Promoter Score**\" or \"**NPS**\" is an indicator that can be used to measure the loyalty of  users and their readiness to recommend your app to others. This metric is also designed to evaluate the experience of your customers and to predict the business growth.\nNPS as a metric has been widely adopted with more than two thirds of Fortune 1000 companies.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/1ddcd23-NPS-In-Action.PNG\",\n        \"NPS-In-Action.PNG\",\n        750,\n        1334,\n        \"#9a9a9a\"\n      ]\n    }\n  ]\n}\n[/block]\n**How it works?**\n\nThe Net Promoter Score is calculated based on responses to a single question:\n*\"How likely is it that you would recommend our product to a friend or colleague?\"*\n\nThe scoring for this answer is based on a 0 to 10 scale.\n\n**Respondents are grouped as follows:**\n**Promoters (score 9-10)**: are loyal enthusiasts and repeat buyers who will advise your app to others, fueling growth.\n**Neutrals (score 7-8)**: are satisfied but not enthusiastic enough customers who are vulnerable to competitive offerings.\n**Detractors (score 0-6)**: are unhappy customers who can potentially damage your brand reputation and impede growth through negative word-of-mouth.\n\nUse your NPS as the key measurer of your customers’ overall perception of your brand. Because NPS is a leading ratio of growth and provides key insights from the experience your customers have with your application.\n\nLet's take a look on how to do this on the Pushwoosh Demo Application example.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"1. Preparing Rich Media for \\\"NPS\\\" In-App Message\"\n}\n[/block]\nYou should already have \"NPS\" rich media template in your account.\nSimply click on \"Add Rich Media\" and select \"NPS\" template.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/643f7e6-Add-Rate-RichMedia.jpg\",\n        \"Add-Rate-RichMedia.jpg\",\n        1002,\n        1144,\n        \"#ebebec\"\n      ]\n    }\n  ]\n}\n[/block]\nNow hover the mouse over \"*NPS*\" newly created rich media and Click on \"*Edit*\" button. You can edit all the texts, even create translations to additional languages. But don't forget to scroll to the very bottom of the list and **change \"Rate Now\"** URL to be the **App Store URL of your app** as we want to direct Promoters of your app to make the positive rating on the App Store!\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f0e1a74-NPS-rich-media.jpg\",\n        \"NPS-rich-media.jpg\",\n        1668,\n        1262,\n        \"#9fa0a1\"\n      ],\n      \"border\": false\n    }\n  ]\n}\n[/block]\nPress \"Save\" and go to \"*Pushwoosh Demo App*\" in your account.\n[block:api-header]\n{\n  \"title\": \"2. Adding In-App Message\"\n}\n[/block]\nGo to the \"**In-Apps**\" and click on \"**Add In-App**\".\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/565020a-Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps_.jpg\",\n        \"Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps_🔊.jpg\",\n        1748,\n        512,\n        \"#edf2f5\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\nGive it a name \"NPS Score\" and select \"*NPS*\" rich media.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2dd6058-Add-In-App.jpg\",\n        \"Add-In-App.jpg\",\n        1360,\n        704,\n        \"#04a3f3\"\n      ],\n      \"sizing\": \"80\",\n      \"border\": true\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"3. Choosing who to show the In-App Message\"\n}\n[/block]\nWe want to segment users who are familiar with the app already and spent some time in it, getting to know some of the apps features to get the relevant feedback for our NPS metric.\n\nLet's show the In-App to the users who installed the app at least 21 days ago.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7ad804e-Who-to-show.jpg\",\n        \"Who-to-show.jpg\",\n        1336,\n        618,\n        \"#0a94dc\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"4. Choosing when to show the In-App Message\"\n}\n[/block]\nNow it's time to decide when to show In-App message. \n\nFind some place in your app where the user is mostly engaged. This would be the best place to present \"NPS\" In-App message to the user.\n\nRemember, In-Apps are triggered by Puswoosh events, see [\"Events\"](http://docs.pushwoosh.com/docs/events) guide on how to implement them in your app.\n\nFor the Pushwoosh demo app let's use *\"CheckoutSuccess\"* event which means the user just finished a purchase in the app and is engaged.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/087fd5b-Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg\",\n        \"Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg\",\n        1272,\n        392,\n        \"#0fa00f\"\n      ],\n      \"sizing\": \"80\",\n      \"border\": true\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"5. Determine the frequency of the In-App Message\"\n}\n[/block]\nThe last bit is to set \"Frequency Capping\". We do not want to display this In-App Message every time user performs the checkout. On the other hand it is crucial to collect NPS rating on a periodic bases to get the understanding how loyalty to your app changes across the time.\n\nTo achieve that let's limit this In-App message to 1 impression per 60 days.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/13ab7f7-Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg\",\n        \"Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg\",\n        1312,\n        370,\n        \"#e0e4e6\"\n      ],\n      \"sizing\": \"80\",\n      \"border\": true\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"6. See it in Action!\"\n}\n[/block]\nNow go to the Pushwoosh Demo App, add the item to the cart and check out.\n\nVoila! We have \"NPS\" In-App Message!\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/490098a-NPS-In-Action.PNG\",\n        \"NPS-In-Action.PNG\",\n        750,\n        1334,\n        \"#9a9a9a\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"7. Tracking the ratings\"\n}\n[/block]\nIn the \"NPS\" In-App message template we have already created a code that posts *\"NPS Score\"* event with *\"rating raw\"* and *\"rating bucketed\"* attribute to Pushwoosh every time user responds to the message.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"var ratingBucketed = \\\"Neutral\\\";\\nif (rate >= 9) ratingBucketed = \\\"Promoter\\\";\\nelse if(rate >= 7 && rate <= 8) ratingBucketed = \\\"Neutral\\\";\\nelse if (rate <= 6) ratingBucketed = \\\"Detractor\\\";\\nelse ratingBucketed = \\\"Neutral\\\";\\n\\nif (window.pushManager) {\\n\\twindow.pushManager.postEvent(JSON.stringify({\\n\\t\\tevent: 'NPS Score',\\n\\t\\tattributes: {\\n\\t\\t\\t\\\"rating raw\\\": rate,\\n\\t\\t\\t\\\"rating bucketed\\\": ratingBucketed\\n\\t\\t}\\n\\t}));\\n}\\n\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\nNow let's go to \"**Events**\" section of the Pushwoosh Control Panel and create a \"*NPS Score*\" event with *\"rating bucketed\"* attribute as *String* and *\"rating raw\"* attribute as *Integer*.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/98389d4-NPS-Events.jpg\",\n        \"NPS-Events.jpg\",\n        1684,\n        120,\n        \"#e3b9b7\"\n      ]\n    }\n  ]\n}\n[/block]\nGo back to the app and rate it another time! (*you might need to remove frequency capping for this*)\n\nNow you can view the stats on the rating selection your users are making in the app! And you can even dive deeper to see the promoters, detractors or neutrals.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7910a18-Event-stats.jpg\",\n        \"Event-stats.jpg\",\n        1728,\n        1306,\n        \"#f1f1f1\"\n      ]\n    }\n  ]\n}\n[/block]\nThat's it! Now you have the state of art metric to enhance and upgrade your customer experience \nprogram and to drive your business growth!","excerpt":"","slug":"net-promoter-score-in-app-message","type":"basic","title":"\"Net Promoter Score\" In-App Message"}

"Net Promoter Score" In-App Message


"**Net Promoter Score**" or "**NPS**" is an indicator that can be used to measure the loyalty of users and their readiness to recommend your app to others. This metric is also designed to evaluate the experience of your customers and to predict the business growth. NPS as a metric has been widely adopted with more than two thirds of Fortune 1000 companies. [block:image] { "images": [ { "image": [ "https://files.readme.io/1ddcd23-NPS-In-Action.PNG", "NPS-In-Action.PNG", 750, 1334, "#9a9a9a" ] } ] } [/block] **How it works?** The Net Promoter Score is calculated based on responses to a single question: *"How likely is it that you would recommend our product to a friend or colleague?"* The scoring for this answer is based on a 0 to 10 scale. **Respondents are grouped as follows:** **Promoters (score 9-10)**: are loyal enthusiasts and repeat buyers who will advise your app to others, fueling growth. **Neutrals (score 7-8)**: are satisfied but not enthusiastic enough customers who are vulnerable to competitive offerings. **Detractors (score 0-6)**: are unhappy customers who can potentially damage your brand reputation and impede growth through negative word-of-mouth. Use your NPS as the key measurer of your customers’ overall perception of your brand. Because NPS is a leading ratio of growth and provides key insights from the experience your customers have with your application. Let's take a look on how to do this on the Pushwoosh Demo Application example. [block:api-header] { "type": "basic", "title": "1. Preparing Rich Media for \"NPS\" In-App Message" } [/block] You should already have "NPS" rich media template in your account. Simply click on "Add Rich Media" and select "NPS" template. [block:image] { "images": [ { "image": [ "https://files.readme.io/643f7e6-Add-Rate-RichMedia.jpg", "Add-Rate-RichMedia.jpg", 1002, 1144, "#ebebec" ] } ] } [/block] Now hover the mouse over "*NPS*" newly created rich media and Click on "*Edit*" button. You can edit all the texts, even create translations to additional languages. But don't forget to scroll to the very bottom of the list and **change "Rate Now"** URL to be the **App Store URL of your app** as we want to direct Promoters of your app to make the positive rating on the App Store! [block:image] { "images": [ { "image": [ "https://files.readme.io/f0e1a74-NPS-rich-media.jpg", "NPS-rich-media.jpg", 1668, 1262, "#9fa0a1" ], "border": false } ] } [/block] Press "Save" and go to "*Pushwoosh Demo App*" in your account. [block:api-header] { "title": "2. Adding In-App Message" } [/block] Go to the "**In-Apps**" and click on "**Add In-App**". [block:image] { "images": [ { "image": [ "https://files.readme.io/565020a-Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps_.jpg", "Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps_🔊.jpg", 1748, 512, "#edf2f5" ], "border": true } ] } [/block] Give it a name "NPS Score" and select "*NPS*" rich media. [block:image] { "images": [ { "image": [ "https://files.readme.io/2dd6058-Add-In-App.jpg", "Add-In-App.jpg", 1360, 704, "#04a3f3" ], "sizing": "80", "border": true } ] } [/block] [block:api-header] { "title": "3. Choosing who to show the In-App Message" } [/block] We want to segment users who are familiar with the app already and spent some time in it, getting to know some of the apps features to get the relevant feedback for our NPS metric. Let's show the In-App to the users who installed the app at least 21 days ago. [block:image] { "images": [ { "image": [ "https://files.readme.io/7ad804e-Who-to-show.jpg", "Who-to-show.jpg", 1336, 618, "#0a94dc" ] } ] } [/block] [block:api-header] { "title": "4. Choosing when to show the In-App Message" } [/block] Now it's time to decide when to show In-App message. Find some place in your app where the user is mostly engaged. This would be the best place to present "NPS" In-App message to the user. Remember, In-Apps are triggered by Puswoosh events, see ["Events"](http://docs.pushwoosh.com/docs/events) guide on how to implement them in your app. For the Pushwoosh demo app let's use *"CheckoutSuccess"* event which means the user just finished a purchase in the app and is engaged. [block:image] { "images": [ { "image": [ "https://files.readme.io/087fd5b-Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg", "Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg", 1272, 392, "#0fa00f" ], "sizing": "80", "border": true } ] } [/block] [block:api-header] { "title": "5. Determine the frequency of the In-App Message" } [/block] The last bit is to set "Frequency Capping". We do not want to display this In-App Message every time user performs the checkout. On the other hand it is crucial to collect NPS rating on a periodic bases to get the understanding how loyalty to your app changes across the time. To achieve that let's limit this In-App message to 1 impression per 60 days. [block:image] { "images": [ { "image": [ "https://files.readme.io/13ab7f7-Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg", "Pushwoosh___Applications___Pushwoosh_Demo_App___In-Apps.jpg", 1312, 370, "#e0e4e6" ], "sizing": "80", "border": true } ] } [/block] [block:api-header] { "title": "6. See it in Action!" } [/block] Now go to the Pushwoosh Demo App, add the item to the cart and check out. Voila! We have "NPS" In-App Message! [block:image] { "images": [ { "image": [ "https://files.readme.io/490098a-NPS-In-Action.PNG", "NPS-In-Action.PNG", 750, 1334, "#9a9a9a" ] } ] } [/block] [block:api-header] { "title": "7. Tracking the ratings" } [/block] In the "NPS" In-App message template we have already created a code that posts *"NPS Score"* event with *"rating raw"* and *"rating bucketed"* attribute to Pushwoosh every time user responds to the message. [block:code] { "codes": [ { "code": "var ratingBucketed = \"Neutral\";\nif (rate >= 9) ratingBucketed = \"Promoter\";\nelse if(rate >= 7 && rate <= 8) ratingBucketed = \"Neutral\";\nelse if (rate <= 6) ratingBucketed = \"Detractor\";\nelse ratingBucketed = \"Neutral\";\n\nif (window.pushManager) {\n\twindow.pushManager.postEvent(JSON.stringify({\n\t\tevent: 'NPS Score',\n\t\tattributes: {\n\t\t\t\"rating raw\": rate,\n\t\t\t\"rating bucketed\": ratingBucketed\n\t\t}\n\t}));\n}\n", "language": "javascript" } ] } [/block] Now let's go to "**Events**" section of the Pushwoosh Control Panel and create a "*NPS Score*" event with *"rating bucketed"* attribute as *String* and *"rating raw"* attribute as *Integer*. [block:image] { "images": [ { "image": [ "https://files.readme.io/98389d4-NPS-Events.jpg", "NPS-Events.jpg", 1684, 120, "#e3b9b7" ] } ] } [/block] Go back to the app and rate it another time! (*you might need to remove frequency capping for this*) Now you can view the stats on the rating selection your users are making in the app! And you can even dive deeper to see the promoters, detractors or neutrals. [block:image] { "images": [ { "image": [ "https://files.readme.io/7910a18-Event-stats.jpg", "Event-stats.jpg", 1728, 1306, "#f1f1f1" ] } ] } [/block] That's it! Now you have the state of art metric to enhance and upgrade your customer experience program and to drive your business growth!