Add a steel weight calculator to your website

Free · no sign-up · copy and paste

Steel stockholders, fabricators, engineering blogs and training sites can put this weight calculator on their own pages. Visitors calculate the weight of plates, bars, tubes, angles, channels, beams and standard sections in any common metal, in metric or imperial units, without leaving your site.

Embed code

Copy this code and paste it where the calculator should appear:

Preview

This is exactly what your visitors will see:

How to add it

• WordPress: add a Custom HTML block and paste the code.
• Wix, Squarespace, Webflow: add an Embed or HTML element and paste the code.
• Plain HTML: paste the code into your page where the calculator should go.
• Mobile: the calculator stacks its fields on narrow screens, and the script in the code grows the frame to fit.

Please keep the credit line under the calculator. If you need a version for a specific product range (for example only plates, or only your section sizes), the open data on GitHub can be used with attribution.

Frequently asked questions

Is the calculator free to embed?

Yes. Paste the code into any web page, blog post or intranet page. There is no sign-up, no ads inside the calculator and no tracking. Please keep the credit line below it.

Does it work in WordPress?

Yes. In the block editor add a Custom HTML block and paste the code. In the classic editor switch to the Text tab and paste it. Wix, Squarespace and Webflow have an Embed or HTML element that works the same way.

What can visitors calculate?

The weight of plates, round, square, flat and hex bars, round, square and rectangular tubes, angles, channels and beams in steel, stainless steel, aluminum, copper, brass and other metals, plus standard sections such as ISMB, IPE and W-shapes, in metric or imperial units, with an optional price per kg or lb.

Can I change the size?

The width follows your page up to 760 px. The small script at the end of the code adjusts the height automatically, also on phones. If your site removes scripts, the calculator keeps a fixed height of 660 px and scrolls inside its frame; change the height value if you prefer.

Will it slow my page down?

The calculator is a small static page with no external scripts, and loading="lazy" means it only loads when a visitor scrolls to it.