Create your first QR-Code

Quickstart

After installing Qyrr go to Qyrr -> Add New. You will now see the editor that allows you to create and fully customize your QR Code:

Create your first QR-Code 1

Click on the default QR Code to get started. You will see a couple of sections on the right side of the editor that we will cover step by step in this tutorial. The sections are:

  • Source
  • General Settings
  • Logo or Label
  • Download
  • Bulk Generation
Create your first QR-Code 2

Source

First, you want to select the source of your QR-Code. This content gets returned once someone scans the QR Code with their camera or QR Code app.

You have several options here to select:

  • Page/Post
  • External URL
  • Text
  • E-Mail
  • Phone Number
  • SMS message
  • WhatsApp message
  • GEO Location
  • WiFi
  • vCard

Depending on your selection, you will notice that the content fields below will change automatically. For example, if you select “Text” you get a text area to add your content, but by selecting SMS, you will get a field for the phone number and a text area for your SMS text.

Dynamic QR Code

You will notice that once you select “Page/Post” or “External URL” you will see an additional option called “Dynamic QR-Code”. Activating it will allow you to change the URL later without modifying the QR Code itself. This comes in handy if you decide to change the URL later without generating new QR-Codes.

This also allows Qyrr to track the scans/clicks on that QR Code in Qyrr->All QR Codes.

Create your first QR-Code 3

General Settings

Right into the next section, you can configure the general design of your QR Code. Set the size of your QR Code, control background and text color, and set the quiet zone and error handling level.

You will notice that the QR Code on the left will automatically adapt as you change the settings to get a live preview of all modifications.

Create your first QR-Code 4

Logo or Label

Maybe you want to add your own logo or a custom text on top of your QR Code. Visit the next section called “Logo or Label”, and you will find all the necessary settings to do that: Upload a logo or add a custom label text, change the size and positioning of it, and more.

Small tip: If you want to use Google Fonts for the label, you must add your Google Fonts API key in Qyrr->Settings->General Settings.

Create your first QR-Code 5

Download

The last section will talk about is called “Download”. You can select the download format (SVG/PNG), directly download the generated image file and copy the shortcode to embed your shortcode on your website.

If you already use the Block Editor for your website, there is also a QR Code Selector Block to show your QR codes on your website, the QR Code shortcode is just an option for older websites.

Create your first QR-Code 6