The QR Code tab in the Images module lets customers generate QR codes from any text or URL and add them to their product design. Customers can customize the dark and light colors of the QR code before placing it on the canvas.

QR codes are generated entirely in the browser as SVG images — no server processing or AI credits are needed.

Before you start

• The QR Code tab is available by default in the Images module. No additional setup is needed.
• QR codes are added as image elements and follow the same pricing and permissions as other images.

How customers use QR codes

1. The customer opens the Images module and clicks the QR Code tab (identified by a QR icon).
2. They type or paste text or a URL in the input field.
3. A live preview of the QR code appears below the input as they type.
4. They can customize the colors using the Dark and Light color swatches.
5. They click the Add QR Code button to place it on the canvas.

Color customization

The QR code defaults to black on white. Customers can change both colors:

• Dark color — the squares/modules of the QR code (default: black)
• Light color — the background (default: white)
• Swap button — swaps the dark and light colors with one click

Clicking a color swatch opens a color picker. The live preview updates as the customer picks colors.

What can be encoded

QR codes can encode any text content:

• URLs — website links (most common use case)
• Plain text — messages, codes, or identifiers
• Contact information — vCard format
• Wi-Fi credentials — SSID and password

The QR code uses medium error correction (Level M), which allows up to 15% of the code to be obscured while remaining scannable.

QR code as SVG

QR codes are generated as SVG images at 256×256 pixels. Because they are vector-based:

• They scale cleanly to any size without pixelation
• They are resolution-independent — no DPI warnings
• They produce clean, sharp output in print-ready exports

Check your setup