Create scannable QR codes & barcodes for products

A barcode that doesn't scan at the till — or a QR code that a phone can't read — is worse than no code at all. The good news: getting one right comes down to two ingredients. Valid data (the right symbology, the right number of digits) and enough physical clearance and size on the printed piece. This guide covers both, from a first vector object to a proof you've test-scanned yourself.

QR or barcode — which one to use#

Popcorn Editor generates codes as crisp vector, so the first decision is which code you need. That's driven entirely by where it's going and what it has to carry.

If you're stocking a store, the retailer or your GS1 registration decides the symbology and number for you — EAN-13 almost everywhere, UPC-A in North America. For a scan-to-web link on packaging or a poster, reach for a QR Code. When the space is genuinely tiny (a component, a small vial), Data Matrix packs the most into the least area.

Add one to the Canvas#

From the Object menu, choose Add barcode or Add QR code. The object drops onto the Canvas as a real vector shape — not an image — so it stays razor-sharp at any size and through print. Select it, and its controls appear in the Properties panel on the right.

Enter valid data#

Everything about whether the code scans starts here. In Properties:

• Set Type — this is the symbology (QR Code, Code 128, EAN-13, and so on).
• Enter your content in Value — the URL for a QR code, or the digits for a product code.

Retail symbologies are strict. EAN-13 wants 12–13 digits, UPC-A 11–12, ITF-14 13–14. Enter the wrong count — or letters where only digits are allowed — and the code simply won't generate. The Value field flags the error in red and tells you what it expects, so watch that hint as you type.

Enter the digits without the final check digit and Popcorn Editor calculates it for you. If you paste a full number that already includes the check digit, that works too — just don't invent one by hand.

Keep it scannable#

A valid value is only half the job. A scanner needs breathing room and enough resolution to resolve each bar or cell. Four controls in Properties govern that:

• Quiet — the clear margin around the code, measured in modules. This "quiet zone" is the single most-missed requirement. Scanners need blank space on every side to lock on; crowd the code with other artwork and it fails. Leave this generous.
• Module — the size of the narrowest bar or cell. Bigger modules print and scan more reliably. Shrinking a code mostly shrinks its modules, which is exactly what breaks it.
• Height — the bar height for 1D barcodes. Taller bars are easier for a scanner to sweep.
• Error corr. — for QR codes only, how much damage the code can survive and still read. Higher levels (Q or H) tolerate scuffs, ink spread, and a small logo overlaid in the middle, at the cost of denser modules.

For retail codes, turn on Human-readable text so the digits print beneath the bars — a requirement for most stores and a fallback when a scanner won't cooperate.

Color and contrast#

Scanners read contrast, not color. Keep it simple: a dark code on a light background. Black on white is the safe default. You can recolor the code — the Color control even lets you link it to a spot swatch, which still exports cleanly as a separation — but never invert it (light code on dark) and avoid low-contrast pairs like navy on black or red on brown. When in doubt, keep the code dark and let the background stay pale.

Size and placement on the label#

The most common failure is a code shrunk to fit a corner. Resist it.

• Don't go below a scannable size. If a code looks cramped on screen at 100%, it will fail in print. Bump the Module up rather than scaling the whole object down.
• Protect the quiet zone. Keep other artwork, borders, and the label's own edge well clear of the code. Treat that margin as untouchable.
• Mind the fold and the curve. On a bottle or pouch, place the code on a flat, uncreased panel — a scanner struggles across a tight curve or a seam.

Because you're building a physical product, do this in a print document with a proper bleed and safe area. Our guide to designing product labels walks through that setup, and the barcode sits inside the safe area like any other critical element.

Export — and test the proof#

Barcodes and QR codes are vector, so they survive export at full fidelity. Use Share → Download to open the Export dialog, choose PDF, and set the color space to Print (CMYK) with the PDF/X-4 standard. The bars stay crisp — no rasterizing, no blur — and a spot-linked code exports as its own clean separation.

Always test-scan the exported proof, not just the on-screen preview. Open the PDF at 100% and scan it with a phone, then confirm your printer's proof scans on paper too. Ink spread and paper finish can eat into a quiet zone that looked fine on a monitor.

That's the whole recipe: the right symbology, a valid value, a generous quiet zone, a large enough module, strong contrast, and a scan test before it ships.

Where to next#

• Barcodes that scan — the reference on quiet zones, module size, and symbology rules in depth.
• QR codes and barcodes — every option in the Properties panel, explained.
• Design your own product labels — build the label the code lives on, end to end.