Intégrez une calculatrice gratuite à votre site

Choisissez une calculatrice, copiez le code, collez-le sur votre page. Elle se met à jour seule, fonctionne sur mobile et ne coûte rien. Nous demandons seulement que la mention CalculatorAI reste visible.

1
Choisissez une calculatrice et réglez langue, devise et thème.
2
Copiez le code généré — du HTML simple, sans compilation.
3
Collez-le là où la calculatrice doit apparaître.

Configuration du widget

Langue

Devise

Thème

Largeur (px)

Largeur maximale du widget. La mise en page bureau à deux colonnes n'apparaît qu'à partir de 1366px — dans le widget, cette mesure porte sur le widget, pas sur l'écran du visiteur. Prévoyez une marge au-dessus de 1366 (1600 par défaut) : la bordure et la barre de défilement consomment quelques pixels. Il s'adapte toujours à une colonne plus étroite. La hauteur ne se règle pas : le widget se mesure et s'ajuste à son contenu.

Code d'intégration

<div class="calculatorai-embed" style="max-width:1600px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/401k-calculator"
    title="Calculateur 401(k) : abondement, plafonds IRS, catch-up et retraite — CalculatorAI"
    width="100%"
    height="720"
    style="border:1px solid #e5e7eb;border-radius:16px;width:100%;min-width:320px"
    loading="lazy"
    referrerpolicy="strict-origin-when-cross-origin"
  ></iframe>
  <p style="font:400 13px/1.5 system-ui,sans-serif;margin:8px 0 0;text-align:right">
    <a href="https://calculatorai.app/calculators" target="_blank" rel="noopener">Calculateur 401(k) : abondement, plafonds IRS, catch-up et retraite by CalculatorAI</a>
  </p>
</div>
<script>
  (function () {
    var f = document.querySelector('.calculatorai-embed iframe[src="https://calculatorai.app/embed/401k-calculator"]')
    if (!f) return
    window.addEventListener('message', function (e) {
      if (e.origin !== 'https://calculatorai.app') return
      var d = e.data
      if (!d || d.type !== 'calculatorai:embed:height' || d.slug !== '401k-calculator') return
      if (d.height > 0) f.style.height = d.height + 'px'
    })
    // Tells the widget where it sits on this page, so its inputs column can
    // stay in view while the results scroll — the frame is sized to its
    // content and never scrolls itself, so it cannot work that out alone.
    var queued = false
    function send() {
      queued = false
      if (!f.contentWindow) return
      var r = f.getBoundingClientRect()
      f.contentWindow.postMessage(
        { type: 'calculatorai:embed:viewport', slug: '401k-calculator', top: r.top, viewport: window.innerHeight },
        'https://calculatorai.app'
      )
    }
    function schedule() {
      if (queued) return
      queued = true
      window.requestAnimationFrame(send)
    }
    window.addEventListener('scroll', schedule, { passive: true })
    window.addEventListener('resize', schedule, { passive: true })
    f.addEventListener('load', send)
    schedule()
  })()
</script>

Aperçu en direct

yourwebsite.com/embed-401k-calculator

Conditions d'utilisation

Gratuit pour tout site, commercial ou non. Sans inscription, ni clé, ni limite.

Gardez la mention CalculatorAI visible — celle du widget et le lien en dessous.

Ne modifiez pas le code, ne masquez pas la mention en CSS, ne rognez pas le cadre.

Nous pouvons cesser de servir le widget aux sites qui enfreignent ces conditions.