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)
| Atributo | Efeito |
|---|---|
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
<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
<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)
[](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
- Gratuito para uso pessoal e comercial — sem exigência de atribuição além do próprio selo.
- Não altere o selo para sugerir endosso, parceria ou certificação.
- Hotlink de
badge.svgé permitido, assim como hospedar uma cópia própria — ambos são permitidos.
Precisa primeiro de um QR Code?
Gratuito, gerado no seu navegador e nunca expira. Sem cadastro.
Abrir o gerador gratuito →