Summary: This article shows how to create a QR code that links to your Shopify store or any page on your site using the Super QR Codes app. It includes quick steps for experienced users, a detailed step‑by‑step walkthrough, printing and display recommendations, and tracking tips.
Who is this for
Shopify store owners who want a QR code that opens their website, product page, collection, menu, or a custom URL.
Merchants who want printable or digital QR codes (posters, cards, social images, packaging).
Full step‑by‑step guide
1. Open the Super QR Codes app
In Shopify admin, go to Apps → Super QR Codes.
If you haven’t installed it yet, install from the App Store first and then open it.
2. Start a new QR code
From the app navigation, go to Dynamic QR code.
Click on Create QR Code button to go the the QR code page.
Give your QR a name (e.g., Homepage — Summer Campaign). This helps when you manage multiple codes.
3. Choose the QR type
Select Homepage or Custom URL. For a store custom URL, paste your storefront URL (e.g.,
https://yourstore.com).If you want a QR that opens a product, collection, or cart, you can either choose those types or paste the product/collection/cart URL directly.
Tip: Use https:// at the start of the URL to avoid redirect problems.
4. Customize appearance
Upload your logo (PNG with transparent background recommended) to place inside the QR if you want branding.
Choose style options: finder shape (square/rounded), corner style, color, etc.
Accessibility tip: Maintain high contrast between modules and background (dark modules on a light background). Avoid busy backgrounds behind the code.
5. Add UTM tracking (recommended)
Append UTM parameters so traffic is trackable in Google Analytics / Shopify reports. Example:
https://yourstore.com/?utm_source=qr&utm_medium=print&utm_campaign=summer2025
You can also use the app’s UTM builder to generate these automatically.
6. Size, format & output settings
Format: For digital use, PNG works. For print and scaling, download SVG, or PDF.
Padding: Keep a white border around the code.
7. Save, preview and test
Save the QR code in the app and use the Preview option.
Scan with multiple devices (iPhone, Android). Test both camera app and third‑party scanner apps.
If it fails to open, check URL, contrast, logo size, and quiet zone.
8. Download and deploy
For print: Download SVG/PDF.
For web/digital: PNG or SVG works well. SVG keeps it crisp on retina displays.
To add to your Shopify storefront:
Shopify admin → Settings → Files → Upload the image, or
Online Store → Themes → Customize → Add an image block/section and select the uploaded file, or
Paste the image into a product description or page using the content editor.