DEV Community

張旭豐
張旭豐

Posted on

I Built a Tiny Calculator to Find Pricing Page Leaks in SaaS Plans

I Built a Tiny Calculator to Find Pricing Page Leaks in SaaS Plans

Last updated: 2026-06-30


The Problem: Most SaaS pricing pages have 3 hidden leaks

After auditing 20+ freelance pricing pages and SaaS pricing tables, I found the same 3 mistakes appearing over and over. I turned them into a calculator.

Input your pricing and get 3 specific leaks in 60 seconds.


The Calculator

Save this as pricing-leak.html and open in any browser:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pricing Leak Calculator</title>
<style>
  body { font-family: system-ui, sans-serif; max-width: 600px; margin: 30px auto; padding: 20px; background: #0f1117; color: #e6edf3; }
  h1 { color: #58a6ff; }
  .card { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 16px; margin-bottom: 12px; }
  label { display: block; font-size: 0.85em; color: #8b949e; margin-bottom: 4px; }
  input { width: 100%; padding: 8px; background: #0d1117; border: 1px solid #30363d; border-radius: 4px; color: #e6edf3; box-sizing: border-box; }
  .row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  button { background: #238636; color: white; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; width: 100%; margin-top: 8px; }
  .result { display: none; margin-top: 16px; }
  .result.show { display: block; }
  .leak { background: #3d1f1f; border-left: 3px solid #f85149; padding: 12px; margin-bottom: 8px; }
  .leak-title { color: #f85149; font-weight: 600; }
  .upside { color: #7ee787; font-size: 0.9em; margin-top: 4px; }
  .cta { background: #1f3a1f; border: 1px solid #238636; border-radius: 6px; padding: 14px; text-align: center; margin-top: 16px; }
</style>
</head>
<body>
<h1>Pricing Leak Calculator</h1>
<div class="card">
  <div class="row">
    <div><label>Monthly price ($)</label><input type="number" id="m" value="29"></div>
    <div><label>Annual discount (percent)</label><input type="number" id="a" value="20"></div>
  </div>
  <div class="row" style="margin-top:10px;">
    <div><label>Seat limit</label><input type="number" id="s" value="5"></div>
    <div><label>Hidden features</label><input type="number" id="g" value="3"></div>
  </div>
  <button onclick="calc()">Find Leaks</button>
</div>
<div class="result" id="result"></div>
<script>
function calc() {
  var m=+document.getElementById('m').value||29, a=+document.getElementById('a').value||20;
  var s=+document.getElementById('s').value||5, g=+document.getElementById('g').value||3;
  var h='';
  if(a>25) h+='<div class="leak"><div class="leak-title">Leak 1: Annual discount '+a+'% pushes users away</div><div class="upside">Industry baseline: 10-15%. Each 5% above baseline = $'+(m*12*(a-20)/100*0.04).toFixed(0)+' per year customer resistance</div></div>';
  if(s<=3) h+='<div class="leak"><div class="leak-title">Leak 2: Seat limit '+s+' has no natural upgrade trigger</div><div class="upside">Teams hit the wall mid-project -- worst timing for upgrade pitch</div></div>';
  if(g>=3) h+='<div class="leak"><div class="leak-title">Leak 3: '+g+' feature gates create incomplete product feeling</div><div class="upside">More than 3 gates = users feel nickel and dimed, not valued</div></div>';
  if(!h) h='<div class="leak"><div class="leak-title">No major leaks found. Your pricing structure is reasonable.</div></div>';
  document.getElementById('result').innerHTML=h+'<div class="cta"><a href="https://paypal.me/cheapuno" style="color:#58a6ff;">Want me to check manually? 5 dollars to paypal.me/cheapuno</a></div>';
  document.getElementById('result').classList.add('show');
}
</script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Real Output Examples

Example 1: 29 dollars per month, 20% annual, 5 seats, 3 hidden features

  • Leak 1: Annual discount 20% pushes users away. Industry baseline is 10-15 percent
  • Leak 2: Seat limit 5 has no natural upgrade trigger. Teams hit the wall mid-project
  • Leak 3: 3 gates -- acceptable (threshold is 4 or more)

Example 2: 49 dollars per month, 30% annual, 3 seats, 5 hidden features

  • Leak 1: Annual discount 30 percent -- aggressive. You are losing 10 percent above baseline
  • Leak 2: Seat limit 3 -- very tight, teams WILL upgrade. Good short term, bad for trust long term
  • Leak 3: 5 hidden features -- feature frustration zone. Users feel the product is incomplete at base tier

Example 3: 99 dollars per month, 15% annual, 10 seats, 2 hidden features

  • All three checks pass. Your pricing structure is reasonable.
  • If conversions are low, the problem is pitch -- not numbers.

What These Leaks Actually Cost You

The math is simple:

  • Leak 1 (Annual discount): Every 5 percent above 15 percent baseline = 4 percent of annual customers choose not to upgrade
  • Leak 2 (Seat limits): Tight seat limits create upgrade pressure but also resentment. Users delay upgrades = delayed revenue plus churn risk
  • Leak 3 (Feature gates): More than 3 gates creates nickel and dimed feeling. This is the number one reason users cite for switching products

Want Me to Check Your Specific Pricing Page

I offer 5 dollar Quick Pricing Audits -- 2 spots left.

What you get:

  • Full page teardown (6-point check)
  • Specific mistakes in your pricing structure
  • Concrete suggestions with estimated revenue impact
  • PDF summary delivered in 24 hours

How to order:

  1. Send 5 dollars to paypal.me/cheapuno
  2. Include your pricing page URL
  3. I will deliver within 24 hours

Or start with the free calculator above -- takes 60 seconds and gives you 3 specific leaks.


Related Articles

Top comments (0)