Ratenrechner als iframe integrieren

‍

Unseren Ratenrechner inkl. der FLEX9+ und FLEX24+ Rate können Sie bequem über einen iframe auf Ihrer Website integrieren.

Dafür müssen Sie einfach den Code-Schnipsel auf Ihrer Seite einfügen und nach Belieben stylen.

‍

Folgenden Code können Sie dafür nutzen:

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

‍

Empfehlen zum Styling des Ratenrechners:

Viele Styles bildet der iframe bereits ab. Das zusätzlichen CSS verändert hauptsächlich der Hintergrund der Box, sowie die Positionierung.

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;
}