Insertar una insignia de HonestQR

¿Creaste un código QR con HonestQR? Puedes mostrarlo si quieres (nunca es obligatorio). Estas insignias y fragmentos son de uso gratuito en cualquier sitio, blog, página de menú o README de GitHub.

Insertar el generador completo (widget)

Pon el generador de QR gratuito completo en tu propio sitio con un solo iframe. Los códigos se generan en el navegador del visitante y nunca caducan: sin cuenta ni clave API.

Vista previa en vivo

Este es exactamente el widget que verán tus visitantes: pruébalo aquí antes de copiar un fragmento.

Opción A — script (recomendada, ajusta la altura automáticamente)

<div data-hqr-widget></div>
<script async src="https://qr.zalize.com/embed.js"></script>

El script inserta el iframe y ajusta su altura automáticamente al contenido: sin barras de desplazamiento internas en ningún ancho de pantalla.

¿Quieres probar el fragmento primero en una página real de terceros? Abre el sandbox en vivo de JSFiddle: haz un fork y experimenta antes de tocar tu propio sitio.

Opción B — iframe simple

<iframe
  src="https://qr.zalize.com/widget/"
  title="Free QR code generator by HonestQR"
  width="100%"
  height="900"
  style="border: 0; border-radius: 12px;"
  loading="lazy"
></iframe>

Con un iframe simple, define la altura según tu diseño: el generador necesita ~900px en escritorio y hasta ~1100px en pantallas estrechas, por lo que puede aparecer una barra de desplazamiento interna. El widget es gratuito para uso personal y comercial.

Opciones (atributos del elemento del script)

Atributo	Efecto
`data-height="900"`	Altura fija del iframe en px (desactiva el ajuste automático).
`data-theme="ocean"`	Preseleccionar un tema de estilo.
`data-mode="dark"`	Superficie del widget: "dark", "light" o "auto" (por defecto sigue el esquema de color del visitante).
`data-tpl="wifi"`	Preseleccionar una plantilla de contenido.
`data-icon="cat"`	Preseleccionar un icono pixel-art.
`data-lang="es"`	Idioma del widget (por defecto se detecta del <html lang> de tu página).

¿Prefieres generar los códigos en el servidor? También hay una API HTTP gratuita.

Guía completa con detalles de tamaño, idioma y privacidad (en inglés): la guía del widget para dueños de sitios.

Insignia clara

<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
  <img src="https://qr.zalize.com/badge.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>

Insignia oscura

<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
  <img src="https://qr.zalize.com/badge-dark.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>

Markdown (README de GitHub)

[![QR by HonestQR — never expires](https://qr.zalize.com/badge.svg)](https://qr.zalize.com/?utm_source=badge)

Enlace de texto simple

Free QR codes by <a href="https://qr.zalize.com/">HonestQR</a> — static codes never expire.

Condiciones de uso

Gratis para uso personal y comercial — sin requisito de atribución más allá de la propia insignia.
No modifiques la insignia para sugerir respaldo, asociación o certificación.
Enlazar directamente badge.svg está bien, o aloja una copia propia: ambas opciones están permitidas.

¿Necesitas primero un código QR?

Gratis, generado en tu navegador y nunca caduca. Sin registro.

Abrir el generador gratuito →