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.