Life Insurance Calculator - Embed Instructions

This guide explains how to embed the Life Insurance Calculator on your website using an iframe.

Basic Embedding

To embed the calculator on your website, add the following HTML code to your page:

<iframe 
  src="https://your-calculator-domain.com/calculator" 
  width="100%" 
  height="700" 
  frameborder="0" 
  allow="encrypted-media"
  title="Life Insurance Calculator"
></iframe>

Replace https://your-calculator-domain.com/calculator with the actual URL where the calculator is hosted.

Responsive Embedding

For a responsive embed that works well on all devices, wrap the iframe in a container:

<div style="width: 100%; max-width: 800px; margin: 0 auto;">
  <div style="position: relative; padding-bottom: 130%; height: 0; overflow: hidden;">
    <iframe 
      src="https://your-calculator-domain.com/calculator" 
      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
      frameborder="0" 
      allow="encrypted-media"
      title="Life Insurance Calculator"
    ></iframe>
  </div>
</div>

Adjust the padding-bottom percentage to control the aspect ratio of the iframe.

Live Example

Additional Information

The calculator will submit the data to our system when a user completes the form. The contact information will be sent to our GoHighLevel CRM system where your team can follow up with leads.

Troubleshooting

• Calculator not displaying properly: Ensure the iframe has sufficient height (at least 700px) to avoid scrolling within the iframe itself.
• Form submission errors: Check that your domain is properly configured as an allowed origin in our system.
• Mobile responsiveness issues: Use the responsive embedding code provided above for better mobile display.

For any questions or issues regarding the calculator integration, please contact our support team.