Free Roof Cost Calculator Widget for Your Website
Give your visitors instant roof replacement estimates without leaving your site. One line of code, no build step, no cost to embed. Works on any website, blog, or CMS including WordPress, Squarespace, and Wix. You will need a free BuildFolio account for the org ID the widget requires.
Widget Quick Facts
- Cost: Free to embed; requires a free BuildFolio account for the org ID
- Setup time: Under 2 minutes
- File size: About 19KB
- Dependencies: Zero (fully self-contained)
- Mobile ready: Fully responsive
- CMS support: WordPress, Squarespace, Wix, any HTML site
TL;DR
Copy one line of HTML into your website. Your visitors enter a property address and get an instant roofing price range, then can send you their contact details as a lead. The widget is free to embed, has no external dependencies, and sets no cookies. It needs a BuildFolio org ID, and leads go to that account.
Live Demo
This on-page estimator is a preview of the kind of number the widget returns. Adjust the material and roof size to see instant cost ranges. The embeddable widget below works differently: it asks the visitor for a property address instead of sliders, and lets them send you their details.
The widget automatically adapts to smaller screens. Try resizing your browser window.
Embedding the estimate widget on your site
Paste this one line where you want the widget to appear. It inserts itself directly above its own script tag, so its position on the page is wherever you put this snippet — there is no separate container div to add.
<script src="https://build-folio-api.fly.dev/widget/instant-quote.js"
data-org-id="YOUR_ORG_ID"></script>
Replace YOUR_ORG_ID before you publish
The data-org-id attribute is required — without a valid ID the widget
logs an error and renders nothing. Your org ID is in your BuildFolio account settings, and
creating an account is free. Leads submitted through the widget are delivered to that
account, so use your own ID rather than one copied from a demo.
You can also link customers directly to the free roof measurement tool, which returns a measured roof size and cost estimate from a satellite image of the address.
Widget Features
Instant Estimates
Visitors enter a property address and get a price range back immediately, before any contact details are asked for.
Mobile Responsive
The widget automatically adapts to any screen size. It looks great on phones, tablets, and desktop browsers without any extra configuration.
Scoped Styling
The widget ships its own scoped styles and does not load an external stylesheet. It does not use shadow DOM, so if your site has very aggressive global CSS, check the widget after you embed it.
No Dependencies
About 19KB with zero external dependencies. No jQuery, no React, no framework overhead.
Free to Embed
There is no charge to embed the widget or to receive the leads it captures. It does require a BuildFolio account for the org ID.
No Cookies
The widget sets no cookies and uses no tracking pixels. It does submit the details a visitor types — address, and name, phone and email if they request a quote — to your BuildFolio account.
Who Should Use This Widget
The free roof cost calculator widget is built for anyone who publishes content about home improvement, roofing, or real estate. Adding an interactive tool to your content increases time on page, improves engagement metrics, and provides genuine value to your readers.
Home Improvement Bloggers
Add the calculator to your roofing articles and buying guides. Visitors who interact with a tool spend 3-5x longer on the page than passive readers, which signals quality to search engines.
Contractor Websites
Give potential customers a quick price check before they call. The calculator sets realistic expectations and pre-qualifies leads who are serious about their roofing project.
Real Estate Agents
Include the widget on property listings or neighborhood guides. Buyers considering a home with an aging roof want to know what replacement costs look like before making an offer.
Property Management Companies
Add the calculator to your owner portal or maintenance request pages. Property owners can get quick estimates for budgeting capital expenditures on rental properties.
Frequently Asked Questions
Is the roof cost calculator widget really free?
There is no charge to embed it and no usage limit. It is not signup-free, though: the widget requires a data-org-id, which means a BuildFolio account. Creating one is free. We offer the widget because the leads it captures land in a BuildFolio account, which is how contractors discover the rest of the platform.
Will the widget slow down my website?
The script is about 19KB with zero external dependencies — no jQuery, no frameworks, no extra CSS files to load. Add the standard async attribute if you want it fully non-blocking; note that async changes where the widget inserts itself, so place the tag accordingly.
Can I customize the widget colors to match my site?
Not currently. The widget uses BuildFolio brand colors (a blue theme) and exposes no theming attribute. Its styles are scoped to its own container rather than isolated in a shadow DOM, so a site with very aggressive global CSS may affect its appearance.
Does the widget work on WordPress sites?
Yes. Paste the one-line embed into any Custom HTML block, HTML widget, or theme template. Because the widget inserts itself immediately before its own script tag, put that tag exactly where you want the widget to render. Check the result in your specific theme and page builder before relying on it.
What data does the widget collect from my visitors?
Two different things. It sends anonymous interaction events containing the page URL and your org ID. Separately, if a visitor asks for a quote, it submits what they typed — property address, name, phone, email and their message — to your BuildFolio account as a lead. That is personal data, and you are the one collecting it, so make sure your own privacy notice and consent flow cover it. The widget sets no cookies and uses no tracking pixels.
Want More Than an Estimate?
BuildFolio uses satellite imagery to measure your exact roof and generate a detailed cost report. Free for homeowners, no signup required.
Add the Calculator to Your Site Today
One line of code, no cost to embed, instant value for your visitors.
Try the Calculator