Embed the Deck Cost Calculator on Your Site
Free for anyone to use — contractors, lumber yards, real-estate agents, and home-improvement bloggers. Copy the snippet, paste it anywhere HTML is allowed, done.
1. Copy the embed code
<div style="max-width:480px;margin:0 auto">
<iframe src="https://smartdeckingcalculator.com/embed/deck-cost" title="Deck Cost Calculator" width="100%" height="520" style="display:block;width:100%;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="margin:6px 0 0;font:13px/1.4 system-ui,sans-serif;text-align:center">Deck Cost Calculator by <a href="https://smartdeckingcalculator.com/calculators/deck-cost">Smart Decking Calculator</a></p>
</div>2. Preview
This is exactly what your visitors will see:
3. Terms of use (short version)
- Free to embed on any site, commercial or personal.
- Keep the “Powered by Smart Decking Calculator” credit link intact.
- Don’t modify the estimate logic or present the numbers as a formal quote.
- Estimates use 2026 national averages — local pricing varies ±15%.
Platform notes
WordPress: paste the snippet into a Custom HTML block. Squarespace / Wix: use an Embed or Code block. Webflow: drop it in an Embed element. Shopify: paste it into a page in HTML mode.
Want a different calculator?
The widget currently covers total deck cost. Browse the full set of deck calculators — including the material takeoff and deck board calculator — and tell us which one you'd like embeddable next.