Ein HonestQR-Badge einbetten

Einen QR-Code mit HonestQR erstellt? Du darfst (musst aber nie) ihn zeigen. Diese Badges und Snippets sind auf jeder Website, jedem Blog, jeder Menüseite oder jedem GitHub-README kostenlos nutzbar.

Den kompletten Generator einbetten (Widget)

Bring den ganzen kostenlosen QR-Generator mit einem iframe auf deine eigene Seite. Codes werden im Browser des Besuchers erzeugt und laufen nie ab — kein Konto, kein API-Key.

Live-Vorschau

Genau dieses Widget sehen deine Besucher — probiere es hier aus, bevor du ein Snippet kopierst.

Option A — Script (empfohlen, passt die Höhe automatisch an)

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

Das Script fügt das iframe ein und passt die Höhe automatisch an den Inhalt an — keine inneren Scrollbalken bei irgendeiner Bildschirmbreite.

Möchtest du das Snippet zuerst auf einer echten Drittseite ausprobieren? Öffne die JSFiddle-Live-Sandbox — forke sie und experimentiere, bevor du deine eigene Seite anfasst.

Option B — einfaches iframe

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

Bei einem einfachen iframe die Höhe selbst passend wählen — der Generator braucht ~900px auf dem Desktop und bis zu ~1100px auf schmalen Bildschirmen, sonst erscheint ein innerer Scrollbalken. Das Widget ist für private und kommerzielle Nutzung kostenlos.

Optionen (Attribute des Script-Platzhalters)

Attribut	Wirkung
`data-height="900"`	Feste iframe-Höhe in px (deaktiviert die automatische Anpassung).
`data-theme="ocean"`	Stil-Theme vorauswählen.
`data-mode="dark"`	Widget-Oberfläche: "dark", "light" oder "auto" (Standard: folgt dem Farbschema des Besuchers).
`data-tpl="wifi"`	Inhaltsvorlage vorauswählen.
`data-icon="cat"`	Pixel-Art-Icon vorauswählen.
`data-lang="de"`	Widget-Sprache (Standard: automatisch aus dem <html lang> deiner Seite erkannt).

Lieber serverseitig generieren? Es gibt auch eine kostenlose HTTP-API.

Ausführliche Anleitung mit Details zu Größe, Sprache und Datenschutz (Englisch): der Widget-Guide für Website-Betreiber.

Helles Badge

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

Dunkles Badge

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

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

Reiner Textlink

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

Nutzungsbedingungen

Kostenlos für private und kommerzielle Nutzung — keine Namensnennung über das Badge hinaus erforderlich.
Das Badge nicht so verändern, dass es Empfehlung, Partnerschaft oder Zertifizierung suggeriert.
Hotlinking von badge.svg ist in Ordnung, ebenso eine selbst gehostete Kopie — beides ist erlaubt.

Brauchst du zuerst einen QR-Code?

Kostenlos, im Browser erzeugt und läuft nie ab. Keine Anmeldung nötig.

Kostenlosen Generator öffnen →