Add a free calculator to your website

Landscapers, garden centres, suppliers and bloggers can put a working calculator on their own pages. Pick one, copy the code, paste it into your page's HTML.

Calculator

MulchGravelTopsoil

Units and pack sizes

Colours

Resize to fit (adds a small script)

Embed code

<iframe src="https://www.yardstickly.com/embed/mulch/" title="Mulch calculator" width="100%" height="560" style="border:0;max-width:520px" loading="lazy"></iframe>
<p style="font-size:13px">Mulch calculator by <a href="https://www.yardstickly.com/mulch-calculator/">Yardstickly</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://www.yardstickly.com"||!e.data||e.data.type!=="yardstickly:height")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>

Preview

How to add it

Choose the calculator and options above, then select Copy code.
In your website editor, add a custom HTML block where you want the calculator. In WordPress this is the Custom HTML block; most other site builders have an embed or HTML element.
Paste the code and publish. The calculator fits the width of your page, up to 520 px.

Terms

Free for any website, including commercial sites.
Please keep the credit line under the calculator. A link is appreciated but not required, and you're welcome to add rel="nofollow" to it.
The widget shows no ads and sets no cookies. It doesn't collect your visitors' measurements.
We may improve the calculators over time; your embed updates automatically.

Need a different calculator, or something not working? Contact us.