Free Widget
Add the Deck Cost Calculator to Your Website
Copy the code below and paste it into any page on your site. It is free, there is nothing to install, and the calculator updates itself.
1
Copy this code
Click the button and the whole snippet goes to your clipboard.
<iframe
src="https://buildcalcpro.org/embed/deck-cost-calculator"
width="100%"
height="700"
style="border:none; border-radius:12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);"
loading="lazy"
title="BuildCalc Pro — Deck Cost Calculator"
></iframe>
<p style="font-size:13px; text-align:right; margin-top:6px; color:#666;">
<a href="https://buildcalcpro.org/deck-cost-calculator" style="color:#666; text-decoration:underline;">
Deck Cost Calculator</a> by <a href="https://buildcalcpro.org" style="color:#666; text-decoration:underline;">BuildCalc Pro</a>
</p>2
Paste it where you want the calculator
Edit the page on your own site and paste the code into it:
- WordPress — add a "Custom HTML" block and paste it in.
- Wix — Add > Embed Code > "Embed HTML", then paste it in.
- Squarespace — add a "Code" block and paste it in.
- Shopify — edit the page in HTML mode and paste it in.
- Plain HTML site — paste it into your page where you want it to appear.
3
Save and publish
That is it. The calculator appears on your page and works straight away. If it looks too short or too tall, change height="700" in the code.