Free Calculator Widgets for Your Website

Put any QtyLab material calculator on your own site for free: copy the code below and paste it into an HTML block. Your readers get the yards, bags, sheets, pickets or bundles they need without leaving your page.

How it works

Free. No signup, no ads inside the calculator, no shopping links in it.
Works anywhere you can paste HTML: WordPress (Custom HTML block), Squarespace (Code block), Wix (Embed code), Shopify, Webflow and plain HTML sites.
It sizes itself to fit. If your site strips scripts, it still works at a fixed height with its own scroll bar.
All the math runs in your reader’s browser, the same as on QtyLab. A link at the bottom opens the full calculator with the shopping list and cost estimate.
Please keep the “by QtyLab” credit line under the calculator.

Try it

This is exactly what your readers see (the concrete calculator):

Embed codes

Concrete calculator

Cubic yards plus 60 and 80 lb bag counts for slabs, footings and columns. Open the full calculator

<iframe src="https://qtylab.com/concrete/?widget=1" title="Concrete calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1200px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Concrete calculator by <a href="https://qtylab.com/concrete/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Gravel calculator

Cubic yards and tons of gravel for driveways, paths and bases. Open the full calculator

<iframe src="https://qtylab.com/gravel/?widget=1" title="Gravel calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1220px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Gravel calculator by <a href="https://qtylab.com/gravel/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Mulch calculator

Cubic yards and 2 cu ft bags of mulch for any bed. Open the full calculator

<iframe src="https://qtylab.com/mulch/?widget=1" title="Mulch calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1100px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Mulch calculator by <a href="https://qtylab.com/mulch/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Sod calculator

Square feet and pallets of sod, with extra for cuts. Open the full calculator

<iframe src="https://qtylab.com/sod/?widget=1" title="Sod calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1240px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Sod calculator by <a href="https://qtylab.com/sod/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Lawn fertilizer calculator

Pounds of product and bags for your lawn size and rate. Open the full calculator

<iframe src="https://qtylab.com/fertilizer/?widget=1" title="Lawn fertilizer calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1220px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Lawn fertilizer calculator by <a href="https://qtylab.com/fertilizer/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Fence calculator

Posts, rails, pickets and sections for a wood fence. Open the full calculator

<iframe src="https://qtylab.com/fence/?widget=1" title="Fence calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1480px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Fence calculator by <a href="https://qtylab.com/fence/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Paver calculator

Pavers, base gravel, sand, polymeric sand and edging for a patio. Open the full calculator

<iframe src="https://qtylab.com/pavers/?widget=1" title="Paver calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1970px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Paver calculator by <a href="https://qtylab.com/pavers/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Roofing calculator

Squares, bundles of shingles, underlayment, drip edge and nails from house size and pitch. Open the full calculator

<iframe src="https://qtylab.com/roofing/?widget=1" title="Roofing calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:2450px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Roofing calculator by <a href="https://qtylab.com/roofing/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Paint calculator

Gallons and quarts of paint for walls or a whole room. Open the full calculator

<iframe src="https://qtylab.com/paint/?widget=1" title="Paint calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1340px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Paint calculator by <a href="https://qtylab.com/paint/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Drywall calculator

Sheets of drywall and joint compound for walls and ceilings. Open the full calculator

<iframe src="https://qtylab.com/drywall/?widget=1" title="Drywall calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1200px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Drywall calculator by <a href="https://qtylab.com/drywall/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Tile calculator

Tiles and boxes for a floor or wall, with extra for cuts. Open the full calculator

<iframe src="https://qtylab.com/tile/?widget=1" title="Tile calculator by QtyLab" loading="lazy" style="width:100%;max-width:720px;height:1380px;border:0"></iframe>
<p style="font-size:14px;margin:4px 0 16px">Tile calculator by <a href="https://qtylab.com/tile/">QtyLab</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://qtylab.com"||!e.data||e.data.qtylab!=="h")return;var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.h+"px";}}});</script>

Questions

Want different starting numbers, a calculator we don’t have yet, or help with an embed? Email admin@qtylab.com. If the calculator is embedded on your site, our privacy policy covers what it loads.