Calculator Page Blueprint: What Goes On It, in Order | Hawk Academy

Free Resource

The Calculator Page Blueprint

What a calculator page needs so ChatGPT recommends you. If your calculator asks for an email before it shows a number, and explains nothing around it, an AI answer has nothing in it to quote. Here's what to put on it instead: ten sections, in order, with what goes in each and why.

A useful calculator answers a question buyers ask before they buy: what size, how much, what am I forgetting. It's easier to cite when the answer, and the working behind it, sits on the page as text anyone can read.

The five from the video

The reel covered five ideas from this blueprint. Here they are with the drawings, in the order they sit on the page.

  1. A calculator page headed hot water system size calculator, with the line most households of 4 need a 250 to 315 litre tank shaded above the widget.

    The answer, before the tool

    Before anyone touches the calculator, say in plain text what it works out, who it's for, where it applies, and the typical answer for the most common case. That sentence is something an AI can quote without running the tool.

  2. A pop-up asking for your email to see your result, crossed out, with an arrow to an instant result of 250 litres and a delighted stick figure.

    No email first

    Show the result straight away, with no email or phone number asked for first. An email gate in front of the answer puts off the people who came for it.

  3. A result card reading 250 litres, with two notes: 2 showers at once, go 315; solar or heat pump, site visit.

    Explain the result

    The result in words as well as a number: what it means, the likely range, what would move it up or down, and which service or product fits it.

  4. A notepad showing 4 people times 50 litres equals 200 litres, plus 25% for winter equals 250 litres, stamped checked August 2026.

    Show your working

    The formula, every assumption and rate, where each figure comes from, and the date it was last checked, written in the page itself. In the example, the extra 25% covers winter and guests.

  5. A table: 4 people with showers one after another, 250 litres; 4 people with 2 showers at once, 315 litres.

    A table of common answers

    A table of results for the most common situations, written into the page, so the answer can be read without running the tool.

The drawings use invented example businesses. The figures show the level of detail a page needs, not advice.

The full blueprint, top to bottom

Ten sections, in the order they sit on the page. The letter in brackets is the part of SOURC-E each one serves: Structure, Offsite, Uniqueness, Relevance, Credibility or Evaluation.

  1. 1

    Answer block (S)

    An H1 that names what the tool works out. Under it, in plain text, what it calculates, who it is for, where it applies, and the typical answer for the most common case, before anyone touches the tool.

    Many AI crawlers do not run scripts, so put the answer in the text. It also tells a person in seconds whether the tool is for them.

  2. 2

    The calculator (U)

    The inputs, with plain labels, units and sensible defaults, in as few fields as the answer needs. The result appears straight away, with no email or phone number asked for first.

    A useful tool nobody else offers is a reason to visit and to link. Gating the result turns it into a lead form, and people leave.

  3. 3

    Your result, explained (R)

    The result in words as well as a number: what it means, the likely range, what would move it up or down, and which service or product fits it.

    A bare number is easy to misread. The explanation is what makes the result useful and connects it to what you sell.

  4. 4

    What each input means (R)

    Each input explained in a sentence, with where to find the figure if the buyer does not know it.

    Wrong inputs give wrong answers. The explanations also cover the questions buyers ask before they can use the tool.

  5. 5

    Method and assumptions (C)

    The formula or logic, every assumption and rate used, where each figure comes from, and the date it was last checked, written in the HTML.

    Shown assumptions let a buyer judge the answer and let an AI explain it. A hidden method is a black box nobody should quote.

  6. 6

    Worked example (R)

    One full example written out step by step: the inputs, each step of the calculation, and the answer.

    A worked example lets anyone check the logic, and gives AI systems a complete answer they can read without running anything.

  7. 7

    Common answers (U)

    A table of results for the most common situations, such as household sizes or price points, as an HTML table.

    These are the answers people ask AI for directly. A table of them is easy to quote accurately, with your name attached.

  8. 8

    Limits of the estimate (R)

    What the tool does not cover, when the estimate stops being reliable, and when a buyer needs a quote or a professional instead.

    Honest limits stop bad decisions made on a rough number, and show you know where the edges are.

  9. 9

    Who made it (C)

    Who built and checked the tool, with their qualification and a link to their profile, the last-checked date, and a short note of what changed.

    A number from a named, qualified person is more believable than one from an anonymous widget.

  10. 10

    Next step (S)

    The service or product the result points to, related guides, and one clear next step with the phone number as text.

    Connects the result to the job, and shows crawlers how the tool relates to the rest of the site.

A filled-in example

Riverina Plumbing, Wagga Wagga (an invented business, to show the level of detail). These lines are from a few of the sections: copy the specificity, not the words. The sizing figures are invented to show the level of detail, not hot water advice.

H1
Hot water system size calculator
Answer block
Work out what size hot water system your household needs, from how many people live there, how many showers run at once and whether you heat on off-peak power. Most Wagga Wagga households of four need a 250 to 315 litre electric tank on off-peak, or a continuous flow gas unit rated at 26 litres a minute.
Method and assumptions
We assume each person uses 50 litres of hot water a day, that winter mains water in Wagga arrives at about 10 degrees, and that off-peak tanks heat once a day overnight. Checked against our 2025-26 installs by our licensed plumber in August 2026.
Worked example
Four people, two bathrooms, showers usually one after another, off-peak power: 4 x 50 litres = 200 litres a day, plus 25% for winter and guests = 250 litres. We recommend a 250 litre off-peak tank, or 315 litres if two showers often run at the same time.
Limits of the estimate
This sizes the system; it does not price it. Heat pumps and solar systems need a site visit, because roof direction and space matter. Most replacements we install cost $1,600 to $3,200, and our hot water page has the full price guide.

Before you publish

Must-haves

  • The page says in plain text what the tool calculates, for whom, and the typical answer, before anyone uses it.
  • The method, assumptions and sources are in the HTML, with the date each rate or figure was last checked.
  • A worked example and a table of common answers are in the HTML, so the answer can be read without running the tool.
  • The result is explained in words, including what would change it.
  • The tool gives its result without asking for an email or phone number first.
  • The page names who built and checked the tool, with their qualification, and shows a last-checked date.
  • The limits say when the estimate does not apply and when to get a quote instead.
  • Someone owns the tool and re-checks it when a rate, fee or rule it uses changes.

Stop doing

  • Calculators built to attract links that answer nothing a buyer actually needs.
  • Asking for contact details before showing the result.
  • A tool drawn entirely by JavaScript with no explanatory text around it.
  • Results that do not match the prices on your service or pricing pages.

Five checks before it goes live

  • View the page source: the explanation, method, worked example and common answers are there without the script running.
  • Run five real cases from your own records through the tool and check the answers match what actually happened.
  • Every rate and fee in the method matches your price guide and its source today, and the date is shown.
  • On a phone, on mobile data, the tool loads and works and the result is readable without zooming.
  • The page is indexable and canonical to itself, and result URLs with parameters are not indexed.

Schema

No markup is needed for the tool to be understood. BreadcrumbList that matches the visible breadcrumbs is enough; the explanation, method and worked example in the HTML are what AI systems actually read.

How to tell it's working

Once a month, ask these in ChatGPT, Perplexity and Google AI Mode with your details filled in, in a fresh chat each time, and note whether you're named, linked and described correctly.

  • What size [product] do I need for [situation]?
  • How much will [job or purchase] cost me all up?
  • What costs am I forgetting when I [task]?
  • How did you work that out?
  • Does this estimate hold for [place or situation]?
  • What should I do with this number?

Ask the questions above in ChatGPT, Perplexity and Google AI Mode once a month and check whether your figures or your page are cited.

In GA4, record a completed calculation as an event and the enquiry that follows as a key event, so you can see how many people who use the tool go on to contact you.

Track the links and mentions the tool earns; a genuinely useful tool often gets linked from forums, councils and guides.

The free AI Visibility Check skill gives you real customer questions to run in ChatGPT and other AI tools, then scores the answers you paste back.

Free tools for the job

  • Calculator Page Builder SkillSuggests five calculator ideas for your niche, then builds a calculator page with these sections for you to check and upload.
  • Calculator Page BuilderGet a free prompt for ChatGPT or Claude that builds the page, or have it built for you with your own Anthropic API key, about 10 cents a build.
  • Can AI See Your Page?Paste a URL and see whether your content is visible to AI crawlers that don't run JavaScript.
  • AI Visibility Check SkillGives you 8 real customer questions to run in ChatGPT and other AI tools, then scores the answers you paste back and shows who gets recommended instead.

If you change one thing this week

Write the typical answer in plain text above your calculator, and take away any email gate in front of the result.

See all six page blueprints