How to Create QR Codes for Marketing Campaigns: A Complete Step-by-Step Guide

Published: July 7, 2025 · 7 min read

QR codes have made a stunning comeback. Once dismissed as a passing fad, they're now everywhere — restaurant menus, product packaging, billboards, business cards, and event tickets. Apple built a QR scanner directly into the iPhone camera. Android followed suit. Scanning a QR code is now second nature for billions of people.

But here's the thing: not all QR codes are created equal. A poorly designed QR code — wrong colors, tiny size, unscannable contrast — is worse than no QR code at all. It frustrates potential customers and wastes precious marketing real estate. This guide walks you through creating QR codes that actually convert.

Step 1: Decide What Your QR Code Should Do

Before you generate a single pixel, answer this question: what action do you want the scanner to take? The most common options for marketers:

URL / Landing Page — Direct scanners to a campaign-specific landing page, product page, or promotional offer. This is the most flexible and trackable option.
vCard / Contact Card — Let scanners instantly save your contact details to their phone. Perfect for business cards and networking events.
Wi-Fi Credentials — Automatically connect guests to your Wi-Fi network without typing a password. Great for cafés, hotels, and co-working spaces.
App Store Link — Deep-link directly to your app in the App Store or Google Play, routing iPhone and Android users correctly.
Plain Text or Phone Number — Display a message or initiate a phone call. Useful for customer support or event information.

Pro tip: Always use a URL that you control (your own domain). This gives you the flexibility to change the destination later without reprinting the QR code. A short, clean URL also produces a less dense QR code that scans more reliably.

Step 2: Customize Colors to Match Your Brand

QR codes don't have to be black and white. You can customize the foreground and background colors to match your brand palette — but there are critical rules you must follow:

High contrast is non-negotiable. The foreground must be significantly darker than the background. Light blue on white? Unscannable. Dark navy on cream? Works perfectly.
Dark-on-light, never light-on-dark. Most QR scanners expect a dark pattern on a light background. Inverting this (white QR on black background) confuses many scanner apps.
Test on multiple devices. A QR code that scans fine on your iPhone 15 might fail on a budget Android device with a weaker camera. Test on at least 3 different phones before going to print.

Using our QR Code Generator, you can pick custom foreground and background colors with a live preview — so you can test-scan directly from the screen before downloading.

Step 3: Choose the Right Size for Your Medium

Size is the #1 reason QR codes fail in the real world. Here are the minimum recommended dimensions:

Medium	Minimum Size	Notes
Business card	2 × 2 cm (0.8 × 0.8 in)	Keep URL short to reduce code density
Flyer / Brochure	3 × 3 cm (1.2 × 1.2 in)	Bigger is better — don't hide it in a corner
Poster / Billboard	5 × 5 cm (2 × 2 in) at minimum	Consider viewing distance — billboards need much larger
Digital (screen)	200 × 200 px minimum	Export at high resolution; screens are backlit (easier to scan)

A common mistake: shrinking a QR code to fit an awkward space on a design. If it doesn't fit at a scannable size, redesign the layout. A QR code that can't be scanned is just noise.

Step 4: Add a Logo (Carefully)

Adding your brand logo to the center of a QR code looks polished — but it's also risky. The logo covers data modules that the QR code uses for error correction. The key is to stay within the error-correction budget:

Use high error correction (Level H, ~30%). This gives you enough margin to place a logo over the center without breaking scannability.
Keep the logo under 20–25% of the QR code area. A logo that's too large will obscure critical data. When in doubt, go smaller.
Leave a white border (quiet zone) around the entire QR code. At least 4 modules wide on all sides. This helps scanners isolate the code from surrounding design elements.
Always test after adding the logo. Print it at actual size and scan it with multiple phones. If even one fails, reduce the logo size or increase error correction.

Step 5: Track Your Scans with UTM Parameters

If your QR code points to a URL, you'd be crazy not to add UTM parameters. UTM tags let you track exactly how many people scanned your code — and what they did afterward — in Google Analytics or your analytics platform of choice.

Here's a practical UTM-tagged URL structure for a QR code on a printed flyer:

https://yourbrand.com/spring-sale?utm_source=flyer&utm_medium=qr_code&utm_campaign=spring_2025

Breakdown:

utm_source=flyer — identifies the specific placement
utm_medium=qr_code — groups all QR traffic together
utm_campaign=spring_2025 — ties to your campaign for reporting

With UTM parameters in place, you'll know within days whether that expensive billboard QR code is actually driving traffic — or just looking pretty.

Step 6: Test Before You Print (Seriously)

Once you've printed 10,000 flyers or wrapped a vehicle, it's too late. Before committing to production:

Test on the actual material. A QR code that scans on glossy photo paper might fail on textured kraft cardstock. Print a sample and test.
Test under real-world lighting. Scan it under fluorescent office lights, in direct sunlight, and in dim restaurant lighting. All three conditions should work.
Test on at least 3 different phone models. Mix of iPhone and Android, including an older model if possible.
Test at the real viewing distance. If it's going on a billboard 10 meters away, test from 10 meters away. Don't test it 30 cm from your face.

QR Code Dos and Don'ts

✅ DO include a short text call-to-action near the QR code ("Scan for 20% off" converts far better than a bare QR code).
✅ DO make sure the landing page is mobile-optimized. 99% of QR scans happen on phones.
✅ DO export your QR code as a vector format (SVG or high-res PNG) for print. Rasterized, low-res QR codes create scanning problems.
❌ DON'T place QR codes where there's no internet signal (subway tunnels, basements) — unless they encode offline content like plain text.
❌ DON'T use QR codes on TV ads or video content that flashes by in 2 seconds. Nobody can pull out their phone that fast.
❌ DON'T over-customize with extreme colors or dense patterns. If in doubt, prioritize scannability over aesthetics.

Generate Your QR Code in Seconds

Ready to create your campaign QR code? Our free QR Code Generator handles URLs, vCards, Wi-Fi credentials, plain text, and more. Customize colors, adjust error correction, add your logo, and download a high-resolution PNG or SVG — all from your browser with no sign-up required. Create your QR code now →