# Multiple QR codes on one page

> Default camera apps latch onto one code — usually the largest or most central — so codes competing in one field of view misfire. Separate codes by at least twice the quiet zone, label each with where it leads, and when the list grows past three or four, collapse them into one hub code.

Source: https://useqr.app/docs/design/multiple-qr-codes-on-one-page · Last reviewed 2026-08-21 · UseQR is free forever, MIT licensed, no signup.

---

## How scanners choose between codes

Most default camera apps surface **one** candidate when several codes share the frame —
typically the largest or most central — and some scanners handle multi-code frames
differently again; the per-app behaviour is catalogued in
[scanning multiple codes in one frame](/docs/scanning/scanning-multiple-codes-in-one-frame).
The user's own recourse is to move closer until one code fills the frame. Your job as the
designer is to make sure that at natural scanning distance, **the code they want is the
code that wins**: dominant in size, clearly separated, unambiguously labelled.

## The spacing rule

Separate neighbouring codes by **at least twice the quiet zone — 8 module-widths of the
larger code — and preferably a full code-width**. Two reasons:

- The [quiet zone](/glossary/quiet-zone) tells the decoder where a code *ends*; two codes
  sharing a cramped margin read as one ambiguous blob at distance.
- Generous spacing lets a user isolate one code by moving slightly closer, instead of
  needing to be told to.

Concretely: two 3 cm codes with 1.2 mm modules need ≥ 1 cm between them by the letter of
the rule — but 3 cm of separation makes the isolation move effortless.

## Label every code, always

With one code on a page, the surrounding copy explains it. With several, **each code
needs its own label stating its destination** — "Menu", "Book a table", "WiFi" — sized
and placed per [typography pairing](/docs/design/qr-code-typography-pairing). Unlabelled
sibling codes look identical; the failure is not that nothing happens, it is that the
*wrong* thing happens, and the user has no way to know until they have already opened it.

Use size as a second signal: make the primary action visibly larger, and equal choices
equal sizes. A size hierarchy also plays into which code the scanner auto-selects.

## When to collapse to a hub

Past **three or four codes**, the page stops being a layout and becomes a lottery. Fold
the list into **one code pointing at one intermediate page** — a links hub via the
[social links generator](/social-qr-code), a pattern explored in
[one QR code for all your socials](/docs/marketing/one-qr-code-for-all-your-socials).
The cost is one extra tap; the gains are a single clean scan, analytics in one place, and
destinations you can edit after printing.

Two cases that look like multi-code problems but are not: platform-specific app downloads
are better served by a single code that routes per device
([one code, different destinations by device](/docs/how-to/how-to-make-one-qr-code-do-different-things-by-device)),
and production runs of many codes on one sheet — labels, stickers, tickets — are a
manufacturing problem with different rules, covered in
[QR code grids and sheets](/docs/design/qr-code-grids-and-sheets).

## FAQ

### Can you put two QR codes on the same page?

Yes, if they are separated by at least twice the quiet zone — ideally a full code-width —
and each carries a label naming its destination. At scanning distance the intended code
should clearly dominate the camera frame.

### What happens if you scan two QR codes at once?

Most default camera apps pick one, usually the largest or most central, and offer only
that. Some scanners list every code found. Either way the user cannot reliably choose, so
the layout must do the disambiguation for them.

### How far apart should two QR codes be?

At least eight module-widths of the larger code — twice the quiet zone — with a full
code-width as the comfortable standard. Closer than that, codes can interfere with
detection and users struggle to isolate one in the frame.

### Is it better to use one QR code or several?

Past three or four destinations, one hub code pointing at a simple links page wins: one
clean scan, one place to update, one set of analytics. Multiple codes make sense only
when each serves a genuinely distinct moment or place in the layout.

## Try it

- https://useqr.app/url
- https://useqr.app/social
- https://useqr.app/bulk