Integrate rate calculator as iframe

‍

You can easily integrate our rate calculator, including the FLEX9+ and FLEX24+ rates, into your website via an iframe.

To do this, simply insert the code snippet on your page and style it as you wish.

‍

You can use the following code for this:

<iframe 
    src="https://www.flexvelop.de/ratenrechner-flex24" 
    title="Flexvelop Calculator" 
    width="100%" 
    height="100%" 
    style="border:none;" 
    scrolling="no">
</iframe>

‍

Recommend for styling the installment calculator:

The iframe already maps many styles. The additional CSS mainly changes the background of the box, as well as the positioning.

HTML:

<iframe class="flex-calculator-wrapper"
    src="https://www.flexvelop.de/ratenrechner-flex24" 
    title="Flexvelop Calculator" 
    width="100%" 
    height="100%" 
    scrolling="no">
</iframe>

‍

CSS:

.flex-calculator-wrapper{
    background-color: #f7fafc;
    border: 1px solid #0000000d;
    border-radius: 2rem;
    width: 100%;
    min-width: 400px;
    max-width: 570px;
    height: 420px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}