Embeddable Widgets

Calculator Widgets

Add free, embeddable calculators to your website. Simple iframe or script tag integration.

How to Embed Widgets

Method 1: Iframe (Recommended)

Copy and paste this code into your HTML:

<iframe 
  src="https://vercalc.com/widgets/[widget-slug]/embed" 
  width="100%" 
  height="600" 
  frameborder="0"
  style="border-radius: 8px;">
</iframe>

Method 2: Responsive Container

For responsive embedding, wrap the iframe:

<div style="position: relative; padding-bottom: 75%; height: 0; overflow: hidden;">
  <iframe 
    src="https://vercalc.com/widgets/[widget-slug]/embed" 
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
    frameborder="0">
  </iframe>
</div>

Note: Replace [widget-slug] with the actual widget slug (e.g., ovulation-calculator).