Getting Started

If you’re looking to bridge the gap between your physical products and digital storefront, you’ve found the right solution. Product QR Codes for WooCommerce helps you create instant connections between your customers and your online product pages—whether they’re browsing in-store, viewing your catalog, or encountering your products in the wild.

What This Plugin Does for Your Business

Every product in your WooCommerce store can now have its own unique QR code. When scanned, these codes take customers directly to your product pages where they can:

  • View detailed product information
  • Check real-time inventory
  • Read customer reviews
  • Add items to their cart
  • Complete their purchase

Think of it as giving every physical product a direct portal to your online store—no typing URLs, no searching, just scan and shop.

Installation & Activation

Prerequisites

Before getting started, ensure you have:

  • WordPress (with WooCommerce installed and activated)
  • PHP 7.4 or higher

Installation Steps

  1. Upload the Plugin
  • Navigate to Plugins → Add New in your WordPress admin
  • Click Upload Plugin and select the plugin ZIP file
  • Click Install Now
  1. Activate the Plugin
  • After installation, click Activate Plugin
  • The plugin will automatically integrate with WooCommerce
  1. Verify Installation
  • Go to WooCommerce → Settings
  • Look for the new QR Codes tab
  • If you see it, you’re ready to configure!

Initial Configuration

Let’s get your QR codes set up exactly how you want them. Head to WooCommerce → Settings → QR Codes to begin.

Quick Tip: Not seeing the QR Codes tab? Make sure WooCommerce is activated first, then deactivate and reactivate the QR Codes plugin.

Basic Settings

Enable QR Codes
Toggle this on to activate QR code generation across your store. You can turn this off anytime without losing your settings.

Base Domain
This is crucial for ensuring your QR codes always work, even if you change domains or work on a staging site. Enter your live store URL here (e.g., https://yourdomain.com).

Default QR Code Size
Choose the default size for your QR codes:

  • Medium (300px): Perfect for web displays and small labels
  • Large (450px): Recommended for product packaging and print materials
  • Extra Large (600px): Great for posters and large packaging
  • Jumbo (750px): Ideal for banners and trade show displays

Branding Your QR Codes

Make your QR codes uniquely yours by adding your brand elements.

Add Your Logo

  1. Toggle Enable Logo on QR Codes to “On”
  2. Click Select Logo to open your media library
  3. Choose your logo (square logos work best)
  4. The logo will automatically be sized to 25% of the QR code

Customize Colors

  • Foreground Color: The color of the QR pattern (default: black)
  • Background Color: The background behind the pattern (default: white)

Pro Tip: Maintain high contrast between foreground and background colors to ensure QR codes scan reliably.

Analytics & Tracking

Want to know which QR codes are driving traffic? Enable tracking to monitor performance.

  1. Toggle Enable URL Tracking to “On”
  2. Configure your UTM parameters:
  • UTM Source: Identifies where the scan occurred (default: qr_code)
  • UTM Medium: The marketing medium (default: product_qr)
  • UTM Campaign: Optional campaign name for specific promotions

These parameters integrate seamlessly with Google Analytics and other tracking platforms.

Your First QR Code

Ready to see it in action? Let’s generate your first QR code.

Method 1: Individual Product QR Code

  1. Navigate to Products → All Products
  2. Click Edit on any product
  3. Look for the Product QR Code box in the sidebar
  4. Click Preview QR Code to see it instantly
  5. Click Download QR Code to save it

Method 2: Using the Shortcode

Add a QR code anywhere on your site:

[product_qr_code id="123" size="450"]Code language: JSON / JSON with Comments (json)

Replace 123 with your actual product ID. The QR code will appear wherever you place this shortcode.

Method 3: Bulk Generation

Need QR codes for multiple products? Use our bulk generator:

  1. Go to WooCommerce → QR Bulk Generator
  2. Search and select your products
  3. Configure settings
  4. Generate and download as a ZIP file

Best Practices for Success

Placement Matters

  • Product Packaging: Include QR codes on labels or boxes
  • In-Store Displays: Add to shelf talkers or price tags
  • Marketing Materials: Feature on flyers, catalogs, and business cards
  • Trade Shows: Display prominently on banners and booth materials

Success Story: Retailers report 40% more product page visits when QR codes are placed at eye level on shelf displays.

Size Guidelines

  • Minimum Size: Keep QR codes at least 1 inch (2.5 cm) square
  • Scanning Distance: Larger QR codes can be scanned from farther away
  • Print Quality: Always test printed QR codes before mass production

Testing Your QR Codes

  1. Generate a test QR code
  2. Print it at actual size
  3. Test with multiple devices and QR scanner apps
  4. Verify it leads to the correct product page
  5. Check that tracking parameters work (if enabled)

What’s Next?

Now that you’ve got the basics down, explore these advanced features:

Need Help?

Check our FAQ section for quick answers, or visit our troubleshooting guide for detailed solutions. Remember, every successful QR code implementation starts with proper setup—you’re already on the right track!

Your products are about to become more accessible than ever. Let’s make shopping seamless for your customers, one scan at a time.

Was this page helpful?
Yes No