How to display a QR code on your website

Once you’ve created your QR code with Qyrr, you may want to display it on your website. In this guide, we’ll show you two different methods for doing this.

Method 1: Display your QR code via a shortcode

If you’re using an older version of WordPress, or don’t use a block editor like Gutenburg, this method will work well for you.

  1. From your WordPress dashboard, go to Qyrr > All QR Codes and click to edit the QR code you want to display.
  2. Click on the QR code, and on the right-hand side in the Block tab, you’ll see a Copy Shortcode button in the Download section.
copy qr code shortcode
  1. Once clicked, you’ll be able to paste the shortcode into any page, post, or template on your WordPress site.

Method 2: Display your QR code via a block

This method is the most straightforward if you use a block editor on your pages and posts.

  1. From your WordPress dashboard, go straight to the page or post you want to add your QR code to.
  2. Click in the editing area and type ‘/QR Code Selector’.
  3. A block should appear called QR Code Selector. Click on this, and it will add a Qyrr QR code block.
qr code selector
  1. Once added, you’ll see a dropdown appear on the right. Here you can select which of your QR codes you’d like to display.
qr code in page
  1. Once you’re happy, make sure to Publish or Update, and your QR code will be displayed on your website.