How to add a QR code to Shopify

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: 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 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, 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:

<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 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, before adding a recurring cost. General trade-offs live in ecommerce QR use.

Whatever you ship, run the final artwork through the validator 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.