Design and print name tags and event badges with names, titles, logos, and barcode/QR codes.
You enter each attendee's details - name, title, organization - add a logo and an optional barcode or QR code, and this tool lays the finished badges on printable sheets, ready for the browser's print dialog. The sheet is the deliverable, meant to be printed, not kept on screen. What most people get wrong is the print settings, not the design: if the browser shrinks the page to fit, or the paper size differs from the preview, every badge prints smaller than its holder and a whole run of lanyard badges becomes unusable. Check scale and paper size before printing, not after.
A concrete input and expected output from the current implementation.
Input
Priya Nair | Session Lead | Northwind Labs | QR: https://example.com/checkin/102
Expected output
A badge showing those fields plus a QR code that decodes to exactly https://example.com/checkin/102 - scanning it returns that same URL, character for character.
Badge text is set directly from the fields, and a QR code stores its payload losslessly, so the printed code reproduces the entered URL exactly, with no rewriting or shortening.
Each badge is a fixed set of fields: name, title, organization, a logo image, and an optional barcode or QR value. Badges are arranged in a grid across the sheet, sized to fit standard badge holders. QR and barcode values are encoded exactly as entered: a URL in the QR field scans to that URL, and the value is not rewritten or shortened.
The finished sheet reaches the printer through the browser's print dialog, so paper size, margins, orientation, and scale are decided there, not in the editor. The on-screen preview shows the design; what prints is the preview adjusted by the print scale. With 100 percent scale and the paper size you previewed, printed badges match the design. Any shrink-to-fit or page scaling produces smaller badges.
Choose the layout that corresponds to your holder size, set the print dialog's paper size to the paper you previewed, and keep the scale at 100 percent. Then print one sheet and hold a badge against the actual holder. That single test print catches nearly every sizing mistake before the full run.
Yes to scanning: a printed QR code is a static image and scans exactly like the on-screen one, provided it is printed cleanly and not folded across the finder pattern. No to changing: the code encodes the text from the moment you printed it, so a corrected URL or changed attendee entry means reprinting that badge.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Create professional HTML email signatures with logos, social links, and custom styling.
Paste HTML email code and preview it in simulated email client frames (Gmail, Outlook, Apple Mail). Responsive test.
Fill in vCard fields and generate a QR code plus styled digital business card. Download both as images.
Visual drag-and-drop email template builder. Add sections, images, buttons, and export clean HTML code.
Create Open Graph meta tags for perfect social media previews on Facebook, Twitter, and LinkedIn.
Input one brand color and auto-generate a full color system with shades, tints, semantic colors, and dark mode palette.