Free Tool for Roofers

A free roof cost calculator for your website.

Homeowners outline their roof on a satellite view, answer a few questions, pick a material, and get a ballpark built from your pricing — after they leave their contact details. One copy-paste, no plugin, no cost.

Live Demo

What your visitors see.

The same estimator flow we built for a Raleigh roofing company, made embeddable. Try it: this demo sends its leads to us, yours will go to you.

  • Address autocomplete — the homeowner starts typing and picks their address from Google's suggestions; the satellite view opens right on their roof.
  • Outline the roof on a satellite view — click the corners, the footprint is measured automatically. No Google account or API key needed from you.
  • Or type the footprint — if a roof is hard to see from above, the homeowner enters the home's footprint instead.
  • Pitch, shape, stories, tear-off — the questions that swing a roofing price, each priced in automatically.
  • Your materials, your rates — untick what you don't install; set your own low/high $/sq ft for the rest.
  • Contact details before the number — name, phone, email and the address land in your inbox with the full estimate.
Live Demo · Default Rates

Free roof cost estimator by The Digital Keystone — website design & SEO for contractors.

How It Works

Three steps. About five minutes.

1. Pick your materials & rates

Tick the roofing you install and enter your installed price per square foot for each. We pre-fill typical ranges so you can just adjust.

2. Paste the code

Three lines into any page — WordPress, Squarespace, Wix, Webflow, plain HTML. Address autocomplete and the satellite view are included; nothing to set up on Google's side.

3. Leads hit your inbox

Every completed estimate is emailed to you with the homeowner's name, phone, email, address, roof details and the range they saw. We don't keep their details.

Roof cost estimator footprint step with quick-pick sizes Roof cost estimator questions about pitch, roof complexity, stories and tear-off Roof cost estimator material choice: asphalt, designer asphalt, metal, synthetic slate, tile and slate Roof cost estimator result screen showing an estimated range for a standing seam metal roof
Size, roof details, material, and the estimate a homeowner sees after leaving their contact details.

Why it's free: the code includes a one-line credit linking back to The Digital Keystone. That link is the whole deal — it stays, and in exchange you get the tool, hosting and updates at no cost. Want it fully white-labeled, or built around your exact services? That's a custom build — let's talk.

Get Your Code

Build your estimator.

Fill this in once and your embed code is ready. Need to change your rates later? Come back and run it again with the same email — your existing code updates automatically.

Your business

Address autocomplete and the satellite view normally run on our Google Maps key, so there is nothing to set up. If you would rather they run on your own key (for example, you already have one with its own quota), paste it here — enable "Maps JavaScript API", "Places API" and "Geocoding API" on it and restrict it to your website.

Materials & rates — installed price per square foot of roof surface

Untick anything you don't install. Rates are pre-filled with typical ranges (the National Roofing Contractors Association is the reference for what each system involves) — enter your own low and high $/sq ft (the low end is a simple job, the high end a demanding one). The follow-up questions below adjust these for pitch, shape, stories and tear-off.

OfferMaterialLow $/sq ftHigh $/sq ft
Asphalt ShingleArchitectural shingles
$
$
Designer AsphaltPremium dimensional shingles
$
$
Standing Seam MetalConcealed-fastener panels
$
$
Synthetic Slate / ShakeComposite (e.g. BRAVA, DaVinci)
$
$
Cedar ShakeNatural wood shake
$
$
Concrete TileMolded concrete tile
$
$
Natural SlateQuarried stone
$
$
Follow-up questions & their price adjustments pre-filled — change any number you like

The homeowner's footprint is converted to roof surface using the pitch factor for the pitch they choose, then your rates are adjusted by a percentage for complexity and stories, and by a per-square-foot amount for tear-off. The defaults are filled in; adjust anything to match how you price. The wording stays the same.

How steep is the roof?

  • Flat or nearly flatsurface = footprint ×
  • Low slopesurface = footprint ×
  • Averagesurface = footprint ×
  • Steepsurface = footprint ×% on cost

How complicated is the shape?

  • Simple% on cost
  • Moderate% on cost
  • Complex% on cost

How many stories is the home?

  • One story% on cost
  • Two stories% on cost
  • Three or more% on cost

What has to come off first?

  • One existing layer$per sq ft
  • Two or more layers$per sq ft
  • Nothing — new construction$per sq ft

By generating code you agree to keep the credit link in place and to our Terms & Privacy Policy.

FAQ

Questions roofers ask.

01Is it really free?

Yes. There is no charge, no trial and no upsell inside the widget. The only condition is the one-line credit that links back to The Digital Keystone — that link is how we get paid, in the form of exposure. If it is removed, the calculator re-adds it.

02Do I need a Google Maps key?

No. Address autocomplete and the satellite view run on our key, so it works the moment you paste the code. If you already have your own Google Maps key and would prefer the map usage to count against it instead, there is an optional field for that in the generator.

03Does it measure the roof automatically?

No — the homeowner traces the outline themselves by clicking the corners on the satellite view, and the tool measures the shape. Automatic detection would need Google's paid Solar API on every estimate, which would make the tool impossible to offer free. Manual tracing is quick and, with the pitch question, gives a solid ballpark.

04Where do the leads go?

Straight to the email address you enter when you generate the code — every completed estimate, with the homeowner's name, phone, email, address, roof details and the range they were shown. We relay the email; we do not store the homeowner's details or contact them.

05Can I change my materials or prices later?

Any time. Come back to this page and run the generator again with the same email address. Your existing embed code keeps working and uses the new settings on the next page load — nothing to re-paste.

06How accurate are the estimates?

As accurate as your rates. The footprint is converted to roof surface using the pitch the homeowner picks, then adjusted for shape, stories and tear-off, and shown as a range between your low and high $/sq ft — clearly labeled as a preliminary estimate, not a quote.

Want automatic roof detection, or a calculator built for your exact services?

We build custom estimators — including satellite auto-measurement — into roofing websites, along with before/after sliders, storm-damage checklists and insurance-claim workflows.

Talk to us