Kostenloses Tool auf Ihrer Website einbinden

Tool auswählen, Code kopieren, in die Seite einfügen. Es aktualisiert sich selbst, funktioniert mobil und kostet nichts. Wir bitten nur darum, dass der CalculatorAI-Hinweis sichtbar bleibt.

1
Wählen Sie ein Tool und legen Sie Sprache und Design fest.
2
Erzeugten Code kopieren — reines HTML, kein Build-Schritt.
3
Fügen Sie ihn dort ein, wo das Tool erscheinen soll.

How calculator widgets work, and what they cost

Widget-Konfiguration

Tools

Rechner

Sprache

Design

Breite (px)

Maximale Breite des Widgets. Es passt sich einer schmaleren Spalte an und stapelt sich auf kleinen Bildschirmen zu einer Spalte. Die Höhe muss nicht gesetzt werden: Das Widget misst sich selbst und passt sich seinem Inhalt an.

Einbettungscode

<div class="calculatorai-embed" style="max-width:1200px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/qr-code-generator"
    title="QR-Code-Generator — 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">QR-Code-Generator 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>

Live-Vorschau

yourwebsite.com/embed-qr-code-generator

Nutzungsbedingungen

Kostenlos für jede Website, auch kommerziell. Ohne Anmeldung, Schlüssel oder Limits.

Den CalculatorAI-Hinweis sichtbar lassen — im Widget und als Link darunter.

Den Widget-Code nicht ändern, den Hinweis nicht per CSS ausblenden, den Rahmen nicht beschneiden.

Wir können die Auslieferung an Websites einstellen, die dagegen verstoßen.