Build Material Planner

Free Fence Calculator Widget

The embedded Fence Calculator takes a fence's length, height, style and gate count and returns posts, rails, pickets or panels, post-hole concrete, hardware, a waste allowance and a DIY-materials vs. professionally-installed cost range. It is a natural fit for fence contractors, fence-panel and lumber suppliers, and home-improvement how-to sites.

It's a single iframe — free, responsive, no registration, and it adds no link, ad or tracking script to your page.

Live preview

Width

The embed adds no link, no ads and no tracking to your page. Prefer a guided version with a preview? Use the embed builder.

One small ask

Nothing links back to us from the widget itself. If your readers find it useful, please add a credit link to the Fence Calculator somewhere on your page — that's what keeps it free to maintain and helps others discover it.

Where the Fence Calculator widget fits

  • A fence contractor's "planning your fence" or quote-request page
  • A "how far apart should fence posts be" or "fence cost per foot" article
  • A lumber, fence-panel or hardware supplier's product page

How to add it to your site

  • Plain HTML: paste the snippet where you want the calculator to appear.
  • WordPress: add a “Custom HTML” block and paste the snippet in. Avoid the “Paragraph” block — it strips iframes.
  • Squarespace / Wix / Webflow: add an “Embed” or “Custom Code” / “HTML” element and paste the snippet.
  • The second line (embed.js) is optional — it just auto-sizes the frame height. You only need it once per page even with several calculators.

Sizing & responsiveness

Set the width to 100% to fill the column it sits in, or a fixed pixel value for a sidebar or narrow layout. Height is handled for you: with embed.js the frame grows and shrinks to fit the calculator (including after someone runs an estimate); without it, the frame stays at 950px and everything still works, just with an inner scrollbar on small screens.

Questions from site owners

Is it really free? Any catch?

Yes, free. No account, no API key, no usage limits, and no link, ads or tracking added to your page. The only thing asked is that, if the tool is useful to your readers, you add a plain credit link back to the calculator somewhere on the page.

Will it slow my page down or track my visitors?

No. The calculator loads in an iframe so it never blocks your page, it ships no third-party ad or analytics scripts onto your site, and it sets no cookies on your visitors. The optional resizer script is a few KB and loads asynchronously.

Does it handle gates and post spacing?

Yes — each gate opening becomes its own section with an extra post, and post spacing is adjustable (default 8 ft) under "Advanced assumptions".

Does it cover vinyl as well as wood?

Yes — wood privacy, spaced wood picket and vinyl panel styles, each with its own material list and pricing.

Can I resize it or set a fixed width?

Yes. Choose responsive (100%) or a fixed-pixel width when you copy the code; height auto-fits the calculator, with a fixed fallback if the resizer script is blocked.

Just need to run the numbers yourself? Use the full Fence Calculator — it has the formulas, a worked example and an FAQ. Or see all embeddable calculators.