Put a calculator on your site

Any of the seven OvaCalc calculators, inside your own page. Free, no ads, no cookies, no sign-up. Copy the code, paste it into an HTML block, done.

That is the ovulation calculator exactly as it shows up on your page. It resizes itself to fit and opens in light mode. When OvaCalc improves a calculator, your copy updates by itself.

Pick one and copy the code

Ovulation calculator

Six fertile days, the peak day, and the odds on each one.

<iframe src="https://ovacalc.com/?embed=1" title="Ovulation calculator" loading="lazy" style="width:100%;max-width:760px;height:760px;border:0"></iframe>
<p style="font-size:13px;margin:4px 0 16px"><a href="https://ovacalc.com/">Ovulation calculator by OvaCalc</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://ovacalc.com"&&e.data&&e.data.ovacalc)document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.ovacalc+"px"})})</script>

Period calculator

The next six periods, and the PMS week before each.

<iframe src="https://ovacalc.com/period-calculator/?embed=1" title="Period calculator" loading="lazy" style="width:100%;max-width:760px;height:880px;border:0"></iframe>
<p style="font-size:13px;margin:4px 0 16px"><a href="https://ovacalc.com/period-calculator/">Period calculator by OvaCalc</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://ovacalc.com"&&e.data&&e.data.ovacalc)document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.ovacalc+"px"})})</script>

Conception calculator

The day you conceived, worked back from a due date, a last period or a scan.

<iframe src="https://ovacalc.com/conception-calculator/?embed=1" title="Conception calculator" loading="lazy" style="width:100%;max-width:760px;height:720px;border:0"></iframe>
<p style="font-size:13px;margin:4px 0 16px"><a href="https://ovacalc.com/conception-calculator/">Conception calculator by OvaCalc</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://ovacalc.com"&&e.data&&e.data.ovacalc)document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.ovacalc+"px"})})</script>

Due date calculator

A due date adjusted for your real cycle length, not just 28 days.

<iframe src="https://ovacalc.com/due-date-calculator/?embed=1" title="Due date calculator" loading="lazy" style="width:100%;max-width:760px;height:740px;border:0"></iframe>
<p style="font-size:13px;margin:4px 0 16px"><a href="https://ovacalc.com/due-date-calculator/">Due date calculator by OvaCalc</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://ovacalc.com"&&e.data&&e.data.ovacalc)document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.ovacalc+"px"})})</script>

IVF due date calculator

Due date from a day 3, day 5 or day 6 transfer, or from egg retrieval.

<iframe src="https://ovacalc.com/ivf-due-date-calculator/?embed=1" title="IVF due date calculator" loading="lazy" style="width:100%;max-width:760px;height:840px;border:0"></iframe>
<p style="font-size:13px;margin:4px 0 16px"><a href="https://ovacalc.com/ivf-due-date-calculator/">IVF due date calculator by OvaCalc</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://ovacalc.com"&&e.data&&e.data.ovacalc)document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.ovacalc+"px"})})</script>

Reverse due date calculator

Last period and conception dates, worked back from a due date or a birth date.

<iframe src="https://ovacalc.com/reverse-due-date-calculator/?embed=1" title="Reverse due date calculator" loading="lazy" style="width:100%;max-width:760px;height:680px;border:0"></iframe>
<p style="font-size:13px;margin:4px 0 16px"><a href="https://ovacalc.com/reverse-due-date-calculator/">Reverse due date calculator by OvaCalc</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://ovacalc.com"&&e.data&&e.data.ovacalc)document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.ovacalc+"px"})})</script>

Pregnancy test calculator

The earliest day a test could show anything, and the day a negative means negative.

<iframe src="https://ovacalc.com/pregnancy-test-calculator/?embed=1" title="Pregnancy test calculator" loading="lazy" style="width:100%;max-width:760px;height:930px;border:0"></iframe>
<p style="font-size:13px;margin:4px 0 16px"><a href="https://ovacalc.com/pregnancy-test-calculator/">Pregnancy test calculator by OvaCalc</a></p>
<script>addEventListener("message",function(e){if(e.origin==="https://ovacalc.com"&&e.data&&e.data.ovacalc)document.querySelectorAll("iframe").forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.ovacalc+"px"})})</script>

Where to paste it

WordPress

In the block editor, add a Custom HTML block and paste the code. On WordPress.com the free plan strips iframes, so you need a paid plan or a self-hosted site.

Squarespace

Add a Code block, set it to HTML, paste the code, and leave "Display Source" off.

Wix

Add Embed Code, then Embed HTML, choose "Code", and paste. Drag the box tall enough for the calculator; Wix ignores the resize line.

Anything else

The first line, the iframe, is all that is strictly needed. The last line is a tiny script that lets the calculator set its own height; skip it if your site does not allow scripts and set the height by hand instead.

The small print

Keep the credit line under the calculator. That is the whole price. The calculators do their arithmetic in the visitor's browser; nothing typed into them is sent anywhere. There are no cookies; the only thing OvaCalc records is an anonymous count of how often the calculator is opened.

Want a different default cycle length, or a colour that matches your site? Write to hello@ovacalc.com.