Incorporar um selo do HonestQR

Criou um QR Code com o HonestQR? Você pode exibi-lo (mas nunca é obrigatório). Estes selos e trechos são de uso gratuito em qualquer site, blog, página de cardápio ou README do GitHub.

Incorporar o gerador completo (widget)

Coloque o gerador de QR gratuito completo no seu próprio site com um único iframe. Os códigos são gerados no navegador do visitante e nunca expiram — sem conta, sem chave de API.

Pré-visualização ao vivo

Este é exatamente o widget que seus visitantes verão — experimente aqui antes de copiar um trecho.

Opção A — script (recomendada, ajusta a altura automaticamente)

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

O script insere o iframe e ajusta a altura automaticamente ao conteúdo — sem barras de rolagem internas em qualquer largura de tela.

Quer testar o trecho primeiro em uma página real de terceiros? Abra o sandbox ao vivo no JSFiddle — faça um fork e experimente antes de mexer no seu próprio site.

Opção B — iframe simples

<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>

Com um iframe simples, defina a altura conforme seu layout — o gerador precisa de ~900px no desktop e até ~1100px em telas estreitas, então uma barra de rolagem interna pode aparecer. O widget é gratuito para uso pessoal e comercial.

Opções (atributos do elemento do script)

AtributoEfeito
data-height="900"Altura fixa do iframe em px (desativa o ajuste automático).
data-theme="ocean"Pré-selecionar um tema de estilo.
data-mode="dark"Superfície do widget: "dark", "light" ou "auto" (padrão: segue o esquema de cores do visitante).
data-tpl="wifi"Pré-selecionar um modelo de conteúdo.
data-icon="cat"Pré-selecionar um ícone pixel-art.
data-lang="pt"Idioma do widget (padrão: detectado do <html lang> da sua página).

Prefere gerar os códigos no servidor? Também há uma API HTTP gratuita.

Guia completo com detalhes de tamanho, idioma e privacidade (em inglês): o guia do widget para donos de sites.

Selo claro

QR by HonestQR — never expires
<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>

Selo escuro

QR by HonestQR — never expires
<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 do GitHub)

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

Link de texto simples

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

Termos de uso

Precisa primeiro de um QR Code?

Gratuito, gerado no seu navegador e nunca expira. Sem cadastro.

Abrir o gerador gratuito →