For website owners
Free Calculator Widgets for Your Website
Give your visitors the same calculators that run on CY Calculator. Pick a widget, copy the code and paste it into your page. It is free, needs no signup and keeps itself up to date.
See a Widget in Action
This is the cubic yard widget exactly as it appears on another website. Try it: pick a shape, enter the size and depth, and press Calculate.
How to Add a Calculator to Your Website
- Find the calculator you want below and press Copy code.
- Open the page on your site where the calculator should appear, and add a block that accepts custom HTML.
- Paste the code into that block and publish the page.
In WordPress the block is called Custom HTML, in Wix it is the Embed Code element and in Squarespace it is a Code block. Most other site builders have a similar option, often under Embed or HTML.
Cubic Yard Calculator Widget
Works out cubic yards, cubic feet and cubic meters for nine shapes, from a plain rectangle to a ring or a trapezoid. A good fit for landscaping, excavation, hauling and dumpster rental sites, where visitors need a volume before they order.
<iframe src="https://cycalculator.com/widget/cubic-yard-calculator" title="Cubic Yard Calculator by CY Calculator" width="100%" height="1000" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font-size:13px">Cubic Yard Calculator by <a href="https://cycalculator.com/">CY Calculator</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://cycalculator.com"||!e.data||e.data.type!=="cyWidgetHeight")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>Preview this widget (opens in a new tab)Open the full Cubic Yard Calculator
Mulch Calculator Widget
Turns a bed's size and depth into cubic yards of bulk mulch and a bag count for common bag sizes. Garden centers, nurseries and gardening blogs use it to answer the question their customers ask most in spring.
<iframe src="https://cycalculator.com/widget/mulch-calculator" title="Mulch Calculator by CY Calculator" width="100%" height="1000" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font-size:13px">Mulch Calculator by <a href="https://cycalculator.com/mulch-calculator">CY Calculator</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://cycalculator.com"||!e.data||e.data.type!=="cyWidgetHeight")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>Preview this widget (opens in a new tab)Open the full Mulch Calculator
Concrete Calculator Widget
Gives the cubic yards of ready mix and the number of 40, 60 or 80 lb premix bags for slabs, footings and round columns. It suits contractor websites, home improvement blogs and building supply stores.
<iframe src="https://cycalculator.com/widget/concrete-calculator" title="Concrete Calculator by CY Calculator" width="100%" height="1000" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font-size:13px">Concrete Calculator by <a href="https://cycalculator.com/concrete-calculator">CY Calculator</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://cycalculator.com"||!e.data||e.data.type!=="cyWidgetHeight")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>Preview this widget (opens in a new tab)Open the full Concrete Calculator
Gravel Calculator Widget
Shows cubic yards and tons of gravel for paths, driveways and drainage runs. Visitors can type in a supplier's density, which makes it useful on quarry and aggregate supplier sites.
<iframe src="https://cycalculator.com/widget/gravel-calculator" title="Gravel Calculator by CY Calculator" width="100%" height="1000" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font-size:13px">Gravel Calculator by <a href="https://cycalculator.com/gravel-calculator">CY Calculator</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://cycalculator.com"||!e.data||e.data.type!=="cyWidgetHeight")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>Preview this widget (opens in a new tab)Open the full Gravel Calculator
Topsoil Calculator Widget
Calculates cubic yards and tons of topsoil for new lawns, raised beds and leveling low spots. It works well for soil suppliers, lawn care companies and vegetable gardening sites.
<iframe src="https://cycalculator.com/widget/topsoil-calculator" title="Topsoil Calculator by CY Calculator" width="100%" height="1000" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font-size:13px">Topsoil Calculator by <a href="https://cycalculator.com/topsoil-calculator">CY Calculator</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://cycalculator.com"||!e.data||e.data.type!=="cyWidgetHeight")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>Preview this widget (opens in a new tab)Open the full Topsoil Calculator
Sand Calculator Widget
Estimates cubic yards and tons of sand for paver bases, sandboxes and fill, with a density field visitors can adjust. Hardscaping contractors and paver suppliers are the natural home for it.
<iframe src="https://cycalculator.com/widget/sand-calculator" title="Sand Calculator by CY Calculator" width="100%" height="1000" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font-size:13px">Sand Calculator by <a href="https://cycalculator.com/sand-calculator">CY Calculator</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://cycalculator.com"||!e.data||e.data.type!=="cyWidgetHeight")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>Preview this widget (opens in a new tab)Open the full Sand Calculator
Square Feet Calculator Widget
Measures area in square feet, square yards, square meters and acres for eight shapes, and adds cubic yards when a depth is entered. It fits flooring, sod, painting and real estate pages.
<iframe src="https://cycalculator.com/widget/square-feet-calculator" title="Square Feet Calculator by CY Calculator" width="100%" height="1000" style="border:0;max-width:760px" loading="lazy"></iframe>
<p style="font-size:13px">Square Feet Calculator by <a href="https://cycalculator.com/square-feet-calculator">CY Calculator</a></p>
<script>window.addEventListener("message",function(e){if(e.origin!=="https://cycalculator.com"||!e.data||e.data.type!=="cyWidgetHeight")return;document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.height+"px"})});</script>Preview this widget (opens in a new tab)Open the full Square Feet Calculator
Make the Widget Fit Your Page
The frame fills the width of the space you put it in, up to 760 pixels, and switches to a stacked layout on phones. It starts 1000 pixels tall. The short script at the end of the code grows or shrinks the frame to match the calculator, for example when a visitor opens the optional fields, so there is never an inner scroll bar.
Some site builders remove scripts from pasted code. If yours does, the frame keeps its starting height and still works. You can change the height value in the code if your layout needs it.
Terms of Use
You may use these widgets on any website, including commercial ones, at no cost. Please keep the credit line under the frame, do not alter the calculator or present it as your own, and do not place it on pages that break the law or mislead visitors. Results are estimates, as explained in our terms and disclaimer. We may improve or change the calculators at any time, and your widget will show the latest version.
Frequently Asked Questions
Are the calculator widgets free?
Yes. Every widget is free to use on personal, business and commercial websites. There is no account to create and no fee, now or later.
Will a widget slow down my website?
The widget loads inside a frame with lazy loading, so the browser fetches it only when a visitor scrolls near it. Your own page content loads first and is not held up by the calculator.
Does the widget collect data from my visitors?
The calculator works out every result in the visitor's browser, and the numbers typed into it are not sent to us. The widget version does not load analytics or advertising.
Does it work with WordPress, Wix and Squarespace?
Yes. Any site that lets you add custom HTML can show a widget. In WordPress use a Custom HTML block, in Wix use the Embed Code element, and in Squarespace use a Code block.
Can I change the colors or remove the credit link?
The widgets use the CY Calculator design and cannot be restyled yet. The credit line under the frame must stay in place, because it tells your visitors where the calculator comes from. If you need a different look, contact us and tell us what you have in mind.
Will the widget update when the calculator changes?
Yes. The frame always loads the current version, so fixes and improvements reach your site without you changing anything.
Prefer to use the calculators here?
Every widget is also available on our site, with worked examples and guides. Start with the cubic yard calculator.