Intégrez un outil gratuit sur votre site web

Choisissez un outil, copiez le code, collez-le dans votre page. Il se met à jour tout seul, fonctionne sur mobile et ne coûte rien. Nous demandons seulement que la mention CalculatorAI reste visible.

1
Choisissez un outil et définissez sa langue et son thème.
2
Copiez le code généré — du HTML simple, sans compilation.
3
Collez-le là où l'outil doit apparaître.

How calculator widgets work, and what they cost

Configuration du widget

Outils

Calculatrices

Langue

Thème

Largeur (px)

Largeur maximale du widget. Il se réduit pour tenir dans une colonne plus étroite et s'empile en une seule colonne sur petits écrans. La hauteur n'a pas besoin d'être définie : le widget se mesure et s'adapte à son contenu.

Code d'intégration

<div class="calculatorai-embed" style="max-width:1200px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/qr-code-generator"
    title="Générateur de QR code — CalculatorAI"
    width="100%"
    height="1400"
    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/qr-code-generator" target="_blank" rel="noopener">Générateur de QR code by CalculatorAI</a>
  </p>
</div>
<script>
  (function () {
    var f = document.querySelector('.calculatorai-embed iframe[src="https://calculatorai.app/embed/qr-code-generator"]')
    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 !== 'qr-code-generator') 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: 'qr-code-generator', 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-qr-code-generator

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.

Intégrez un outil gratuit sur votre site web

Choisissez un outil et définissez sa langue et son thème.

Copiez le code généré — du HTML simple, sans compilation.

Collez-le là où l'outil doit apparaître.

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.