OFFSHORE TOOLKIT · EMBED

Embed the Offshore Toolkit

Add the full calculator hub to your own site in one paste. Free, no signup, no API key — just copy the code below.

All Calculators

A categorized grid linking out to every calculator in the toolkit — Lifting & Rigging, Working at Height, HSE Exposure, Asset Integrity, Compliance & Planning, and Emergency Response. Each card opens the full calculator in a new tab.

<iframe
  src="https://offshoretoolkit.com/more-calculators-embed.html"
  width="100%"
  height="1840"
  style="max-width:640px; border:none; border-radius:8px;"
  title="Offshore Toolkit — All Calculators"
  loading="lazy">
</iframe>

Recommended: width: 100% with max-width: 640px, height 1840px (16 cards across 6 categories, in a 2-column grid). Increase the height if you add more surrounding padding, or if more calculators are added later.

Embedding tips

Responsive width: the snippet uses width:100% with a max-width, so it'll shrink to fit a narrow column or sidebar automatically.
Fixed height: iframes don't auto-resize to their content, so the height is fixed at a size that comfortably fits everything without scrolling. If your embed looks cut off, increase the height value.
Attribution: the embed includes a small "Powered by Offshore Toolkit" link — please leave it in place.
Opens in a new tab: clicking a calculator card opens the full tool on offshoretoolkit.com in a new tab, rather than trying to load a whole calculator inside your iframe.
Theme: the embed uses a fixed light theme so it sits reasonably well on most backgrounds, regardless of your site's own dark/light mode.

Frequently asked questions

Is embedding this free?

Yes. There's no signup, no API key, and no usage limit. Just copy the iframe code and paste it into your page.

Do I need to credit the Offshore Toolkit?

The embedded widget includes a small "Powered by" attribution link by default. We ask that you leave it in place, but the calculators themselves are free to use either way.

Will the embed match my site's design?

The embed uses a clean, neutral light theme designed to sit reasonably well on most site backgrounds. It runs inside an iframe, so it keeps its own styling rather than inheriting your site's CSS.

Does the embedded widget slow down my site?

The widget loads lazily and runs independently in its own frame, so it shouldn't block your page's main content from loading. It's a lightweight page with no heavy scripts or images.