How to Add a QR Code to WordPress
Whether you're running a blog, a business site, or a WooCommerce store, a QR code gives visitors an instant offline-to-online bridge. You don't need a plugin — just generate your QR code, upload the PNG to the WordPress Media Library, and drop it anywhere with the Gutenberg Image block.
Step-by-step: adding a QR code to WordPress
Common questions
What is the best WordPress block for displaying a QR code?
The built-in Image block in Gutenberg is the simplest and most reliable option. For more layout control, try the Media & Text block (which pairs the QR code with a paragraph) or a Column block to position it beside other content.
Should I use a QR code plugin for WordPress, or just upload an image?
For most use cases, uploading an externally generated QR code PNG is simpler and faster than installing a plugin. Plugins are useful if you need to generate many QR codes dynamically (e.g., one per WooCommerce product) or want analytics built into WordPress. For one-off or occasional QR codes, the image upload method is perfectly sufficient.
Can I add a QR code to a WordPress widget or sidebar?
Yes. Go to Appearance → Widgets, add an Image widget to your sidebar or footer widget area, and upload or select your QR code from the Media Library. In block-based themes, use the Site Editor and insert an Image block in any widget area.
Will the QR code slow down my WordPress site?
A properly sized PNG QR code (typically 10–50 KB) has a negligible effect on page load time. WordPress automatically generates multiple image sizes, and you can serve the smallest appropriate version. If performance is critical, use a CDN or enable lazy loading (which WordPress does by default since version 5.5).