How to Create a QR Code With Supercode's QR Code Generator: A Detailed Guide

May 31, 2021
man and woman sitting in front of computer with how to create qr code screen
Overview
Close

There are many different QR code categories and types so it is important to know what kind of code one should choose for different uses. It isn't complicated to decide on and since QR codes are so versatile and many are editable, it will only take a few minutes to create and design the perfect code.

Creating a QR code is easy and just takes a few minutes but if you want a more in-depth view of how it works with design tools, then this guide is for you. Also, please download our free 50 Dos and Don'ts Guide for some thoughtful details on design, marketing, placement, and more.

WhatsApp QR Code

What is a WhatsApp QR code?

A WhatsApp QR code will open WhatsApp on phones when scanned so that customers from all over the world can message you with the ease and convenience of not having a local number, or for locals that use the service on WiFi without using phone data with SMS text messaging.

What to use WhatsApp QR codes for:

WhatsApp codes are great for any business that encourages their customers to connect with them through a personal communication channel. Some of the great use examples could be but aren't limited to:

Is a WhatsApp QR code the right option for you?

Take a look at our checklist to make sure that generating a WhatsApp QR code is the best option for how you enable others to connect with you. If you answer YES to all of the following questions then you should continue creating a WhatsApp QR code:

  1. Do you want to enable customers to reach out directly to your WhatsApp phone number?
  2. Are you prepared to answer texts and calls from clients using the internet-based service?
  3. Is it important to you that customers are able to start a two-way conversation with you?
  4. Can your team support using WhatsApp for the purpose you want it to fulfill?
  5. Will adding a WhatsApp QR code to your campaigns be more convenient for customers and useful for staff?

If you answered NO to any of the questions above, you may consider choosing a different type of QR code to enable others to reach out to you as there are many different options for how you could start two-way conversations with them.

Step-by-step guide to creating a WhatsApp QR code:

1. Log in to Supercode

create a new qr code for whatsapp
Image Source: Supercode QR Code Generator

In the Supercode dashboard click, " + Create a new code".

2. Choose the type

create a new qr code screen
Image Source: Supercode QR Code Generator

Choose WhatsApp from the dashboard and then click, "Next".

3. Create the code 

create whatsapp qr code
Image Source: Supercode QR Code Generator

In this scenario, we're going to create a WhatsApp QR code for our restaurant so people can make reservations and anything else they decide to reach out for. When adding the recipient phone number, add a + sign at the beginning and do not leave spaces in between the numbers. Add some predefined text that customers can edit later on, then name your code and put it in a folder of your choice. Since these codes are dynamic you can modify the content at any time. Now click, "Next".

4. Modify the design

modify qr code design screen in qr code generator
Image Source: Supercode QR Code Generator

Now we are in the design tool. Under the "code" toggle you can add customizable colors or use a pick color dropper from an outside extension to grab branded colors from your company's website to design your code. We've just personalized colors here for a fictitious cafe. Use the basic edge feature to make three alike edges or use the advanced feature to make three different edges. Please use contrasting colors so the code scans well. When you're finished click the "frame" toggle directly to design the next part. Don't click Save until you're finished with the three toggles. If you do it will take you to the Supercode dashboard as finished but you can always modify the design later if you accidentally click Save.

modify whatsapp qr code frame design
Image Source: Supercode QR Code Generator

In the frame toggle choose a shape and color as well as a written message to tell people why they should scan your code. Now click, "Logo".

modify whatsapp design qr code
Image Source: Supercode QR Code Generator

In the last toggle we have chosen to upload a WhatsApp logo so people are inspired to scan and text us there. You can also add a company logo for brand recognition since your message already states this is a WhatsApp code. Or choose an emoji or leave blank if you prefer. When you're done with your design click, "Save" and you will arrive back in the Supercode dashboard.

5. Download 

download qr code screen
Image Source: Supercode QR Code Generator

Download your code in SVG, PNG, or JPEG formats. Please test your code before printing on materials.

whatsapp qr code pink and purple
Image Source: Supercode QR Code Generator

Here's our final code and when scanned by iPhone will route directly to the WhatsApp mobile app. Happy scanning!

Video tutorial of creating a QR code for WhatsApp:

Watch as we show you how to create another QR code for WhatsApp in this video tutorial:

Image QR Code

What is an image QR code?

An image QR code is a dynamic code that when scanned will display a palette with images, a button that links to an external URL source, and a web address all in one place. The code is editable since it's dynamic meaning you can change where you want the button to route to, update your web address, or even just swap out your images to show your latest work. 

What to use image QR codes for:

Image QR codes are amazing for getting something extra out of a QR code. Display images of your work like a photo gallery and inspire customers to request a demo, book an appointment, connect with you, make a purchase from a m-commerce store, or more, with a customizable button addition to the palette that appears when the QR code is scanned. With an additional link to your website, your audience has the choice of seeing more of your products and services. These codes are fantastic for but not limited to:

  • Architecture firms to show off your latest projects
  • Construction companies in inspire people to ask for a quote
  • Remodeling services to display what you can do
  • Artists to encourage people to come to your next event
  • Real estate agencies to show people the latest properties
  • Hotels, resorts, and spas to attract guests and clients to book in advance

Is an image QR code the right option or you?

Take a look at our checklist to make sure that generating an image QR code is the best option for what you want to share. If you answer YES to all of the following questions then you should continue to generate an image QR code:

  1. Are you interested in sharing one or more images about your work before clients click on your landing page?
  2. Do you have image content that would entice customers to book an appointment or purchase from you from your landing pages?
  3. Are images an important part of the appeal to the nature of your industry?

If you answered NO to any of the questions above, you may consider choosing a different type of QR code to share your information as there are many different options for how you could display your content rather than with images

Step-by-step guide to creating an image QR code:

1. Log in to Supercode

create a qr code
Image Source: Supercode QR Code Generator

In the Supercode dashboard click, " + Create a new code".

2. Choose the type

create a new qr code
Image Source: Supercode QR Code Generator

Choose "Images" and click, "Next".

3. Create the code

edit the qr code screen
Image Source: Supercode QR Code Generator

In this scenario, we want to make an image QR code for the website of Superforce. Here we'll enter the content in regards to the corresponding red numbers above:

  1. The basic information like company name, description, website, and where the button is we'll encourage the audience to ask for a demo there with a link to that page specifically. The website link and button link can both be clicked from the palette.
  2. We have uploaded some images from Superforce's website here to get people excited about checking out our site. 
  3. With a pick color dropper we've added a palette color that's branded from Superforce's website. Or you can add a customizable color here just like you can with the QR code design tool.
  4. This is what our palette looks like as a result of steps 1-3 in this section. Click page to see the palette and QR code to see the QR code, which we will design in the next section.

Now click, "Save" to reach the QR code design tool. 

4. Modify the design

modify the qr code screen
Image Source: Supercode QR Code Generator

Now that we're in the QR code design tool we have again used a pick tool to use contrasting and branded colors from Superforce's website. Choose basic edges to make them all alike or advanced to make three different edge designs. Click the "frame" toggle after you're done with this section.

modify the qr code frame
Image Source: Supercode QR Code Generator

Choose from three types of frames and write a call to action so customers know why they should scan. When you're finished click the "logo" toggle.

modify qr code design
Image Source: Supercode QR Code Generator

Here you can upload your logo where the + sign is or you can choose an emoji or leave it blank. When you're done click, "Save".

5. Download 

qr codes on dashboard
Image Source: Supercode QR Code Generator

Now we're back in the Supercode dashboard. Download your code from here and please test before printing on materials. 

blue and green qr code for images
Image Source: Supercode QR Code Generator

Here's our finished QR code! When scanned it will download the palette with images and the links straight to mobile phones. Happy scanning!

Video tutorial of creating a QR code with images:

Watch as we show you how to create another QR code with an image gallery in this video tutorial:

PDF QR Code

What is a PDF QR code?

A PDF QR code is a dynamic code that can share any PDF under 20MB with your audience. The code is editable so you can upload a different document or modify the code without printing a new physical code if you have to. It's the fastest way to share any valuable PDF content with an audience immediately so they can store it in their mobile phones without having to search online and download the PDF from the website later.

pdf qr code chart for features and outcomes

What to use PDF QR codes for:

PDF QR codes make life more convenient for many reasons, especially storing long documents with information in mobile phones so that printed paper and large amounts of ink aren't wasted. Many of the advantages uses are below but not limited to:

Is a PDF QR code the right option for you?

Review our checklist to make sure that generating a PDF QR code is the best option for what you want to share. If you answer YES to all of the following questions then you should continue with generating a PDF QR code:

  1. Do you want to share a lot of information in a single scan that would be of use to customers or colleagues?
  2. Do you want to enable your audience to be able to store valuable content in their mobile phones that they can refer to at a future time?
  3. Is offering a QR code for a downloadable versus lengthy print-outs the best option for the information being shared?

If you answered NO to any of the questions above, you may consider choosing a different type of QR code to share the information since there are many different options for how you could send or display your content.

Step-by-step guide to creating a PDF QR code:

1. Log in to Supercode

create a new qr code screen supercode
Image source: Supercode QR Code Generator

In the Supercode dashboard click, " + Create a new code".

2. Choose the type

make a pdf qr code screen in supercode
Image source: Supercode QR Code Generator

Choose "PDF" and click, "Next".

3. Create the code

edit pdf qr code screen
Image source: Supercode QR Code Generator

In this scenario, we want to share Supercode's 50 Dos and Don'ts for Using QR Codes as a Part of Your Marketing Campaign with our Supercode audience. Here you will enter the content of your QR code according to the corresponding red numbers above:

  1. Enter the basic information including: company name, headline (title of the PDF), a description of the PDF, and the company's website.
  2. Upload the PDF from your computer.
  3. Choose a preview image and upload after the PDF is uploaded.
  4. Choose your color palette. Here we've chosen branded colors with an external pick tool from Supercode's website.
  5. Write your external notes with the name of your code and choose a folder, both for your personal organization.
  6. Preview what the "page" will look like when your audience scans the QR code. The view PDF button shown will download the PDF to their mobile phones.

When you're finished uploading and typing in the content click, "Next". You can modify the content or upload a different or modified document or image at any time because it's a dynamic code.

4. Modify the design

modify pdf qr code screen
Image source: Supercode QR Code Generator

Under the "code" toggle you can add branded or customized colors to your QR code to make it stand out and inspire your audience to scan. We've used an external pick color tool and taken colors from the Supercode website to be consistent with our branded colors. Make sure that you use contrasting colors so the code scans well.

Under the edges section you have the option to make all three edges the same with the basic toggle or make three different edges with the advanced toggle. Both offer the same color and shape options.

When you're finished click the "frame" toggle at the top, not Save as that will take you out of the design tool and back to the Supercode dashboard. If you do click Save you can always come back and modify the design.

modify pdf qr code design
Image source: Supercode QR Code Generator

Now that we're in the "frame" toggle we've chosen another color from Supercode's website and have added a message telling our audience that when they scan they're going to receive Supercode's PDF. You can choose from three frame options or opt out of having a frame. It is always beneficial to tell people why they should scan. Next, move on to the "logo" toggle.

modify logo pdf qr code
Image source: Supercode QR Code Generator

Now that we're in the "logo" toggle we can upload Supercode's logo or simply choose to not have one. Logos are great for brand recognition.

You can upload your logo where the + sign is or add an emoji if you choose. When you are finished click, "Save" and you will return to the Supercode dashboard.

5. Download 

download pdf qr code from dashboard
Image source: Supercode QR Code Generator

Now we're back in the Supercode dashboard and we can download our code in the dropdown where you see the red arrow in SVG, JPEG, or PNG formats. Test the code before printing on materials.

pdf qr code supercode tips
Image source: Supercode QR Code Generator

Here's our finished QR code! When scanned it will download the PDF straight to mobile phones. Happy scanning!

Video tutorial of creating a QR code for PDFs:

Watch as we show you how to create another QR code for a PDF in this video tutorial:

Email QR Code

What is an email QR code?

An email QR code is a static code that makes it easier for your customer to contact you. Since the code is static it cannot be edited after it has been made. You can place your email address, subject line, and an intro in the body if you want. Customers can edit the body of the email from there to ask specific questions or leave necessary comments. The QR code will display the email address on the user's screen and give them the option to email from there, save the email address in their contacts, or share the email address with someone else.

Email QR codes also reduce human errors. Typing an email manually can contribute to misspelling it. The email QR code option adds accuracy, convenience, and speed if customers need to contact you right away. Additionally, QR codes with less information will load faster so it isn't necessary to have a lot of prewritten text in the body. The customer can specify their needs later in their email.

email qr code features chart

What to use an email QR code for:

These codes can be used for a wide array of reasons and in any industry. Below we are sharing with you a few of the fantastic ways that this can improve your customers' experience:

  • Put email QR codes on the way out of restaurants and shops if management wants to receive comments or complaints in real-time. Sometimes people prefer writing a request instead of speaking with management directly, or if they are not available at the moment.
  • Use these at gyms on promotional materials or at the front desk so people feel comfortable asking questions about memberships before feeling pressured by sales. 
  • Add email QR codes for service repairs and warranties to electronics and appliances to request a service person to come out or order a part.
  • For products and services that come in packages, like season tickets for your favorite team, spa services you receive monthly, or vacation packages, print an email QR code on your brochures and flyers so people can scan and send questions without any typos.
  • On spa service brochures to book appointments like massages, manicures, facials, and hairstylists.

Is an email QR code the right option for you?

Here is a quick checklist to see if the email QR code is right for your needs. If you answer YES to the questions below, an email QR code is a great option for you.

  1. Do you want customers to be able to email you within seconds, giving you immediate access to their needs?
  2. Would you like customers to be able to quickly save and share your email address for future correspondence?
  3. Are properly spelled, prewritten messages that are convenient for customers, important to your type of business?

If you answered NO to any of the questions then choosing another QR code could be a better fit for your use. We have options to suit any need.

Step-by-step guide to creating an email QR code:

1. Log in to Supercode

supercode dashboard
Image Source: Supercode QR Code Generator

Log in to your Supercode account and find "+ Create a new code". You can see all your previously made codes on your dashboard. It will be empty if this is your first code.

2. Choose the type

create new email qr code screen
Image Source: Supercode QR Code Generator

In this scenario, We want to share my email address with customers for contactless service and we don't want to have any misspelled words. Therefore we are choosing the "email" QR code type. Click, "Email," then, "Next."

3. Create the code

add content to create email qr code generator screen
Image Source: Supercode QR Code Generator
  1. Write in the email address where you want messages to go.
  2. This will be in the subject line of the email.
  3. This will end up in the body text of the email. Write the prewritten text here, which customers can change in the body of the email. 
  4. Please test the code now. You'll see black and white squares moving as you write because it's generating the code. Again, email QR codes are static so if you decide to modify the code later, you cannot. You can now in case there is a mistake. 
  5. Name your code. Customers won't see this as it's for your benefit in your dashboard.
  6. Place the code in a folder or make a new folder if this is your first code. You can always make folders later in the folders section of your dashboard and add the code then.

When you are happy with the code, click, "Next". We have tested the code by scanning it on a cell phone. QR code apps may look different but we will show you ours so you get the idea of what this code will produce:

email qr code result

When scanning with certain apps, you can see that you can send email directly, add the email address into your contacts which will input straight into your phone, or share the email with someone else. Or with other apps your email just opens directly. It auto-filled the email address, subject line, and editable body. This is how the result of your code should look when you test scan.

4. Modify the design

modify code email qr code screen
Image Source: Supercode QR Code Generator

There are three tabs labeled code, frame, and logo. Here we are on the code tab where we can choose Supercode's branded colors to make the perfect design. We've chosen the advanced edges option so I can make different shapes and colors on every corner.

modify frame email qr code screen
Image Source: Supercode QR Code Generator

In the frame tab, we have written a clear message that when you scan the QR code it will email Supercode.

modify logo email qr code screen
Image Source: Supercode QR Code Generator

In the third tab, we can place the logo, uploading from the + sign, an emoji, or nothing at all, and leave the code as it is. Uploading your logo contributes to brand awareness and recognition.

Do another test scan now to make sure your contrasting colors and edges here actually scan. Always have contrasting colors or similar colors on top of each other won't scan. For printing on windows, don't leave a clear background where things are moving.

5. Download 

download email qr code screen
Image Source: Supercode QR Code Generator

After clicking, "Next," the Supercode dashboard will show your generated code. You can modify the design at any time but not the code itself (the square pattern) because it's static. Here you can download in SVG, JPEG, and PNG formats.

blue email qr code with yellow frame
Image Source: Supercode QR Code Generator

Here is the final email QR code downloaded in PNG format. Happy scanning!

Video tutorial of creating a QR code for email:

Watch as we show you how to create another QR code for email in this video tutorial:

vCard QR Code

What is a vCard QR code?

A vCard QR coded, or virtual contact card, can easily be written into a QR code for effortless scanning and automatic input. Supercode vCard QR codes are static so they cannot be edited after, although you can change the design later if you want. These codes can store names, emails, phone numbers, web addresses, physical addresses, company names, and job titles. Input the information you want to share and leave out what you don't. It's that simple.

vcard qr code features chart

What to use a vCard QR code for:

vCard QR codes are fantastic for digital and physical business cards. Always test codes to make sure they are error-proof and their colors scan well. They add to brand recognition when coloring matches your branded colors. Here are some great ways to use this code:

  • Business cards
  • Brochures
  • Thank you cards after meetings
  • Stationery
  • Keep the QR code in your cell phone for contactless scanning

These work great for any industry for quick and accurate networking. Bring them to business lunches and sales calls as you would other cards that normally get lossed or accidentally tossed in the bin. Digital vCard QR codes have more staying power because you can ask the other person to scan it with their cell phones. If you want that customer to stay in touch with you specifically, then a vCard QR code will set you apart from the rest. Great for but not limited to:

Anyone can take advantage of this great QR code on their business cards and materials. Do be creative and make it fun and professional!

Is a vCard QR code the right option for you?

Here's a quick checklist to see if the vCard QR code is the right way to go for you. If you answer YES to the questions below, then it's a great option!

  1. Do you want to share your contact information in seconds with your customers so it stores on their phones immediately?
  2. Do you want to keep a QR code in your phone with your contact information in it so people can scan when you've run out of business cards or just for a memorable sales experience?
  3. Would you rather carry a digital business card instead of physical cards and materials for a more sustainable option?

If you have answered NO to any of the questions, we have plenty of other QR codes you can weigh the benefits of using for your needs.

Step-by-step guide to creating a vCard QR code:

1. Log in to Supercode

supercode dashboard with colorful qr codes
Image Source: Supercode QR Code Generator

Log in to your Supercode dashboard and click, " + Create a new code". If this is your first code your dashboard will be empty. 

2. Choose the type

create new vcard qr code screen
Image Source: Supercode QR Code Generator

In this scenario, we want to put someone's contact information on their business cards so that it auto-fills into the customers' and colleagues' contact input fields immediately. We're choosing the vCard option where you see the red arrow. Then click, "Next".

3. Create the code

add content to vcard qr code
Image Source: Supercode QR Code Generator

Here we have made a vCard QR code for fictitious employee contact information. You can input whatever information you want to share into any of the fields. Leave fields blank if you choose to. This is where you will test the code on the side when you finish inputting information. Do make sure all is error-free in your cell phone before clicking, "Next" and especially before printing the code on promotional materials. This is a static code and cannot be modified after clicking, "Next" so any modifications can be made while you are still on this page. If you test and there is an error, you can change it now. Test your code for typos now.

4. Modify the design

modify vcard qr code screen
Image Source: Supercode QR Code Generator

There are three tabs that will let you modify the design of the code, frame, and logo. On the first "code" tab, we used Truligent's branded colors with the advanced edges option so we could make a nice teardrop design pointed out to every corner. This would look lovely printed on a business card. Do use your branded colors with a pick color extension to make sure they will truly match the business card or other promotional materials you will print your QR code on. Additionally, have a sample business card printed before 1000 of them, to get the true effect of what they will look like and how they will scan.

When toggling between the three tabs please just click another tab. Don't hit, "Save" until you are completely done or it'll take you back to the dashboard. In that case you can still modify your design by clicking back into "Modify". 

Important suggestion: the edges and colors must have contrast. Here, we added our branded grey color in the edges and did another test scan. It wouldn't scan! In tab three below, you can see where we have gone back to add white in my edges and it scanned. It takes seconds to do a test scan and doing two of them - one after making the code itself for typos, and one after adding colors for contrast will save you time, money and energy after printing thousands of marketing materials afterward.

modify vcard qr code frame screen
Image Source: Supercode QR Code Generator

Now we're in the second tab to edit the frame. This is where you can place a call-to-action such as, "Scan for contact info". We have chosen to leave out a frame as we will make that clear on the business card afterward. You do what is best for you in regards to design on your QR codes and materials, as long as people aren't scanning mystery codes.

modify vcard qr code logo screen
Image Source: Supercode QR Code Generator

In the third tab, you may add your logo with the + option and download it there. We chose not to put a logo as it will be displayed on my business cards anyways. Emojis are also a fun option but for making a business card, we preferred a more simple and professional look.

Scan your code now to test color contrast.

5. Download

supercode dashboard download vcard qr code
Image Source: Supercode QR Code Generator

After clicking, "Next" in the design tool, my final code is here in my dashboard and I can choose SVG, JPEG, and PNG formats to download my code. 

navy blue vcard qr code
Image Source: Supercode QR Code Generator

Here is the final, downloaded vCard QR code. Happy scanning!

Video tutorial of creating a QR code for vCards:

Watch as we show you how to create another QR code for vCards in this video tutorial:

SMS QR Code

What is an SMS QR code?

An SMS QR code allows the scanner to send a text message to a certain phone number with a prewritten message. It requires no internet connection as it opens up the phone's SMS app immediately to text the other party by phone. This is a static QR code so it cannot be modified after it is generated. Since the phone number is automatically provided, it leaves no room for human error as long as the person generating the QR code inputs it properly.

sms qr code features chart

What to use an SMS QR code for:

SMS QR codes are great for situations where you want to communicate by common text messaging with customers and colleagues. 

These codes are great for but not limited to:

  • Scanning to automatically register a product like an appliance with a warranty
  • Texting feedback if businesses forgo a feedback QR code
  • Event registration and information
  • Comments, complaints, and customer service
  • Restaurant reservations

Is an SMS QR code the right option for you?

If you can answer YES to the following questions then the SMS QR code is right for you:

  1. Do you want to share your phone number with customers and colleagues?
  2. Do you want to receive text messages as a form of communication for your specific need?
  3. Do you wish to have possible two-way communication through common text messaging?

If you answered NO to any of the questions then we have plenty of other QR codes to suit your needs.

Step-by-step guide to creating an SMS QR code:

1. Log in to Supercode

create a new qr code dashboard
Image Source: Supercode QR Code Generator

Once in your Supercode dashboard, click, " + Create a new code". If this is your first code your dashboard will be empty. 

2. Choose the type

create new sms qr code generator screen
Image Source: Supercode QR Code Generator

In this scenario, we want people to RSVP to our event. We're choosing the SMS option then clicking, "Next".

3. Create the code

sms qr code add content screen
Image Source: Supercode QR Code Generator

First, fill in the phone number where you want to receive messages. Then, fill in the prewritten text. This is much like the email QR code where the message can be edited in the body of the text by the person who scans. We chose to write, "RSVP: Yes I am coming to the event on Friday the 16th." People can also edit to say no in their SMS app, or it's more likely strangers won't respond to say no if they aren't coming. Then, we labeled the code for my own organization and added it to my folder. If this is your first code, you can create a folder later in the Supercode dashboard or add one here.

Test the code before clicking, "Next" to make sure there are no errors in phone numbers or typos in wording. After you click, "Next" you can't modify the code itself as it's static. 

sms qr code result

When scanning the QR code, it will open up to the SMS and have prewritten text to send to the company directly. Some scanning apps will also give you the option of sharing the number first. Now we automatically have their contact number and we can participate in a two-way correspondence if necessary.

4. Modify the design

modify code sms qr code generator screen
Image Source: Supercode QR Code Generator

On the next screen, you'll reach the design tool. There are three tabs at the top: code, frame, and logo. Toggle between the three directly instead of clicking, Next, which will take you out of the design tool. In the code tab, make sure you have contrasting colors, even on edges that will scan well. Also, we recommend using your branded colors to draw brand awareness and recognition to your company.

modify qr code frame
Image Source: Supercode QR Code Generator

In the next tab, you will reach the frame design tool. This is where you can choose a frame or opt out of one if you prefer. Note that QR codes should always have a clear message as to what people are scanning for. Here it's clear that we want you to RSVP to our event.

modify design logo sms qr code generator screen
Image Source: Supercode QR Code Generator

In the third tab labeled, "Logo," we can add the company logo which is recommended for brand recognition or, we can add a fun emoji. You can also leave this section alone if you just want to continue with the same design you've already made. 

Please test your code again now to make sure the colors contrast and it can scan. We also recommend testing when you print a marketing material sample to make sure it scans well on that surface, before printing a thousand materials.

When you are finished, click, "Save".

5. Download

supercode download rsvp qr code screen
Image Source: Supercode QR Code Generator

Now, download the code in SVG, PNG, or JPEG formats.

pink rsvp sms qr code with turquoise frame
Image Source: Supercode QR Code Generator

Here is the final QR code. Happy scanning!

Video tutorial of creating a QR code for SMS:

Watch as we show you how to create another QR code for SMS in this video tutorial:

URL QR Code

What is a URL QR code? 

A URL QR code is a QR code that routes the person who scans straight to a URL address instead of typing in the address by hand into their browser. It is convenient to share your business web address instead of customers trying to search you online and possibly clicking on a competitor's site. It's also great in case customers and colleagues write a typo trying to find you online. 

URL QR codes can be made in dynamic or static ways. The dynamic option allows for QR code tracking which could be important for you if you would like to see on the Supercode dashboard how much traffic flowed to your website from the URL QR code.

url qr code chart

What to use a URL QR code for:

Use these codes to print on business cards and postcards to show off your best work on your website! Bring one-dimensional advertising to life and print these codes on flyers, billboards, displays, tickets, you name it, for an interactive experience that classic advertising can't achieve. Moreover, make a dynamic URL QR code to track scans from what cities and devices in real-time so you can measure the success of your digital campaigns like never before. One can use a URL QR code for just about anything: 

  • Sharing AR and VR experiences
  • Videos
  • Online PDFs (or use a PDF QR code)
  • Social media sites (although we have another code for that too)
  • Art gallery sites
  • Music downloads
  • M-commerce stores so when someone sees an item they like on an advertisement they can go straight to your store to purchase
  • Shop windows like hair stylists' so users can scan the QR code to book an appointment straight from your website after hours

Is a URL QR code the right option for you?

This is a quick checklist to see if the URL QR code is a good option for your needs. If you answer YES to everything then this is the perfect code for you.

  1. Do you have an online presence you would like to share with customers and colleagues?
  2. Is having a URL QR code convenient for your staff and customers for contactless service?
  3. Would it make your company more sustainable to print QR codes in your establishment and on adverts to avoid printing more paper and ink materials?
  4. Is this easier than making a social media QR code for you if you're interested in connecting accounts directly?

If you have answered NO to any of the questions above, we have many other useful QR codes for you to try!

Step-by-step guide to creating a URL QR code:

1. Log in to Supercode

supercode dashboard with colorful qr codes
Image Source: Supercode QR Code Generator

Log in and you'll find your dashboard empty if it's your first code. Click, " + Create a new code".

2. Choose the type

create new url qr code screen
Image Source: Supercode QR Code Generator

In this scenario, we want to make a dynamic URL QR code for Supercode's website. Dynamic and static codes both enter here and you can choose static or dynamic when you create the code. Click "URL" then click, "Next".

3. Create the code

create url qr code screen
Image Source: Supercode QR Code Generator

Here you can enter your web address and choose static or dynamic where the red arrow is. We are choosing dynamic because we want to track the analytics in the Supercode dashboard. We've named the code "Supercode Website" and placed it in the "Content Marketing" folder for our personal organization. You can create new folders in the dashboard in the folders tab or add your code to existing folders here if you already have some. With dynamic codes, you will wait until you modify and download to test the code. If there's an error you can modify dynamic codes later.

4. Modify the design

modify url code qr code generator screen
Image Source: Supercode QR Code Generator

There are three tabs to design your code: code, frame, and logo. Toggle between them directly and don't click, Next until you're finished. In the code section, we chose the Supercode branded colors to lead to the Supercode website. Do this for brand awareness and recognition.

modify frame url qr code screen
Image Source: Supercode QR Code Generator

The next section is for the frame where you want to type what the user should expect when scanning the code. It's very clear that when you scan the code, it's to the Supercode website. You can also change the size of the message if it's too big. Leave it as simple as possible.

modify design url logo screen
Image Source: Supercode QR Code Generator

Thirdly, we are in the logo section. Here you can upload your logo where you see the + sign, or you can choose an emoji. We are leaving this one blank because when we print it on Supercode materials it is clear it belongs to us. If you want to increase brand awareness and you want your code to stand out as yours alone, we suggest you add your logo.

5. Download

supercode dashboard with many colorful qr codes
Image Source: Supercode QR Code Generator

Now, download your code from the Supercode dashboard in PNG, SVG, or JPEG format. Test your code after.

blue website url qr code
Image Source: Supercode QR Code Generator

This is the final Supercode website QR code. Happy scanning!

Video tutorial of creating a QR code for URLs:

Watch as we show you how to create another QR code for URLs in this video tutorial:

Feedback QR Code

What is a feedback QR code?

A feedback QR code allows customers to give feedback on products and services through a customizable form by the business. Supercode offers prewritten questions or companies can make their own. This is a dynamic QR code so one can see the feedback given in real-time on the analytics dashboard, with the device scanned and at what location they were when scanned. The form is a star rating system with optional comments and contact information for taking action to improve your business for the customer experience and following up with them if they want. 

Feedback QR codes can directly do the following functions which lead to achieving the corresponding results:

feddback qr code features

What to use a feedback QR code for:

Use feedback QR codes whenever you're interested in improving your business and the customer experience! Printing the code in a place where people are sure to see it and scan is important like receipts and packaging so shoppers can scan after purchases. It's also great to try offering an incentive like a free fountain drink with the customers' next meal if they scan and send feedback before they leave a restaurant for example. 

Some great industries to use them in are, (and not limited to):

  • Restaurants and cafes
  • Boutiques 
  • Events like pre-registered annual conferences
  • Hotel and resort stays
  • Spa services like massages, facials, manicures, and more
  • Hair salons
  • Tattoo and tattoo removal studios
  • Repair services such as for appliances, computers, and auto mechanics

Is a feedback QR code the right option for you?

Here's an easy checklist with a few questions to see if this is a convenient option for you. If you answer YES to all of the questions below then the feedback QR code is a great choice!

  1. Are you interested in stepping up the customer experience?
  2. Do you want to improve your products and services?
  3. Would you like being able to communicate with your customers if there was a problem, or otherwise?
  4. Is increasing sales by responding and taking action important to you?
  5. Would you like to gain valuable feedback about your business by taking a few minutes to make the code?

If you have answered NO to any of the questions above, we have plenty of other QR code options that are right for you.

Step-by-step guide to creating a feedback QR code:

1. Log in to Supercode

create a new qr code
Image Source: Supercode QR Code Generator

After you log in you'll automatically be in the Supercode dashboard. Click, " + Create a new code".

2. Choose the type

create a new qr code for feedback
Image Source: Supercode QR Code Generator


We're choosing the feedback QR code because in this scenario, we want to make a QR code for getting feedback on restaurant items and services. Click, "Next".

3. Create the code

create qr content for feedback
Image Source: Supercode QR Code Generator


Now we're going to create the QR code itself. Where the red arrow is, we have chosen pink for the palette color, which is the main background color you'll see throughout the feedback inquiries. The red box on the left gives options for industries or you may add your own category where it says so, automatically. The red box on the right offers subcategories for your industry and can be moved up and down as you wish. You may add your own subcategories as well for customized inquiries.

4. Modify the design

create qr code modify design
Image Source: Supercode QR Code Generator

Here we've modified the design of the QR code itself with 3 different edges in the advanced toggle or you can make every edge the same in the basic toggle. There are 13 options of edge shapes and customizable colors for a branded look or for any look you choose. Where you see the red circle we're in the code section. Next, click on the "frame" section and you don't need to hit save yet.

modify frame feedback qr code
Image Source: Supercode QR Code Generator

Here we're in the second toggle to modify the frame. It's optional but we suggest adding a call-to-action message such as, "Give us feedback" to get customers scanning. You can also add an incentive like a discount or freebie in your establishment to get people to scan. Next, click the "logo" toggle

modify logo supercode qr code for feedback
Image Source: Supercode QR Code Generator


Modify the logo in the third toggle with your company's logo by uploading where you see the + sign in seconds. Or, add a provided emoji like we have done here. The logo too, is optional. 

palette color qr code
Image Source: Supercode QR Code Generator


In any of the toggles you can preview your code or palette by looking at the preview section on the right. Click, "Page" where you see the red arrow to view what the result will look like to customers.

5. Download

download feedback qr code
Image Source: Supercode QR Code Generator


Our code is now finished and we can download any of our previous codes in the dashboard. Clicking save in the last screen will automatically take you here. You can download from the drop down menu in SVG, PNG, and JPEG formats.

qr code for feedback
Image Source: Supercode QR Code Generator


Test the code before printing. Now your code is ready to be distributed to customers. You can check feedback and scans in the analytics dashboard in real-time. Happy scanning!

result of feedback qr code


The result of your code will have star ratings, optional comments and contact information so you can respond if necessary.

Video tutorial of creating a QR code for feedback:

Watch as we show you how to create another QR code for feedback in this video tutorial:

Social Media QR Code

What is a social media QR code?

A social media QR code is a dynamic code that generates a link to all of your social media platforms. You can choose to create a QR code for all of your social media links for organization and practicality, or individual QRs to each one. Scanning one QR code to all of your profiles is easier on the eyes of marketing materials unless you want to emphasize the code is only for Twitter, Instagram, LinkedIn, or Facebook to name a few. It is also more sustainable as the size of one QR code fits neatly onto any material, using less paper, ink, and eventually causing less waste.

social media qr code chart

What to use a social media QR code for:

Use social media QR codes wherever you want to have a two-way communication channel with customers. Gaining followers to show them your creative content in many different ways online is a great start to your ongoing relationship with them. Providing ways for customers to connect with you eventually improves your company rapport and builds consumer trust with your brand.

Displaying all of the options on one code is also convenient for social media followers to pick and choose what platforms they want to follow you on since some people do not use every platform. Moreover, some businesses don't use every platform as not all of them fit their niche so customers can see if you use Instagram but not Twitter, for instance. 

Some of the ways you can use social media QR codes to boost your brand awareness are listed here but definitely not limited to any industry or place to put them as long as they are visible and scannable by your audience:

  • On receipts, labels, and packaging of physical products and food in an endless number of industries
  • In public venues to keep up with events that are broadcasted on social media
  • For community organizations and city governments for tourism and events advertised on different social platforms
  • For hair salons, makeup artists, and spa services to get your brand recognized through followings and content shares
  • At educational institutions for club sign-ups and events 
  • At restaurants for specials and promotion adverts
  • At trade show booths, banners, and materials to continue building the relationship
  • At art galleries and music shows to share your life's work
  • At festivals on free merchandise

Is a social media QR code the right option for you?

Here's a quick checklist to make sure the social media QR code is the best for what you want to achieve. If you answer YES to all of the following questions then you know you are going for the right code:

  1. Do you share valuable content like advertising and promotional offers through social media that will increase brand awareness in your company?
  2. Is it one of your goals to increase social media engagement between your brand and your followers?
  3. Is two-way communication important through social media channels to be able to interact directly with customers?
  4. Is gaining followers important to you?

If you responded NO to any of the questions then please think about using another QR code type that will assist you in your marketing campaign.

Step-by-step guide to creating a social media QR code:

1. Log in to Supercode

supercode dashboard screen with purple and red qr code
Image Source: Supercode QR Code Generator

Log in to Supercode and in your dashboard click on " + Create a new code".

2. Choose the type

create new social media qr code generator screen
Image Source: Supercode QR Code Generator

In this case, we want to make a social media code for Supercode's social media accounts so we're choosing that option with the red arrow above and then click, "Next".

3. Create the code

add content to social media qr code generator screen
Image Source: Supercode QR Code Generator
  1. Label with a name and description.
  2. Choose all of the social media sites you want to include in the code. Write the URLs and the title so people can choose.
social media channels qr code generator
Image Source: Supercode QR Code Generator

Here is a close-up of all of the social media channels that are available. By clicking the three dots in the right corner, this dropdown will appear with more options.

  1. Add the customizable colors to the palette. This is not the code. We suggest your branded colors for recognition.
  2. Name your code and add it to a folder. The internal notes section is for your own organization and isn't seen by the person scanning the code. You can add a new folder if you don't have any already.

4. Modify the design

create qr code modify design screen
Image Source: Supercode QR Code Generator

There are three tabs at the top: code, frame, and logo. Toggle between them directly and don't click, Save until you are finished with the design. Here we are in the code tab. You can use a pick color extension for your branded colors and copy and paste the number/letter combinations into the color options for your brand recognition. Choose from different edge shapes and colors as well.

create qr code modify design screen frame
Image Source: Supercode QR Code Generator

In the frame tab, write a message to your customers like the one above, "Follow us on social media!" You can also adjust the size if it is too big. With a clear call-to-action, people will know what to expect when they scan.

create qr modify design screen with social media qr code
Image Source: Supercode QR Code Generator

The third tab is for uploading your logo in seconds in the design section. You can also elect to not add a logo or to choose an emoji. We'll add Supercode's logo here just to show what it looks like, but finally, we'll take it out just as a preference. When finished, click, "Save".

create qr code modify the design screen supercode
Image Source: Supercode QR Code Generator

Note that this code's design system also offers what the palette will look like in the preview, by switching to "Page" where the red arrow is.

5. Download 

supercode dashboard with blue green red purple qr codes
Image Source: Supercode QR Code Generator

When we clicked, "Save" we arrived here on the dashboard. Download from the dropdown menu in the following formats: SVG, PNG, and JPEG. Test the code now.

blue social media qr code with green frame
Image Source: Supercode QR Code Generator

Here is the final social media code in JPEG format. When scanned, it will direct to a URL with the palette featured above so people scanning can choose what sites they will follow. Happy scanning!

Video tutorial of creating a QR code for social media:

Watch how we show you how to make another QR code for social media in this video tutorial:

Bulk QR Code

What are bulk QR codes?

Bulk QR codes are a convenient way to print static or dynamic codes in large quantities. These QR codes are generated by uploading a spreadsheet file with the information to save time instead of entering information into each code that is created, manually. Scanned codes can be tracked making your campaigns measurable. The design tool is still available like with any other type of code to make sure you'll have an eye-catching QR code that people will be interested in scanning for a successful campaign.

bulk qr code features

What to use bulk QR codes for:

Supercode Bulk QR Code Generator can satisfy many uses for multiple or one-off scans depending on your need. Some of the best uses are below but not limited to:

  • Giving unique discounts like coupons with one-off scans
  • Registration for events
  • QR codes for entry verification on tickets to shows and sporting events
  • ID cards at schools and workplaces
  • Authenticity and traceability for products in the supply chain

Are bulk QR codes the right option for you?

See our checklist to ensure that generating QR codes in bulk is the best option for what you want to accomplish. If you answer YES to all of the following questions then you should continue with generating QR codes in bulk:

  1. Do you have more than one code you would like to make for a single batch?
  2. Do you want to save time by putting the information into a spreadsheet and uploading instead of manually creating every single code?
  3. Is having many separate and unique codes important for your purpose?

If you answered NO to any of the questions above, perhaps it would be better to choose a different type of QR code to enter one at a time, as there are many different options for achieving your goals.

Step-by-step guide to creating QR codes in bulk:

1. Log in to Supercode

create a new qr code
Image Source: Supercode QR Code Generator

In the Supercode dashboard, click, " + Create a new code."

2. Choose the type

choose bulk qr codes for url
Image Source: Supercode QR Code Generator

Choose "Bulk URL" and click, "Next".

3. Create the code

create bulk url qr codes
Image Source: Supercode QR Code Generator

First you will see an option to choose static, dynamic, or one-off codes in the drop-down. In this case, we want to create bulk QR codes for each of Supercode's different web pages so we're choosing, "Generate dynamic codes from file." 

We'll also save to a folder we already stored in Supercode. It's suggested to make a new folder now for your bulk campaign to put all of those codes in one folder. You can always rearrange them later but you would have to click, “Modify Content” in the dashboard of generated codes and add them to the folders one-by-one. So it's better if they are all added at once here for your convenience.

Next, click on the file example for the spreadsheet template. Enter the URL, Name, and Frame Text in the fields stated. Save your file as a CSV and upload it. Click, "Next". Your template should look like this below, before uploading or you will get an error message:

qr codes in bulk csv template

4. Modify the design

modify design of bulk qr codes
Image Source: Supercode QR Code Generator

Here we've used a color pick eyedropper extension to choose colors from the Supercode website to incorporate into our design. In the code toggle, choose from any of the attractive edges in the drop down. Basic makes the same edge three times and advanced allows the creator to choose three different edges. Customizable colors are possible with both options. Click the frame toggle directly when you are finished. Don't hit "Save" until the whole design is finished.

modify the frame of bulk qr codes
Image Source: Supercode QR Code Generator

Now, choose a frame. Again, we've used a color from Supercode's website to match our theme of website pages. Leave the custom text blank, as this is where the frame text will go from your CSV file for each code. Next, click on the logo toggle if you would like to add a logo or an emoji.

modify logo bulk qr code
Image Source: Supercode QR Code Generator

In the + sign you can upload your company's logo or add an emoji here. Click, "Save" when you are finished and you will arrive at Supercode's dashboard to see all of your QR codes in one place that you have just generated. 


5. Download  

Image Source: Supercode QR Code Generator

Here you will see all of the QR codes you have generated. If you want, it's possible to modify the designs of each code, if you care to have some with a more personalized look. It won't change the code itself, just the design. Now download your codes from the drop down menu one-by-one. Here we've changed the color of the blog code just to show off the variety of functions and modifications possible in the design tool.

supercode blog qr code
Image Source: Supercode QR Code Generator

 

supercode type qr code
Image Source: Supercode QR Code Generator

The type code stays as the original design. Now the codes are ready! Test them before printing on permanent materials. Happy scanning!

Video tutorial of generating QR codes in bulk:

Watch how we show you how to generate another set of QR codes in bulk in this video tutorial:

Plain Text QR Code 

What is a plain text QR code? 

You can call this static QR code a "text" or "plain text" QR code. (Not to be confused with SMS which are for text messaging). Plain text QR codes are the simplest codes out of all and are used for one purpose which is to display messages. Since the code is static, the message cannot be edited after it is created, thus it is often used for permanent messages or to share one-off pieces of information. The message can contain up to 300 characters with letters, symbols, numbers and the text immediately pops up on the top of the phone screen the second the QR code is scanned. Unlike other types of QR codes, these codes are not used to redirect customers to an external source, like a website, document, or video, so the message that the text QR code displays is the final step of the user journey for those who scan the code. Since this is the case, text QR codes do not require internet connection.

text qr code chart

Please note that because plain QR codes are not dynamic, it is not possible to track these codes and see the scanning statistics on the analytics dashboard. In case tracking your codes is an important part of your campaign, create a dynamic QR code. 

What to use a plain text QR code for:

Have you ever had the need to share a simple message with your customers? Did you have to write a quick message on paper, stick a note on the counter, or print a poster to put on the wall? With plain text QR codes, there is no longer a need for that. 

By simply making a text QR code, your business can share any messages with visitors and clients. These codes can be of any size as long as it is scannable, can be placed in any visible place, and are a great substitute for a printed text which often doesn’t add to the aesthetics of the business.

Use these for messages such as:

  • A WiFi password that customers can just scan so the information is easily copied and pasted into their phones for easy and error-proof sign-in
  • Restaurants and shops for discount codes or samples
  • Product IDs on electronics or appliances
  • A date for a scheduled event at a museum or school function

Be creative with your uses so people are compelled to scan.

Is a plain text QR code the right option for you? 

Here is a quick checklist for you to follow to see if you are going for the right code. If the answers to the following questions are YES, the plain text QR code will be great for achieving your goals.

  1. Do you wish to share a message with your customers? 
  2. Is the message going to stay permanent for the duration of you sharing the code?
  3. Do you need to redirect customers to a website or any other external source? 
  4. Do you need the code to collect contact details, ask for feedback, or connect with people? 
  5. Are you happy about those who scan the code seeing the message directly on the phone? (It will appear as a pop-up on top of the screen and will disappear once people read it.)

If you have answered NO to any of the statements, please consider a different QR type. Supercode offers various types of codes for different purposes so your options aren’t limited to the text QR code. 

Step-by-step guide to creating a text QR code:

To provide you with a visual guide of how to create a plain text QR code, we will create a code with a Wi-Fi password that can be used at a restaurant, cafe, office, gym, hotel lobby, and other premises, to name a few.

1. Log in to Supercode

create a new qr code dashboard
Image Source: Supercode QR Code Generator

Log in to your Supercode dashboard. If you have made codes in the past they will show up as they do here. If you have not, then you're starting off fresh and your dashboard will be empty. Click "+ Create a new code" in the upper right-hand corner.

2. Choose the type

create a new text qr code
Image Source: Supercode QR Code Generator


In this scenario, we want to share the WiFi password with customers for contactless service and we don't want to have any misspelled words. Therefore we are choosing the "text" QR code type. Click, "Text," then, "Next."

3. Create the code

text qr code add content screen
Image Source: Supercode QR Code Generator

As you enter the content, you can see the black and white squares changing shape and customizing your code. The design will come later. 

  1. We've added our WiFi password as "SupercodeSuccess2021!" next to the first arrow. 
  2. Under Internal Notes we named our code, "Supercode WiFi Password".
  3. We have saved the QR code in the "Supercode Saves the Day" folder. If you are a first-time user you will be able to create a folder in the folders tab at the top of the platform. 

Now you will click, "Next" to move on to the design.

Please test your code now to make sure it scans with no spelling errors before you make your eye-catching design. You will do a second test after to make sure your colors contrast and the code still scans. You can modify the design but not the code itself so you need to do two tests.

4. Modify the design

modify text qr code screen
Image Source: Supercode QR Code Generator


Now you will modify the design. The design of the QR code consists of three parts: the code itself, the frame and the logo. You can see the toggles at the top of the screen. Click each after modifying that section to get your full design effect. Don't click, "Next" until you are finished with all three toggles. You can always modify your design, just not the code itself.

First we're on the code tab. You will see here we made the edges dark blue on the inner corners and lavender on the outer corners, in squares, with the basic edge design choice. Basic will make all edges alike to save you time for a more uniform look. The advanced choice will allow you to make three different edges individually. We have used Supercode's branded colors for brand awareness and recognition. Always have contrasting colors because similar colors on top of each other won't scan.

This isn't complicated and it is easy to display your brand colors and logo with customizable hues, or in special colors for your campaign. This is the fun part and you don't have to be an artist or graphic designer to use this easy tool. 

modify frame text qr code screen
Image Source: Supercode QR Code Generator

Secondly, we will modify the QR code's design in the frame tab. This is where you write a message about why someone should scan. Ours clearly says that we're going to share the WiFi password, so users definitely have a reason to scan. You can also adjust the size of the message if it's too long. It should be short and to the point. 

modify logo wifi password text qr code screen
Image Source: Supercode QR Code Generator

Thirdly, click the logo tab. It is here you will add emojis or your brand logo. It only takes a couple of seconds to upload (select the + sign) and makes your company stand out. When you are finished, click, "Next".

Do another test scan now to make sure your contrasting colors and edges actually scan. 

5. Download

download wifi password text qr code screen
Image Source: Supercode QR Code Generator

The QR code will end up on your Supercode dashboard on the next screen. Where the red circle is, download your QR code from the drop-down menu in SVG, PNG, and JPEG formats. 

blue and lavender qr code with black frame
Image Source: Supercode QR Code Generator

This is the downloaded QR code in PNG format. Now we are done with making this code. Happy scanning!

Video tutorial of creating a QR code for plain text:

Watch as we show you how to create another QR code for plain text in this video tutorial:

Final thoughts:

It's simple to see the benefits of each code and how to create and design them for the best possible outcomes. Check out any of our free resources according to industry or materials in our solutions section for more great ideas and success stories!

Now that you have seen how easy it is to create the best QR code for your needs, dive in and give it a try for free. Supercode is the best QR code generator to get you going on your diverse digital marketing campaigns. For more ideas on how to use your codes, take advantage of our educational resources here.

Overview:

You might also like