How-To Guide

How to Create a Pricing Calculator for Your Service Business

January 2026 · 9 min read

You know the drill. Phone rings, someone asks "how much for X?", you ask fifteen questions, scribble some notes, promise to send a quote "by end of day", and then spend 20 minutes in Excel. Meanwhile, three other people called and went to your competitor who had a price on their website.

I've talked to dozens of service business owners - cleaners, photographers, landscapers, tutors - and they all have the same problem. Quoting takes forever, and by the time you respond, the customer's already moved on.

The fix is stupidly simple: put a calculator on your website. Let customers figure out the price themselves. You get their contact info, they get an instant answer, everyone's happy.

Here's how to actually do it.

What Makes a Good Pricing Calculator?

Before we get into the how, let's talk about what actually works. I've seen a lot of terrible calculators - the ones with 47 fields that take 10 minutes to fill out, or the ones that give you a "range" so wide it's useless ("Your project will cost between $500 and $15,000").

A good calculator does three things:

  1. Asks only what matters. If you're a house cleaner, you need square footage, number of rooms, and maybe frequency. You don't need their life story.
  2. Shows the price as they go. People want to see numbers change in real-time. It's satisfying. It builds trust. Don't make them click "Calculate" and wait.
  3. Captures the lead. A calculator that doesn't collect contact info is just a toy. Make sure you're getting at least an email before showing the final price.

Figure Out Your Pricing Logic First

This is where most people mess up. They jump straight into building the calculator without actually knowing how their pricing works.

Grab a piece of paper. Write down every factor that affects your price. For a cleaning business, it might look like:

  • Base rate: $120
  • Per bedroom: +$25
  • Per bathroom: +$30
  • Deep clean vs regular: 1.5x multiplier
  • Weekly discount: -15%
  • Bi-weekly discount: -10%

Now write out the formula. Literally. Something like:

Total = (Base + Bedrooms × 25 + Bathrooms × 30) × CleanType × FrequencyDiscount

If you can't write the formula, you're not ready to build the calculator. Go back and figure out your pricing structure first.

Pro tip

Start simple. You can always add complexity later. A calculator with 5 fields that works is better than one with 20 fields that confuses everyone.

Choose Your Tool

You've got options:

Option 1: Build It Yourself

If you know HTML, CSS, and JavaScript, you can absolutely build a calculator from scratch. Total control, no monthly fees. But it takes time, and you'll need to figure out hosting, form submissions, email notifications, etc.

Realistic time investment: 2-3 days for something decent, more if you want it to look professional.

Option 2: WordPress Plugins

There are plugins like Cost Calculator Builder or Formidable Forms that let you create calculators without code. They work, but they're limited. Complex logic gets messy fast, and you're stuck with whatever design options they give you.

Also, if you're not on WordPress, this isn't an option.

Option 3: No-Code Calculator Builders

Tools like ConvertCalculator, Calconic, or Outgrow let you build calculators by dragging fields and connecting them visually. No coding, just point and click.

These work great for simple stuff - basic math, straightforward pricing tiers. The problem shows up when your business logic gets real. "If the customer picks deep cleaning AND has pets AND wants it done before 8am, charge extra but cap the total surcharge at 30%" - suddenly you're fighting the tool instead of building.

Option 4: Code-Based Builders with AI Assistance

This is what we do with FormTs. You write actual TypeScript code for your calculator logic - but here's the twist: AI writes most of it for you.

Why code instead of drag-and-drop? Because code can do anything. Any formula, any condition, any edge case. No-code tools hit a wall the moment you need something they didn't anticipate. With code, there's no wall.

"But I don't know how to code" - you don't have to. You describe what you want in plain English, the AI generates the TypeScript, and you see the result instantly. If something's off, you tell the AI to fix it. It's like having a programmer on call who responds in seconds.

Full disclosure: I'm biased - I built FormTs. But the reason I went this route is because I got tired of no-code tools that couldn't handle real business logic. "If the customer picks option A and the date is a weekend and the total is over $500, apply a 10% discount" - good luck doing that in a drag-and-drop builder.

Want to see what a finished calculator looks like? Check out our cleaning business template.

Building the Calculator: Step by Step

I'll walk through building a simple service calculator. The concepts apply regardless of what tool you use.

Step 1: List Your Fields

Based on your pricing formula, figure out what inputs you need. Keep it minimal. Every extra field is friction.

For a photography session calculator:

  • Session type (dropdown: portrait, family, event)
  • Duration (slider: 1-4 hours)
  • Location (radio: studio, outdoor, client's venue)
  • Edited photos included (number input)
  • Add-ons (checkboxes: rush delivery, prints, album)

That's 5 inputs. Enough to calculate a real price, not so many that people bail.

Step 2: Set Up the Math

This is where it gets fun. You need to translate your pricing logic into formulas.

Most calculator tools let you do basic math: addition, multiplication, if/then conditions. Something like:

basePrice = sessionType === 'event' ? 500 : 200
hourlyRate = 150
locationFee = location === 'client' ? 100 : 0
total = basePrice + (duration * hourlyRate) + locationFee + addOns

If your tool doesn't support this kind of logic... get a different tool. You'll need it eventually.

Step 3: Design the Flow

Think about the order of questions. Start with the big stuff (service type, size, duration) and work toward details (add-ons, special requests).

Show the running total somewhere visible. People love watching the number change. It's like a game.

Important:

Put the contact form AFTER you show them a price. They're way more likely to give you their email once they've invested time in the calculator and seen a number they like.

Step 4: Add the Lead Capture

Don't overthink this. Name, email, phone (optional), maybe a notes field. That's it.

Make sure submissions go somewhere useful - your email, a CRM, a spreadsheet. If you're using a calculator tool, this should be built in.

Step 5: Embed on Your Website

Once your calculator is ready, you get an embed code. In FormTs it's two lines:

<script src="https://formts.com/widget.js"></script>
<formts-widget link-id="your-calculator-id"></formts-widget>

Paste this wherever you want the calculator to appear. WordPress? Custom HTML block. Wix? Embed element. Squarespace? Code block. Any site that lets you add HTML will work.

Common Mistakes to Avoid

I've reviewed a lot of calculators that don't work. Here's what goes wrong:

Too many fields. Every field you add reduces completion rate. Be ruthless. If a field doesn't directly affect the price, cut it.

Hiding the price. Some businesses show the price only after collecting all contact info. This feels scammy. Show a ballpark upfront, then collect details.

Not mobile-friendly. Over half your visitors are on phones. Test your calculator on mobile. If it's painful to use, fix it.

Ignoring the follow-up. A calculator submission is a warm lead. Respond fast - within an hour if possible. Set up email notifications so you don't miss them.

Prices that don't match reality. If your calculator says $300 and you quote $500 after the call, you've lost trust. Make sure your calculator reflects your actual pricing.

Does It Actually Work?

Short answer: yes. But it's not magic.

A cleaning company I talked to added a quote calculator and saw their website leads double in two months. A photographer told me she cut her quoting time by 80% because customers came in already knowing the price.

But here's the thing - these weren't overnight successes. They tested their calculators, adjusted prices based on feedback, and iterated on the design.

The calculator is a tool. It works when you use it right.

Next Steps

If you've read this far, you're probably serious about adding a calculator. Here's what I'd do:

  1. Write out your pricing formula on paper
  2. List the minimum fields you need
  3. Pick a tool and build a first version (doesn't have to be perfect)
  4. Test it yourself, then have a friend try it
  5. Put it on your site and see what happens

You'll learn more from launching a mediocre calculator than from planning a perfect one forever.

Common Questions

How much does it cost to add a calculator to my website?

FormTs has a free plan with 100 submissions/month - enough to test and get started. Pro is $19/month (or $190/year) for 1,000 submissions, webhooks, and no branding. Other tools vary, but expect $20-50/month for similar features.

Do I need to know how to code?

Depends on the tool. No-code builders exist but hit their limits fast. FormTs uses actual code - you can write it yourself if you want, or just describe what you need and let AI generate it. Either way works.

Will a calculator work on my Wix/Squarespace/WordPress site?

Most calculator tools work on any website that allows custom HTML embeds. This includes WordPress, Wix, Squarespace, Shopify, Webflow, and custom-built sites. Check the specific tool's documentation to be sure.

What if my pricing is too complex for a calculator?

That's exactly why code-based tools like FormTs exist. No-code builders choke on complex logic, but with code you can handle any formula - conditional discounts, tiered pricing, date-based rates, whatever your business needs. If you can explain it, AI can code it.

How do I know if my calculator is working?

Track submissions and compare to before. Also look at completion rate - if people start the calculator but don't finish, something's wrong (probably too many fields or confusing flow). Most tools have analytics built in.

Ready to Build Your Calculator?

Start with a template or describe what you need and let AI build it for you.