Intégrer un badge HonestQR

Vous avez créé un QR code avec HonestQR ? Vous pouvez l’afficher (mais ce n’est jamais obligatoire). Ces badges et extraits sont utilisables gratuitement sur n’importe quel site, blog, page de menu ou README GitHub.

Intégrer le générateur complet (widget)

Placez tout le générateur de QR gratuit sur votre propre site avec un seul iframe. Les codes sont générés dans le navigateur du visiteur et n’expirent jamais — pas de compte, pas de clé API.

Aperçu en direct

C’est exactement le widget que verront vos visiteurs — essayez-le ici avant de copier un extrait.

Option A — script (recommandée, hauteur automatique)

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

Le script insère l’iframe et adapte automatiquement sa hauteur au contenu — aucune barre de défilement interne, quelle que soit la largeur d’écran.

Envie d’essayer l’extrait d’abord sur une vraie page tierce ? Ouvrez le bac à sable JSFiddle en direct — forkez-le et expérimentez avant de toucher à votre propre site.

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

Avec un iframe simple, définissez la hauteur selon votre mise en page — le générateur a besoin d’environ 900px sur ordinateur et jusqu’à ~1100px sur écrans étroits, une barre de défilement interne peut donc apparaître. Le widget est gratuit pour un usage personnel et commercial.

Options (attributs de l’élément du script)

Attribut	Effet
`data-height="900"`	Hauteur fixe de l’iframe en px (désactive l’ajustement automatique).
`data-theme="ocean"`	Présélectionner un thème de style.
`data-mode="dark"`	Surface du widget : "dark", "light" ou "auto" (par défaut, suit le thème du visiteur).
`data-tpl="wifi"`	Présélectionner un modèle de contenu.
`data-icon="cat"`	Présélectionner une icône pixel-art.
`data-lang="fr"`	Langue du widget (par défaut, détectée depuis le <html lang> de votre page).

Vous préférez générer les codes côté serveur ? Il existe aussi une API HTTP gratuite.

Guide complet avec détails de taille, de langue et de confidentialité (en anglais) : le guide du widget pour propriétaires de sites.

Badge clair

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

Badge sombre

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

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

Lien texte simple

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

Conditions d’utilisation

Gratuit pour un usage personnel et commercial — aucune attribution requise au-delà du badge lui-même.
Ne modifiez pas le badge pour suggérer un soutien, un partenariat ou une certification.
Le hotlinking de badge.svg est autorisé, tout comme l’hébergement d’une copie — les deux sont permis.

Besoin d’abord d’un QR code ?

Gratuit, généré dans votre navigateur, et il n’expire jamais. Aucune inscription requise.

Ouvrir le générateur gratuit →