Integrate rate calculator as iframe

‍

You can easily integrate our payment calculator—which includes FLEX-Rent, FLEX-Finance, and FLEX-Lease rates—into your website using 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;
}