WordPress.org

Plugin Directory

Dynamic QR Code Block – QR Code Generator with Logo Support

Dynamic QR Code Block – QR Code Generator with Logo Support

Description

Dynamic QR Code Block is a powerful, feature-rich QR code generator that seamlessly integrates with the WordPress block editor. Create professional-grade QR codes for your business, products, events, or personal use without leaving your WordPress dashboard.

Unlike other QR code solutions that rely on external services, Dynamic QR Code Block generates all QR codes locally on your server, ensuring your data remains private and secure. No API calls, no subscriptions, and no limitations.

🚀 Transform Your Content with Custom QR Codes

Whether you’re linking to your website, sharing contact information, or creating promotional materials, our QR code block makes it easy to generate scannable codes that stand out with your brand colors and logo.

💯 Complete QR Code Solution for WordPress

✨ Key Features

  • Intuitive Block Editor Integration: Simply add the QR code block to any post or page
  • Professional Branding Options:
    • Add your company logo to the center of QR codes
    • Customize foreground and background colors to match your brand
    • Adjust size, margin, and corner style for perfect presentation
  • Multiple Output Formats:
    • SVG (scalable vector format, ideal for print)
    • PNG (transparent background support)
    • JPG (optimized for web)
  • Flexible Content Types:
    • Website URLs and deep links
    • Plain text and messages
    • Email addresses with optional subject and body
    • Phone numbers with direct call functionality
    • SMS messages with pre-filled text
    • WhatsApp messages and contact sharing
    • vCard contact information
    • WiFi network credentials
  • Advanced Customization:
    • Four error correction levels for optimal scanning reliability
    • Responsive design that looks great on all devices
    • Custom size and margin controls

🛡️ Privacy & Performance

  • 100% On-Server Generation: All QR codes are created locally on your server
  • Zero External Dependencies: No reliance on third-party services or APIs
  • No Data Collection or Tracking: Your QR code content remains completely private
  • Lightweight Implementation: Minimal impact on your site’s performance
  • No Usage Limits: Create as many QR codes as you need

🎯 Perfect For

  • Business Websites: Add QR codes to product pages for easy information access
  • Restaurants: Create QR codes for menus, specials, or reservation links
  • Event Pages: Generate QR codes for tickets, directions, or event details
  • Contact Pages: Share contact information with scannable QR codes
  • Marketing Materials: Include QR codes in your digital and print marketing
  • Social Media Promotion: Link to your social profiles with branded QR codes

Screenshots

  • QR Code Block in the editor

Blocks

This plugin provides 1 block.

  • Dynamic QR Code Generate QR codes for URLs, text, phone numbers, and more.

Installation

Easy Installation

  1. Automatic Installation:

    • Navigate to your WordPress Dashboard
    • Go to Plugins > Add New
    • Search for “Dynamic QR Code Block”
    • Click “Install Now” and then “Activate”
  2. Manual Installation:

    • Download the plugin ZIP file
    • Upload the plugin files to the /wp-content/plugins/dynamic-qr-code-block directory
    • Activate the plugin through the ‘Plugins’ screen in WordPress

Getting Started

  1. Add the QR Code Block:

    • Open the block editor on any post or page
    • Click the ‘+’ icon to add a new block
    • Search for “QR Code” and select the “Dynamic QR Code” block
  2. Configure Your QR Code:

    • Enter the content you want to encode (URL, text, contact info, etc.)
    • Customize appearance options (colors, size, logo, etc.)
    • Preview your QR code directly in the editor
  3. Publish and Share:

    • Once satisfied with your QR code, publish your post or page
    • The QR code will be displayed and ready for scanning

FAQ

Can I add my logo to the QR code?

Yes! The Dynamic QR Code Block allows you to upload and display your company or brand logo in the center of your QR code. This feature helps create professional, branded QR codes that enhance recognition and trust.

For optimal scanning reliability:
* Use a simple logo with clear lines and high contrast
* Keep the logo relatively small (30-40px recommended)
* Ensure your logo has transparent background (PNG format works best)
* When adding a logo, the plugin automatically sets error correction to High (H) level

What content types can I encode in my QR codes?

Dynamic QR Code Block supports a wide range of content types:

  • URL: Link to any webpage, product, or online resource
  • Plain Text: Share messages, codes, or identification numbers
  • Email: Create QR codes that open email clients with pre-filled address, subject, and body
  • Phone: Generate QR codes that initiate calls when scanned
  • SMS: Create codes that open messaging apps with pre-filled text
  • WhatsApp: Direct users to WhatsApp with prepared messages
  • vCard: Share complete contact information in a standard format
  • WiFi: Help visitors connect to networks without typing passwords

Will customizing QR code colors affect scanning reliability?

Yes, color choices can impact scanning performance. For optimal results:

  • Maintain high contrast between foreground and background colors
  • Dark foreground colors (black, navy, dark purple) work best
  • Light background colors (white, light yellow, light blue) provide good contrast
  • Avoid using similar shades for both foreground and background
  • Test your colored QR codes with multiple scanning apps and devices

The plugin includes a contrast checker that will warn you if your color combination might reduce scanning reliability.

What are the different error correction levels and which should I choose?

Error correction allows QR codes to remain scannable even when partially damaged or obscured:

  • L (Low): 7% of data can be restored – Best for simple content in controlled environments
  • M (Medium): 15% of data can be restored – Good general-purpose setting
  • Q (Quartile): 25% of data can be restored – Recommended for most uses
  • H (High): 30% of data can be restored – Best when adding logos or for outdoor use

When you add a logo to your QR code, the plugin automatically sets error correction to High (H) to ensure reliable scanning.

Is there a limit to how much data I can encode in a QR code?

Yes, QR codes have inherent capacity limitations:

  • Alphanumeric content: up to 4,296 characters (depends on error correction level)
  • Numeric-only content: up to 7,089 digits (depends on error correction level)

As you add more data, the QR code becomes more complex with smaller elements, which may reduce scanning reliability, especially on low-quality scanners or in poor lighting conditions.

Best practices:
* Keep URLs short (consider using URL shorteners for very long links)
* Include only essential information in contact details
* Test complex QR codes with multiple devices before publishing

Which output format should I choose for my QR code?

Dynamic QR Code Block offers three output formats, each with specific advantages:

  • SVG: Best for responsive designs and print materials. Scales perfectly to any size without quality loss.
  • PNG: Good for web use with support for transparent backgrounds. Works well across all platforms.
  • JPG: Smallest file size, good for basic web use where transparency isn’t needed.

For most WordPress sites, SVG is recommended as it provides the best quality across all device sizes.

Is the plugin compatible with page builders and themes?

Yes! Dynamic QR Code Block works with:

  • The standard WordPress block editor (Gutenberg)
  • Popular page builders that support Gutenberg blocks
  • All properly coded WordPress themes

The QR codes are responsive by default and will adapt to your theme’s styling.

Do I need a subscription or API key to use this plugin?

No! Dynamic QR Code Block generates all QR codes locally on your server without requiring any external services, API keys, or subscriptions. There are no usage limits or hidden costs – create as many QR codes as you need.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Dynamic QR Code Block – QR Code Generator with Logo Support” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1.2

  • Enhancement – Improved compatibility with latest WordPress version (6.8)
  • Enhancement – Better responsive behavior on mobile devices
  • Fix – Resolved issue with logo positioning in certain browsers
  • Performance – Optimized QR code generation for faster loading

1.1.1

  • Fix – Resolved issues with color picker in some environments
  • Fix – Corrected SVG rendering in Firefox browsers
  • Fix – Minor bug fixes and code improvements

1.1.0

  • New – Added logo support for QR codes with optimized placement
  • New – Added support for PNG and JPG output formats alongside SVG
  • New – Implemented logo size and position controls
  • Fix – Background color setting now working correctly
  • Enhancement – Improved error correction handling for better scanning reliability
  • Enhancement – Added helpful guidance for logo size and placement
  • Performance – Optimized code generation process

1.0.0

  • Initial release of Dynamic QR Code Block
  • Core QR code generation functionality
  • Basic customization options (size, colors, error correction)
  • SVG output format
  • Support for URLs, text, email, phone, and SMS content types