Calculate Net Promoter Score

Net Promoter Score (NPS) Calculator :root { –primary-blue: #004a99; –success-green: #28a745; –light-background: #f8f9fa; –border-color: #dee2e6; –text-color: #333; –result-background: #e9ecef; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(–text-color); background-color: var(–light-background); padding: 20px; } .nps-calculator-container { max-width: 700px; margin: 30px auto; background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); border: 1px solid var(–border-color); } h1, h2 { color: var(–primary-blue); text-align: center; margin-bottom: 20px; } .input-group { margin-bottom: 20px; padding: 15px; border: 1px solid var(–border-color); border-radius: 5px; background-color: var(–light-background); } .input-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(–primary-blue); } .input-group input[type="number"] { width: calc(100% – 20px); padding: 10px; border: 1px solid var(–border-color); border-radius: 4px; font-size: 1rem; margin-top: 5px; } .input-group input[type="number"]:focus { outline: none; border-color: var(–primary-blue); box-shadow: 0 0 0 3px rgba(0, 74, 153, 0.2); } button { display: block; width: 100%; padding: 12px 20px; background-color: var(–primary-blue); color: white; border: none; border-radius: 5px; font-size: 1.1rem; cursor: pointer; transition: background-color 0.3s ease; margin-top: 10px; } button:hover { background-color: #003b7a; } #result { margin-top: 30px; padding: 20px; background-color: var(–result-background); border: 1px solid var(–border-color); border-radius: 5px; text-align: center; } #result h3 { margin-bottom: 10px; color: var(–primary-blue); } #result-value { font-size: 2.5rem; font-weight: bold; color: var(–primary-blue); display: block; margin-bottom: 10px; } .nps-category { font-size: 1.1rem; font-weight: 500; color: var(–text-color); margin-top: 5px; } .promoter { color: var(–success-green); } .passive { color: #ffc107; /* Bootstrap's warning yellow */ } .detractor { color: #dc3545; /* Bootstrap's danger red */ } .article-section { margin-top: 40px; padding: 25px; background-color: #fff; border: 1px solid var(–border-color); border-radius: 8px; } .article-section h2 { margin-bottom: 15px; text-align: left; } .article-section p, .article-section ul { margin-bottom: 15px; } .article-section ul { padding-left: 20px; } .article-section li { margin-bottom: 8px; } @media (max-width: 600px) { .nps-calculator-container { padding: 20px; margin: 20px auto; } #result-value { font-size: 2rem; } }

Net Promoter Score (NPS) Calculator

Your Net Promoter Score (NPS)

What is the Net Promoter Score (NPS)?

The Net Promoter Score (NPS) is a widely used customer loyalty metric that measures a customer's willingness to recommend a company's product or service to others. It's a powerful indicator of customer satisfaction and a predictor of business growth. NPS is based on a single, simple question: "On a scale of 0 to 10, how likely are you to recommend [company/product/service] to a friend or colleague?"

How to Calculate NPS

The calculation of NPS involves categorizing respondents based on their score and then applying a straightforward formula. Here's how it works:

  • Promoters: Customers who score 9 or 10. These are your loyal enthusiasts who will keep buying and refer others.
  • Passives: Customers who score 7 or 8. These are satisfied but unenthusiastic customers who are vulnerable to competitive offerings.
  • Detractors: Customers who score 0 to 6. These are unhappy customers who can damage your brand and impede growth through negative word-of-mouth.

The NPS is calculated using the following formula:

NPS = (% of Promoters) – (% of Detractors)

To get the percentages, you first need to find the total number of respondents.

Total Respondents = Promoters + Passives + Detractors

Then, the percentages are calculated as:

  • % Promoters = (Number of Promoters / Total Respondents) * 100
  • % Detractors = (Number of Detractors / Total Respondents) * 100

The final NPS score can range from -100 (if all respondents are detractors) to +100 (if all respondents are promoters).

Interpreting NPS Scores

NPS scores are typically categorized as follows:

  • Above 70: World Class – Indicates exceptional customer loyalty and advocacy.
  • 30 to 70: Great – Suggests a strong customer base with good loyalty.
  • 0 to 30: Good/Okay – Room for improvement in customer experience and loyalty.
  • Below 0: Needs Improvement – Indicates a significant number of unhappy customers and potential brand damage.

It's important to note that NPS benchmarks vary significantly by industry. Therefore, comparing your NPS to industry averages is crucial for context.

Why Use the NPS Calculator?

This calculator provides a quick and easy way to determine your NPS score. By inputting the number of promoters, passives, and detractors from your customer surveys, you can instantly understand your current customer loyalty standing. Using NPS helps businesses:

  • Gauge customer satisfaction and loyalty.
  • Identify areas for improvement in products and services.
  • Track customer experience over time.
  • Benchmark performance against competitors.
  • Foster a customer-centric culture.

Regularly calculating and analyzing your NPS is a fundamental practice for driving sustainable business growth through enhanced customer relationships.

function calculateNPS() { var promotersInput = document.getElementById("promoters"); var passivesInput = document.getElementById("passives"); var detractorsInput = document.getElementById("detractors"); var promoters = parseFloat(promotersInput.value); var passives = parseFloat(passivesInput.value); var detractors = parseFloat(detractorsInput.value); var resultValueElement = document.getElementById("result-value"); var npsCategoryElement = document.getElementById("nps-category"); // Input validation if (isNaN(promoters) || isNaN(passives) || isNaN(detractors) || promoters < 0 || passives < 0 || detractors = 70) { categoryText = "World Class"; categoryClass += " promoter"; } else if (npsScore >= 30) { categoryText = "Great"; categoryClass += " promoter"; // Often still considered positive } else if (npsScore >= 0) { categoryText = "Good / Okay"; categoryClass += " passive"; } else if (npsScore > -100) { categoryText = "Needs Improvement"; categoryClass += " detractor"; } else { // NPS is -100 categoryText = "Needs Significant Improvement"; categoryClass += " detractor"; } npsCategoryElement.textContent = categoryText; npsCategoryElement.className = categoryClass; }

Leave a Comment