QR Code Generator for WordPress — Complete Guide
Quick Answer
To add a QR code in WordPress: generate on QRCrack, download as PNG, upload to your Media Library, then insert with the Image block in the Gutenberg editor. No plugin required.
Step-by-Step Guide
- 1
Generate your QR code on QRCrack (URL, vCard, WiFi, etc.) and download as PNG or SVG.
- 2
Log in to WordPress Admin → Media → Add New → upload your QR code image.
- 3
In your post or page editor (Gutenberg), click the + button → Image block → select the uploaded QR code from Media Library.
- 4
Add alt text describing the QR code (e.g. 'QR code to download our app') for accessibility and SEO.
- 5
Optionally add a caption below: 'Scan with your phone camera to visit [destination]'.
- 6
For WooCommerce products: go to Products → select product → scroll to Product Gallery → add the QR code image.
- 7
For widget areas (sidebar, footer): go to Appearance → Widgets → add an Image widget with your QR code.
Code Snippet
<!-- WordPress HTML block — paste this anywhere in the block editor -->
<figure class="wp-block-image size-medium aligncenter">
<img src="/wp-content/uploads/your-qr-code.png"
alt="Scan to visit our website"
width="200" height="200" />
<figcaption>Scan with your phone camera</figcaption>
</figure>
<!-- WordPress shortcode (add to functions.php for reusable QR) -->
function qr_code_shortcode($atts) {
$atts = shortcode_atts(['url' => '', 'size' => '200', 'alt' => 'QR Code'], $atts);
$src = esc_url($atts['url']);
$size = intval($atts['size']);
$alt = esc_attr($atts['alt']);
return '<img src="' . $src . '" width="' . $size . '" height="' . $size . '" alt="' . $alt . '" />';
}
add_shortcode('qrcode', 'qr_code_shortcode');
// Usage: [qrcode url="/wp-content/uploads/qr.png" size="150" alt="Scan me"]Ready to generate your WordPress QR code?
Free, no signup, no watermarks. Custom colors and logo supported.
Generate QR Code — FreeFrequently Asked Questions
Is there a WordPress plugin for QR codes?
Yes — plugins like 'QR Code Generator' exist, but QRCrack gives you better customization (colors, logos, SVG). Generate here, embed manually — no plugin bloat needed.
Can I use QR codes in WordPress blog posts?
Yes. Upload to Media Library and insert as an Image block in any post, page, or custom post type.
Can I use SVG QR codes in WordPress?
WordPress blocks SVG uploads by default for security. Use a plugin like 'Safe SVG' to enable SVG uploads, or convert to PNG.
How do I add a QR code to a WordPress widget?
Go to Appearance → Widgets → add an Image widget → select your QR code from the Media Library.