​

QR Codes

​

Automatic QR Generation

Every touchpoint automatically includes a QR code encoding the short link. No separate tools needed.

​

Downloading QR Codes

​

File Formats

PNG (Raster)

• Best for: Digital use, web, presentations
• Sizes: Small (300×300px), Medium (600×600px), Large (1200×1200px), Custom
• File size: Small (~5KB)

SVG (Vector)

• Best for: Print, scalable graphics, professional design
• Infinitely scalable without quality loss
• Perfect for large format printing (posters, banners, billboards)

​

Download Process

1. Navigate to touchpoint details
2. Click “Download QR Code”
3. Select format (PNG or SVG)
4. Choose size (for PNG)
5. Download

​

QR Code Customization

​

Basic Customization

Color

• Foreground color: The QR code pattern
• Background color: The space around the pattern
• Ensure high contrast for scannability

Frame/Border

• Add white border for better scanning
• Recommended: 10-20px padding
• Improves scan reliability on colored backgrounds

​

Advanced Customization

Logo Embedding

• Upload your logo to center of QR code
• Maximum size: 20% of QR code area
• Li2.ai automatically maintains scannability

Call-to-Action Frames

• Add text frames: “Scan Me”, “Get 20% Off”, “Visit Website”
• Choose from preset designs or custom text
• Available in multiple languages

Pattern Styles

• Classic square dots
• Rounded dots (modern look)
• Custom patterns

​

Print Guidelines

​

Minimum Size

• Physical Print: 1 inch × 1 inch (2.5cm × 2.5cm) minimum
• Business Cards: 0.75 inch × 0.75 inch acceptable
• Posters/Signage: 3-6 inches for distant scanning

​

Resolution

• Use SVG for all print applications
• If PNG required: Minimum 300 DPI at final size
• Never upscale small PNGs - download larger size instead

​

Testing

Before mass printing:

1. Print a test QR code
2. Scan with multiple phone types (iPhone, Android)
3. Test from various distances
4. Verify correct destination

​

Placement Best Practices

Physical Placement

• Eye level height when possible
• Well-lit areas (avoid shadows)
• Flat surfaces (avoid curves or wrinkles)
• Protected from weather if outdoors

Design Integration

• Don’t stretch or distort QR code
• Maintain minimum quiet zone (white space around code)
• Ensure contrast with background
• Add clear call-to-action text near QR code

​

Common Issues

​

QR Code Not Scanning

Causes & Solutions:

• Too small: Print larger (minimum 1 inch)
• Low contrast: Use black on white or high contrast colors
• Distorted: Don’t stretch or skew the QR code
• Poor lighting: Ensure adequate light
• Damaged print: Check for smudges, tears, or folds

​

Slow Scanning

• Reduce logo size (should be ≤20% of QR area)
• Simplify customization
• Increase QR code size
• Use standard black/white colors

​

Use Cases

​

Product Packaging

• Link to setup instructions, manuals, warranty registration
• Size: 1-2 inches
• Format: SVG for print flexibility

​

Marketing Materials (Flyers, Posters)

• Link to campaigns, promotions, event registration
• Size: 3-6 inches for visibility
• Format: SVG with brand colors and logo

​

Business Cards

• Link to LinkedIn, portfolio, contact info
• Size: 0.75-1 inch
• Format: SVG, simple black/white for reliability

​

Retail Signage

• Product information, reviews, purchase links
• Size: 4-8 inches depending on distance
• Format: SVG with call-to-action frame

​

Restaurant Menus

• Digital menus, ordering, payment
• Size: 2-3 inches per table tent
• Format: SVG, laminated for durability

​

Best Practices

​

Next Steps