Buttons mit QR-Code: Gestaltung, Größe und Scan-Test
Share
Ein QR-Code auf einem Button kann direkt zu deiner Website, einem Programm oder einer Kontaktseite führen. Damit das im Alltag klappt, braucht der Code ausreichend Platz, starken Kontrast und eine freie Randzone. Entscheidend ist der Test auf dem fertigen Button – eine erfolgreiche Bildschirmvorschau allein genügt nicht.
Die kurze Antwort
Verwende einen dunklen Code auf ruhigem, hellem Hintergrund. Halte um einen normalen QR-Code mindestens vier Module frei; ein Modul ist eines der kleinen Quadrate im Code. Lass den Code unverzerrt und platziere ihn möglichst zentral. Für erste Entwürfe bietet ein 56-mm-Button mehr Spielraum als kleinere Formate.
QR-Code direkt online im Buttonmaker erstellen
Du brauchst keinen externen QR-Code-Generator: Im Buttonmaker von buttons.de kannst du deinen QR-Code direkt erzeugen und auf dem Button platzieren. So funktioniert es am 56-mm-Metallbutton:
- Produkt und Buttonmaker öffnen: Gehe zum 56-mm-Metallbutton und öffne die Gestaltung.
- „Bilder“ auswählen: Klicke im Buttonmaker auf den Bereich „Bilder“.
- QR-Code-Symbol anklicken: Im geöffneten Bilderfenster wählst du oben das QR-Code-Symbol neben dem Upload-Symbol.
- Webadresse eingeben: Trage die vollständige Zieladresse ein, zum Beispiel https://buttons.de/. Über die Farbfelder kannst du die Farben wählen. Schwarz auf Weiß ist ein guter Ausgangspunkt.
- „QR-Code hinzufügen“ anklicken: Der Buttonmaker erzeugt den Code und fügt ihn direkt in dein Motiv ein.
- Größe und Position anpassen: Platziere den Code möglichst mittig und lasse rundherum ausreichend helle, freie Fläche. Halte Code und Ruhezone innerhalb des sichtbaren Motivbereichs. Ergänze bei Bedarf über „Text hinzufügen“ einen kurzen Aufruf wie „Mehr erfahren“.
- Prüfen und bestellen: Kontrolliere Linkziel, Lesbarkeit, Menge und Befestigungsart, bevor du das gestaltete Produkt in den Warenkorb legst.
Auch ein im Buttonmaker erzeugter Code sollte in der geplanten Druckgröße und vor einer größeren Auflage am fertigen Button getestet werden. Die Anleitung zur Ruhezone und die Scan-Checkliste weiter unten helfen dir dabei.
Wofür sind QR-Code-Buttons sinnvoll?
| Einsatz | Sinnvolles Linkziel | Kurzer Text auf dem Button |
|---|---|---|
| Messestand | Eine mobile Produkt- oder Kontaktseite | Mehr erfahren |
| Verein oder Veranstaltung | Programm oder Anmeldeseite | Zum Programm |
| Firmenaktion | Eine konkrete Aktionsseite | Aktion entdecken |
| Namensbutton | Berufliche Kontaktseite | Kontakt speichern |
Führe Besucher möglichst direkt zur versprochenen Information. Eine gut lesbare mobile Zielseite ist genauso wichtig wie der Druck. Ideen für passende Einsätze findest du bei Buttons für Unternehmen und Namensbuttons für Teams.
1. Linkziel für den Buttonmaker wählen
Nutze eine kurze, dauerhaft erreichbare HTTPS-Adresse, möglichst auf deiner eigenen Domain. Viel Inhalt im Code kann ihn dichter machen und damit den Platzbedarf erhöhen. Ein kurzer Link zu einer Seite ist deshalb häufig praktischer als viele direkt gespeicherte Kontaktdaten.
Bei einem statischen QR-Code bleibt die codierte Adresse unverändert. Änderst du später die Inhalte unter derselben Adresse, zeigt der Code weiterhin auf diese Seite. Dienste für dynamische Codes arbeiten häufig mit Weiterleitungen; prüfe deren Laufzeit und Bedingungen, bevor du eine größere Auflage drucken lässt.
2. Freiraum und Kontrast einplanen
Die freie Randzone gehört zum Code. Laut DENSO WAVE, dem Entwickler des QR-Codes, benötigt ein normaler QR-Code an jeder Seite eine Ruhezone von vier Modulen. Dort dürfen weder Schrift noch Logo oder Muster hineinragen. Diese Zone ist zusätzlich zum Abstand vom gewölbten Buttonrand einzuplanen.
Schwarz auf Weiß ist ein guter Ausgangspunkt. Verläufe, eine unruhige Fotofläche, helle Module auf dunklem Grund oder dekorativ veränderte Markierungen können das Scannen erschweren. Verwende die originale Code-Datei und ziehe sie nicht nur in eine Richtung auseinander.
3. Die Buttongröße passend auswählen
| Format | Einordnung für QR-Motive |
|---|---|
| 25 mm | Sehr wenig Platz für Code, Ruhezone und Zusatztext; nicht unser erster Ansatz für ein QR-Motiv. |
| 37 mm | Kann bei einfachem Code und reduzierter Gestaltung funktionieren; sorgfältig testen. |
| 56 mm | Mehr Platz für einen zentralen Code und einen kurzen Aufruf; sinnvoller Ausgangspunkt. |
Es gibt keine pauschale Scan-Garantie allein anhand des Buttondurchmessers. Code-Dichte, tatsächlich gedruckte Codegröße, Wölbung, Reflexionen, Licht und Smartphone spielen zusammen. Unser Größenvergleich hilft bei der Einordnung des gesamten Motivs.
Ein echtes QR-Beispiel zum Ausprobieren
Der Code im Beitragsbild führt zu https://buttons.de/. Er wurde technisch erzeugt und digital auf dieses Linkziel geprüft. Das Bild ist ein Erklärbeispiel und keine maßstabsgetreue Druckvorlage für eine bestimmte Buttongröße. Wenn du den Beitrag am Smartphone liest, kannst du die Startseite auch direkt öffnen.
4. Druckdatei sauber vorbereiten
Bewahre scharfe Kanten und die vollständige Ruhezone. Nutze eine geeignete hochauflösende Datei oder ein vom Bestellprozess unterstütztes Vektorformat. Vergrößere keinen winzigen Screenshot. Platziere den Code in der zentralen Motivfläche und halte Text sowie andere Elemente außerhalb seiner Ruhezone.
Die Hinweise zu Vorlagen und Beschnitt erklären, warum die sichtbare Vorderseite und der umgeschlagene Rand getrennt betrachtet werden müssen. Über Buttons online gestalten gelangst du zu den Gestaltungsmöglichkeiten.
5. Vor der größeren Auflage testen
- Datei prüfen: Führt der Code tatsächlich zum richtigen Linkziel?
- In Originalgröße ausdrucken: Ohne automatische Seitenanpassung und mit vollständiger Ruhezone.
- Mehrere Geräte verwenden: Mit unterschiedlichen Smartphones und üblichen Kamera-Apps scannen.
- Realistische Bedingungen nachstellen: Verschiedene Winkel, Lichtverhältnisse und Entfernungen ausprobieren.
- Den fertigen Button prüfen: Wölbung und glänzende Oberfläche lassen sich mit einem Papierausdruck nicht vollständig simulieren. Eine Möglichkeit für ein individuelles Testexemplar vorab bei uns anfragen.
- Zielseite kontrollieren: Lädt sie mobil, stimmt der Inhalt und funktioniert der gewünschte nächste Schritt?
Häufige Fragen zu QR-Codes auf Buttons
Kann ich den QR-Code direkt bei buttons.de erstellen?
Ja. Öffne am Produkt den Buttonmaker und wähle „Bilder“. Klicke dort auf das QR-Code-Symbol, gib deine Webadresse ein und wähle „QR-Code hinzufügen“. Anschließend kannst du den erzeugten Code auf deinem Button positionieren und seine Größe anpassen. Ein externer Generator ist dafür nicht nötig.
Kann ich einen KI-generierten QR-Code verwenden?
Für die Druckdatei solltest du einen technisch erzeugten und geprüften Code verwenden. Ein Bild, das nur wie ein QR-Code aussieht, kann unlesbar sein oder ein anderes Ziel enthalten.
Kann der Code auf einem Namensbutton stehen?
Ja, wenn Name und Code jeweils ausreichend Platz bekommen. Bei knapper Fläche ist ein klar lesbarer Name wichtiger als zu viele Zusatzinformationen. Die Gestaltung sollte in Originalgröße geprüft werden.
Funktioniert der QR-Code auch auf Metallic-Buttons?
Eine reflektierende oder unruhige Fläche kann den Kontrast beeinflussen. Für einen ersten Entwurf empfehlen wir eine ruhige, helle Codefläche. Ob eine besondere Ausführung funktioniert, muss am konkreten Produkt geprüft werden.
Kann ich das Linkziel nachträglich ändern?
Den gedruckten Code selbst nicht. Wenn du die codierte Adresse kontrollierst, kannst du die dortigen Inhalte oder eine von dir verwaltete Weiterleitung ändern. Bei Fremddiensten gelten deren Bedingungen.
Garantiert ein digitaler Test die Scanbarkeit im Druck?
Nein. Er bestätigt nur, dass die geprüfte digitale Datei decodierbar ist. Für die tatsächliche Anwendung bleibt der Test am fertigen Button wichtig.
56-mm-Button für dein QR-Motiv auswählen
Vorbereitung für den Auftrag: Checkliste für Motiv, Menge und Bestellung.