This website uses necessary cookies to ensure that our website is ideally usable. We do not use cookies that process personal data without your prior consent. Read our Cookie Policy Ok

How to create a designer QR Code with my logo?

How to create a designer QR Code with my logo?

When you have registered an account with us and created your first QR Code, you can now design the QR Codes how you like, save the design as template and re-use it for other QR Codes.

How to create a designer QR Code

Click on Design QR from the QR Code options menu

Head to your QR Code or Landing page section from your dashboard, click down the Options menu and select Design QR.

QR Code with option menu
Options selector for Designer QR Code

Select a design type 

Here you will be taken to a page with three options, basic, designer and transparent. Choose the Designer QR Code option to customise your QR Code as you like.

Select design type - Basic, Designer and Transparent
3 types of QR Code design: Basic, Designer and Transparent

Edit your Designer QR Code

Now you are taken to the design page where you have many options to choose from including colours, design, logo, frame, options and templates.

Designer QR Codes Settings
Designer QR Codes Settings

Choose the colors and background of your QR Code

You can choose the colours for the background of your QR Code and the foreground. It’s very important to use contrasting colours so the code is scannable and stands out too.

QR Code design color
Color Picker

Select Design Patterns

Once you’ve chosen the colours it’s now time to choose the design pattern. There are a number of patterns available for you to choose, not just for the code pattern but also for the marker boarder and marker centre (the markers are there to show you which way the QR Code should be oriented).

patterns and markers for qr code
Pattern and markers picker

Your next step is to decide if you wish to use a logo. The logo will sit in the middle of your design and can help indicate to the user where the QR Code is going to take them. You can choose one from our selection or pick your own.

You can upload your logo as a png or jpg file. However, we recommend the svg vector format. This ensures that the logo is sharp in every size and not pixelated.

A logo that is too small may not have the desired effect on your brand awareness with the person scanning the QR Code, but a logo that is too large will make the QR Code unreadable. You can also remove the background behind your logo so that the logo doesn't overlap with the pixels of the QR Code and looks nicer.

Logo uploaded and logo embedding
Logo upload and logo embedding

Select your frames and set a label

The next design element is the frame, which wraps around your QR Code. Often times the frame will help the QR Code to stand out even more and can include a call to action such as “Scan me” or “Download”. There are a few different frames to choose from, plus you can select the text’s size and font, as well as the frame’s colour.

Design QR Codes Frames
Frame and label selector

Set a size and an ECL (error correction level)

Once you have chosen all your design elements, under options you can choose the size and the precision. The standard settings of 600 and H-Best are recommended but this does vary depending on the type of QR Code you are creating. The size parameter is only taken into account when you download the QR Code in PNG format. Vector formats do not have a fixed size since the can be scaled to any size. The precision or error level correction parameter is set to the highest value, when you set a logo inside the QR Code. This ensures that the QR Code stays readable.

Error correction levels and size - Designer QR Codes
Size and Error Correction Level controls

Pick your templates

The final thing you will see on this page is a set of templates. If you’re struggling to make your design, or simply want one ready-made for you, we have a range of templates. These templates are especially great for social media QR Codes and have been coloured and designed for specific QR Codes such as Facebook, Snapchat, PayPal and PDF.

Designer QR Code Templates
Template selector for Designer QR Code
Our out-of-the-box templates are there to provide you with a creative solution that saves time and gives you ideas to create your own.

Download your QR Code

Now you have your final design chosen, all that’s left to do is download or save your template. You can download your QR Code as a PNG, SVG, PDF or EPS depending on if you want to print your QR Code or use it digitally. 

Download Designer QR Code
Download Designer QR Code and image format selector

Save your own template

You can save your current design QR Code as a template for future use on other QR Codes and Landing pages. Templates can be applied individually or to a folder/group of QR Codes.

Save as templae Designer QR Code
Save current design as template
Last update 1 month ago

Why my QR Code is not scanning?

The more designer elements you add to the QR Code, the more difficult it becomes to read. Remove or resize the logo and provide enough contrast.

Top