Description

Advanced QR Code Generator Block is the ultimate Gutenberg block for creating high-quality, branded QR codes natively within WordPress. Empower your marketing, e-commerce, events, menus, and print campaigns with customizable QR codes—no external services, no server load, and complete privacy.

🚀 Why Choose Advanced QR Code Generator Block?

In today’s digital-first world, QR codes are essential for bridging offline and online experiences. Our plugin empowers you to create beautiful, branded QR codes without leaving your WordPress dashboard or relying on external services.

⚡ Lightning Fast & Privacy-Focused

No external API calls – everything works offline
Client-side generation for maximum privacy
Zero dependencies on third-party services
Your data never leaves your server

🎨 Advanced Customization Features

Logo Integration – Add your brand logo to QR codes with smart positioning
Custom Colors – Full color control for QR code and background
Flexible Sizing – Any size from tiny to massive
Logo Shapes – Original or rounded logo display
Smart Alignment – 9-point alignment matrix for perfect logo positioning
Error Correction – 4 levels (L, M, Q, H) for different use cases
Quiet Zone Control – Adjustable padding around QR codes
Responsive Design – Perfect display on all devices

💼 Perfect for Every Business

E-commerce – Product pages, promotions, checkout shortcuts
Restaurants – Digital menus, ordering systems, table service
Marketing Agencies – Campaign tracking, landing pages, social media
Event Management – Registration, venue info, schedules
Real Estate – Property listings, virtual tours, contact info
Education – Course materials, assignments, quick links

📱 Mobile-First Design

All QR codes are generated as high-quality canvas elements that scale perfectly across devices. Whether viewed on desktop, tablet, or mobile, your QR codes maintain crystal-clear quality for reliable scanning.

🌟 Key Features

📋 Core Functionality
* Easy-to-use Gutenberg block integration
* One-click current page URL insertion
* Canvas-based high-quality output
* Real-time preview in editor

🎨 Visual Customization
* Custom foreground and background colors
* Logo upload and integration
* Logo size control (1-100%)
* Logo shape options (original/rounded)
* 9-point alignment matrix for logo positioning
* Adjustable quiet zone (padding)
* Responsive sizing controls

⚙️ Technical Options
* 4 error correction levels (L=7%, M=15%, Q=25%, H=30%)
* Size range from 50px to 1000px
* Client-side generation (no external calls)
* Canvas-based rendering for quality
* Block alignment support (wide/full)

🔒 Privacy & Performance
* No data sent to external servers
* Client-side generation only
* Lightweight codebase
* Conditional asset loading
* No tracking or analytics

Technical Requirements

WordPress 6.0 or higher
PHP 7.4 or higher
Modern browser with JavaScript enabled
Gutenberg block editor

Support

For support, feature requests, or bug reports:
* WordPress.org support forums
* Plugin documentation
* GitHub repository (if applicable)

Privacy Policy

This plugin:
* Does not collect any user data
* Does not send data to external servers
* Generates QR codes entirely client-side
* Does not use cookies or tracking
* Respects user privacy completely

Credits

Built with WordPress Block API
Uses QRCode.js library for generation
Developed with modern React hooks
Follows WordPress coding standards

Libraries Used

QRCode.js v1.0.0 by davidshimjs
- Source: https://github.com/davidshimjs/qrcodejs
- Original source: https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.js
- License: MIT
- Compressed version: assets/js/qrcode.min.js
- Original version: asset/js/qrcode.js

Screenshots

QR Code Block Interface – Clean, intuitive block with real-time preview and comprehensive settings
Logo Integration – Upload logos, adjust size and positioning with visual alignment matrix
Color Customization – Full color control with preset palettes and custom color picker
Advanced Settings – Error correction levels, quiet zone control, and size adjustments
Frontend Display – Beautiful, responsive QR codes that work perfectly on all devices

Blocks

This plugin provides 1 block.

Advanced QR Code Generator Generate QR Code with custom color, size and logo.

Installation

Automatic Installation (Recommended):

Go to your WordPress admin dashboard
Navigate to Plugins > Add New
Search for «QR Code Block»
Click Install Now and then Activate
Start creating QR codes in any post or page!

Manual Installation:

Download the plugin zip file
Go to Plugins > Add New > Upload Plugin
Choose the downloaded zip file and click Install Now
Click Activate Plugin

Using the Block:

Edit any post or page with Gutenberg editor
Add a new block and search for «QR Code Generator»
Enter your URL or click «Use Current Page URL»
Customize colors, size, and add a logo if desired
Publish your page – your QR code is ready!

FAQ

🎯 How do I add a logo to my QR code?

Easy! In the block settings sidebar:
1. Click «Add logo» in the Logo Settings panel
2. Upload your logo image from the media library
3. Adjust the logo size (1-100% of QR code size)
4. Choose logo shape (original or rounded)
5. Use the alignment matrix to position your logo perfectly

The plugin automatically scales and positions your logo while maintaining QR code functionality.

🎨 Can I customize the colors of my QR codes?

Absolutely! You have full control over:
* QR Code Color – The dark squares/modules of the code
* Background Color – The light background behind the code
* Choose from preset colors or use any custom color
* Colors update in real-time as you make changes

📱 Are the QR codes mobile-friendly?

Yes! All QR codes are:
* Fully responsive and scale to any screen size
* Generated as high-quality canvas elements
* Optimized for scanning on all smartphone cameras
* Tested across iOS and Android devices
* Perfect for both web and print use

🔒 Is my data secure when using this plugin?

Your privacy is protected:
* All QR code generation happens in your browser
* No data is sent to external servers or APIs
* Your URLs and content stay on your website
* No tracking pixels or third-party analytics
* Complete data privacy and security

⚡ Will this plugin slow down my website?

Not at all! The plugin is optimized for performance:
* Assets only load when QR code blocks are present
* Lightweight codebase with minimal impact
* Client-side generation prevents server load
* Optimized JavaScript and CSS
* No external API calls or dependencies

🔧 What error correction level should I use?

Choose based on your use case:
* Low (7%) – Simple URLs, clean environments
* Medium (15%) – General purpose, most common choice
* Quartile (25%) – Slightly damaged or dirty surfaces
* High (30%) – Best for logos or harsh conditions

Higher levels create more complex codes but handle damage better.

🖨️ Can I use these QR codes for print materials?

Yes! The canvas-based output provides high-quality codes perfect for:
* Business cards and brochures
* Posters and banners
* Product packaging
* Magazine and newspaper ads
* Any print medium

For best print results, use larger sizes (300px+) and high error correction.

🔄 How do I change the URL of an existing QR code?

Simple:
1. Edit the post/page containing your QR code
2. Click on the QR code block
3. Update the URL in the block settings sidebar
4. The QR code updates automatically
5. Save your changes

🎯 Can I track QR code scans?

The current version focuses on privacy and doesn’t include tracking. However, you can:
* Use URL shorteners with analytics (bit.ly, etc.)
* Set up Google Analytics goals on destination pages
* Use UTM parameters in your URLs for campaign tracking

🔧 What if my QR codes aren’t scanning properly?

Try these troubleshooting steps:
1. Check contrast – Ensure good color contrast between foreground and background
2. Increase size – Larger codes scan more reliably
3. Higher error correction – Use «High» level for difficult conditions
4. Test different devices – Some older phones may have scanning issues
5. Avoid stretching – Don’t distort the QR code shape

🌍 Does the plugin work with other languages?

Yes! The plugin is translation-ready and includes:
* Standard WordPress internationalization
* Support for RTL languages
* All user-facing text can be translated
* QR codes work with any character set or language

🔌 Is it compatible with page builders?

The plugin works with:
* Gutenberg (native support)
* Any page builder that supports WordPress blocks

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Advanced QR Code Generator Block” is open source software. The following people have contributed to this plugin.

WPaladin

“Advanced QR Code Generator Block” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Advanced QR Code Generator Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0 – 2025-01-24

Initial release
Core QR code generation functionality
Logo integration with alignment options
Custom color controls
Error correction level selection
Quiet zone (padding) controls
Canvas-based high-quality output
Client-side privacy-focused generation
Responsive design support
WordPress 6.8 compatibility

Advanced QR Code Generator Block