# How to add a QR code to Shopify

> Download your code as a PNG and add it to any Shopify page or section as an image. For coupons, encode your store's /discount/CODE URL so the discount applies automatically on scan. For per-product or per-order codes, call a keyless QR API from a Liquid template.

Source: https://useqr.app/docs/how-to/how-to-add-a-qr-code-to-shopify · Last reviewed 2026-08-21 · UseQR is free forever, no signup.

---

## Where a QR code actually helps a Shopify store

Someone already browsing your store can tap; they do not need a code. QR codes earn their
place where the customer is *offline* and your store is not: packaging inserts, packing
slips, market-stall signage, product labels and in-store displays. Shopify has offered QR
generation in a few of its own surfaces over the years, but for the common cases the
reliable route is the same everywhere: generate the code, download it, place it.

## The basic route: generate, download, upload

1. Build the code with the [URL generator](/url): point it at the exact product,
   collection or page URL.
2. Download **PNG for screens, SVG for anything printed**.
3. In the Shopify admin, add it wherever images go: an image block in a theme section,
   a product description, a page, or your email templates.

Keep the encoded URL short. `yourstore.com/products/candle` beats a URL with every
tracking parameter attached: see [UTM parameters](/docs/how-to/how-to-add-utm-parameters-to-a-qr-code)
for how to tag traffic without bloating the code.

## The discount URL pattern

Shopify applies a discount code automatically when a visitor lands on
`/discount/{code}`. That makes a scannable coupon with zero apps:

```
https://yourstore.com/discount/SCAN10
https://yourstore.com/discount/SCAN10?redirect=/collections/sale
```

The first applies `SCAN10` to the session and continues to the storefront; the second
applies it and lands on a specific collection. Encode either with the
[coupon generator](/coupon-qr-code), print it on the packaging insert, and every scan
arrives with the discount already applied. Because the discount name is in the URL, use
a code you are happy to see shared.

## Per-product codes in a Liquid template

For a code on every product page, packing slip or label, don't make them by hand: let
the template do it with the [keyless API](/docs/developers/free-qr-code-api-no-key):

```liquid
<img
  src="https://useqr.app/api/v1/qr?data={{ shop.url | append: product.url | url_encode }}&size=400"
  width="200" height="200" loading="lazy"
  alt="QR code for {{ product.title }}">
```

On an order printout or packing slip, encode `{{ order.order_status_url }}` instead so
the customer scans straight into their order status. The API needs no key and returns a
PNG, so the image tag is the whole integration.

For hundreds of product codes as files (for labels or a catalogue), export your product
URLs to CSV and run them through the [bulk generator](/bulk) instead.

## Do you need a QR app from the App Store?

Usually not. App-store QR apps charge monthly for two things: convenience and dynamic
redirects. A static code is free forever and cannot stop working when a subscription
lapses. The one honest case for paying is genuinely editable destinations at scale:
weigh that against running your own redirect, as covered in
[tracking QR scans](/docs/how-to/how-to-track-qr-code-scans), before adding a recurring
cost. General trade-offs live in [ecommerce QR use](/qr-codes-for/ecommerce).

Whatever you ship, run the final artwork through the [validator](/validate) and scan a
printed proof before a production run.

## FAQ

### Can Shopify generate QR codes natively?
Shopify has included QR generation in some of its own tools and POS flows, but there is no single built-in generator covering products, discounts and pages. Generating externally and uploading the image works in every context and costs nothing.

### How do I make a QR code for a Shopify discount?
Encode the URL yourstore.com/discount/YOURCODE. Shopify applies the discount automatically when the link opens, and an optional redirect parameter sends the customer to a specific collection or product afterwards.

### Should I pay for a Shopify QR code app?
Only if you need destinations you can edit after printing. For everything else a static code is free, permanent and independent of any subscription. It cannot break because an app was uninstalled.

### What format should the QR image be in Shopify?
PNG for on-screen placements like product pages and emails. For printed inserts, labels or signage, download SVG and hand that to print, since PNG scaled up in artwork is the usual cause of unscannable printed codes.

## Try it

- https://useqr.app/url
- https://useqr.app/coupon
- https://useqr.app/validate
