Inserta una herramienta gratuita en tu sitio web

Elige una herramienta, copia el código y pégalo en tu página. Se actualiza sola, funciona en móvil y no cuesta nada. Solo pedimos que el crédito de CalculatorAI siga visible.

1
Elige una herramienta y define su idioma y tema.
2
Copia el fragmento generado: HTML puro, sin compilación.
3
Pégalo donde deba aparecer la herramienta.

How calculator widgets work, and what they cost

Configuración del widget

Herramientas

Calculadoras

Idioma

Tema

Ancho (px)

Ancho máximo del widget. Se reduce para caber en una columna más estrecha y se apila en una sola columna en pantallas pequeñas. No hace falta definir la altura: el widget se mide solo y se ajusta a su contenido.

Código para insertar

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

Vista previa

yourwebsite.com/embed-qr-code-generator

Condiciones de uso

Gratis para cualquier web, comercial o no. Sin registro, sin clave, sin límites.

Mantén visible el crédito de CalculatorAI: el del widget y el enlace de debajo.

No modifiques el código, no ocultes el crédito con CSS ni recortes el marco.

Podemos dejar de servir el widget a sitios que incumplan estas condiciones.