CalcWidgets Embed Generator

Generate custom embed codes for your mortgage calculators. Configure the appearance and functionality to match your brand.

Embed Code Generator

Customize and generate the embed code for your website

Layout Mode

Width

Height

Theme

Primary Color (Optional)

Generated Embed Code

<iframe
  src="https://calcwidgets.com/embed?widgets=loan-repayment"
  width="100%"
  height="800"
  frameborder="0"
  style="border: none; max-width: 100%;"
  title="Mortgage Calculator"
></iframe>

<!-- Optional: Add this script for automatic height adjustment -->
<script>
window.addEventListener('message', function(e) {
  if (e.data && e.data.type === 'calcwidgets-height') {
    var iframes = document.querySelectorAll('iframe[src*="calcwidgets.com"]');
    iframes.forEach(function(iframe) {
      if (e.source === iframe.contentWindow) {
        iframe.style.height = e.data.height + 'px';
      }
    });
  }
});
</script>

How to Use

Select the calculators you want to include
Choose a layout mode (Tab, Stack, or Single)
Customize dimensions and theme options
Copy the generated embed code
Paste the code into your website's HTML

For Subdomain Clients

If you have a custom subdomain (e.g., yourcompany.calcwidgets.com), your branding will automatically be applied when using your subdomain URL.