But what you should know is that a custom-designed QR Code attracts 50%-200% more scans than a plain black-and-white one.
While a black-and-white QR Code is impersonal and generic, a custom QR Code differentiates itself to attract user attention.
This is particularly important if your use case of QR Codes is marketing. If your target audience is going to see your print creatives, then the QR Code should stand out as a call-to-action.
So what you need is a QR Code generator that allows you to customize your QR Codes to merge well with your brand graphics.
Here are the basic elements of a QR Code that can be designed:
Hence, you can:
1. Add your brand logo in the centre of your QR Code or as a background image
2. Edit the color of the eyes and data modules
3. Edit the pattern of the eyes and data modules
A. Types of QR Codes with a logo
QR Code designing capabilities differ across different QR Code generators. However, most of the QR Code designs fall under two major categories:
1. QR Code with image as a logo in the centre
You would’ve already seen QR Codes of this design—having a brand logo in the centre. It is the most popular QR Code design.
But will adding a logo not interfere with the scannability of your QR Code? Don’t worry. It won’t!
Though adding a logo requires a few data modules to be removed from the centre of the QR Code, it still remains scannable. How? This is because QR Codes have the property of error correction.
Error correction in a QR Code helps it remain scannable even if it is damaged or distorted by up to 30%.
The level of damage depends upon the level of error correction applied while creating the QR Code: L (7%), M (15%), H (25%), V (30%).
QR Code with text as the logo in centre
You can even add text as a logo to the centre of the QR Code just like adding an image as a logo.
The text can be a call-to-action (CTA) such as—Scan here, Scan to win, and Scan to RSVP.
This QR Code design option helps you tell your audience what to do or what to expect after scanning the QR Code. Hence, increases the chances of maximum people scanning your QR Code.
2. QR Code with image as its background
If you want the QR Code to be merged with your print media creatives, this design is what you need. Rather than adding image as a logo in the centre, you can add it as a background image of your QR Code.
Note that you cannot change the color of the QR Code with this design option. However, you can change the pattern of the QR Code eyes and data modules.
B. Choose a QR Code Generator with custom designing capabilities
You’ll find many online QR Code generators that claim to provide free QR Codes. But only a few provide high-quality custom designing capabilities.
You can see a detailed comparison of QR Code Generators here:
Since Scanova QR Code generator offers both QR Code designs, we will be using Scanova in our step-by-step guide.
C. How to make a custom QR Code
1. Go to Scanova QR Code Generator and click on Create QR Code
2. Select the QR Code category as per your need such as Website URL, Google Maps, Social Media, and Vcard Profile
For demo purposes, say you want to create a Website URL QR Code. So select Website URL QR Code from the list of QR Code categories.
3. Enter the URL of your website and click Continue
4. On the page that loads, name the QR Code and click Create QR Code
5. Next you’ll see the preview of the QR Code along with the Edit Design option. You can use it to customize your QR Code
Once you click on it, you will see two design options: Custom Logo and Custom Background.
i. To create a Custom QR Code design with Logo in the centre:
i. Click on the Customize Logo Design option on the ‘Choose Design Type’ window. This will take you to the designing tool where you can customize your QR Code by adding a logo, changing color, pattern, and background color
ii. At first, templates tab will open by-default
iii. You can go to the Logo tab where you’ll see two logo options:
- Add New Image as logo
Click this option to upload your logo image in PNG, JPG or JPEG format. The maximum size of the logo image to be uploaded here is 5 MB.
After uploading an image, you’ll see these design options:
-Size: It allows you to increase or decrease the size of your logo within the QR Code
-Remove Blocks Around Logo: If you turn it on, it will remove the data modules around your QR Code
- Add text as logo option
Click this option to add text as logo. Here you can change the text box size, change color and font of the text along with options such as bold and italics.
iv. In the Eyes tab, you can change the pattern and color of eyes of the QR Code. It even allows you to change the color of both outer and inner eyes separately
v. In the Data tab, you can change the pattern and color of data modules. You can also choose gradient to be added to your data modules
vi. In the Background tab, you can change the color of the background
Note: Make sure there is enough contrast between the QR Code and its background. It is essential for its scannability.
vii. In the Error Correction tab, you can select the level of error correction for your QR Code. Note that if you have added a logo, an appropriate level of error correction will be chosen automatically to ensure good scannability
6. Once you finalize the QR Code design, click Done Editing. Go ahead to Download your QR Code. A pop-up will appear prompting you to sign-up for a 14-day free trial. Note that you’ll need to sign-up to be able to download your QR Code image
7. Once you sign-up, proceed to Download your QR Code. You’ll be asked to specify the size and format of the QR Code image to be downloaded. Once you enter these details, click Export
Your QR Code will be downloaded. It is advisable that you download the image in vector format (SVG, EPS) if you want to add your QR Code in print material.
Always make sure that you scan the QR Code with a QR Code scanning application before printing it on your campaign material.
ii. To create QR Code design with Background Image
i. Say you want to create a QR Code with your logo or an image in the background. In that case, you’ll have to click on the Custom Background option from the Choose Design Type window
ii. You’ll be redirected to the designing tool page. In the Upload Image tab, click Upload New Image to add your image as background
Note the image can only be uploaded in PNG, JPEG, or JPG format.
You can resize and position your QR Code on the image as per your need.
iii. Click Preview to see the design of your QR Code image. Once you’re done positioning, click on Next
iv. Here, you will see design pattern options
In the Eye tab, you can change the pattern of eyes of the QR Code.
In the Data tab, you can change the pattern of data modules.
Note that you can not change the color of eyes or data in a Custom background QR Code design.
v. Once your QR Code design is ready, click on Done Editing. Next, click on Download. Note that you’ll need to sign-up for a 14-day free trial to be able to download your QR Code image
vi. Once you sign-up, you can download your QR Code image in PNG or JPEG format. This is because the image you uploaded was in PNG/JPEG format. Also, the size of the image downloaded will be equal to the size of the background image uploaded
Note that it is always better to create a dynamic QR Code. A dynamic QR Code is both editable and trackable. Hence, it will allow you to change the logo or background image of your QR Code whenever you want.
That’s all you need to know on how to make a custom QR Code. A custom QR Code attracts users to help you get the maximum number of scans.
If you still have any queries, feel free to ask them in the comments section below.