Embed a calculator on your site

Every calculator can be embedded on another site, for example in a blog post, a club page or a course. It takes one copy and paste, and it's free.

How to embed one

  1. Open the calculator you want and click Embed under the result.
  2. Choose Copy embed code. The code carries your current inputs, so the embed opens with the numbers you set.
  3. Paste it into your page's HTML. In WordPress use a "Custom HTML" block; in most site builders an "Embed" or "HTML" block.

The code looks like this:

<iframe src="https://calcvisual.com/embed/aquarium-heater/" title="Aquarium heater size calculator" width="100%" height="760" style="border:0;max-width:720px" loading="lazy"></iframe>
<p style="font:13px sans-serif"><a href="https://calcvisual.com/aquarium/aquarium-heater/" rel="nofollow">Aquarium heater size calculator</a> by CalcVisual</p>

Change height if a calculator needs more room on your page. The embed adapts to the width you give it, up to 720 pixels.

The credit-link rule

Our terms allow embedding as long as the credit link stays in place. That is the line under the frame that names the calculator and links back to it. Please keep it visible, don't hide it with styling, and leave it below or beside the calculator. If you remove it, you no longer have our permission to embed. The link is marked rel="nofollow", so it costs you nothing in search terms.

Live example

This is the aquarium heater calculator, embedded exactly as above:

Aquarium heater size calculator by CalcVisual

Good to know