How To Add QR Code In WooCommerce Invoices

How To Add QR Code In WooCommerce Invoices

QR Codes are everywhere; they are today’s way of communication. If you run an online or eCommerce business, you may have dealt with a lot of purchases, invoices, labels, and other paperwork. That holds a lot of information!

You might be thinking or planning on incorporating a QR code into your invoices – and, may find plenty of suggestions on Google. But here, we recommend using the WooCommerce PDF invoices, packing slips, delivery notes, and shipping labels plugin from WebToffee. By default, WooCommerce does not support QR codes, but the QR code add-on of this plugin does.

In this article, we’ll explain how to add QR codes to your WooCommerce Invoices using this plugin add-on. Before we do that, let’s take a closer look at how helpful the addon will be.

Benefits of Using QR Code Add-on

The QR code add-on is simple to use. It is convenient to store all kinds of data.

Following are some of the benefits of using the QR Code add-on to WooCommerce PDF invoices, packing slips, delivery notes, and shipping labels Plugin:

  • You can retrieve the order number or invoice number by scanning the QR code on an invoice.
  • Printed and emailed attachments are both supported.
  • Additional details like the seller’s name, tax ID, invoice date, etc., can be viewed upon scanning the QR code.

At present, the add-on QR code for WooCommerce invoices will be supported only in the Free (v3.0.0) and Premium (v4.4.0) versions of the WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Labels plugin.

How to add QR Code in WooCommerce Invoices – Step-by-Step Method

If you are an existing user of the plugin WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Labels (both free or premium versions), you need to purchase, install, and activate the QR Code Add-on for WooCommerce PDF Invoices from Add New plugin section.

Before/After QR code Add-on

Before

before QR code

After

after QR code

You can add a QR code to your WooCommerce invoice generated by following the steps below.

Step 1: From the WordPress dashboard, click Invoice/Packing > Invoice

WordPress Dashboard

Step 2: Click on the last tab QR Code

QR code tab

Step 3: In “Create QR code for:” from the drop-down options, select what you want to display while scanning. There are three options:

  • Order number
  • Invoice number
  • Custom Details
options for QR code
  • If you select Order number, it will display the order number of the selected order while scanning the QR Code.
Order number option
order number in invoice
order number after QR code scan
  • If you select Invoice number, it will display the invoice number of the selected order while scanning the QR Code.
invoice number option
invoice number option
invoice number on scan QR code
  • If you select the “Custom details” option, you will be able to add or remove the details you wish to display during scanning.
custom details option
invoice custom details
custom details on scan QR code
custom details expanded

Step 4: Once you’ve made the changes you want, click Update Settings.

Only after adding a QR code to your invoice template will allow you see the changes reflected in your invoices.

Step 5: To add a QR code to your template, click the Invoice > Customize tab.

customize tab in invoice

Step 6: On the right-hand side of the Customize Tab, you have the option to add a Barcode in the initial use of the plugin. After activating the QR code add-on to this plugin, you can choose either Barcode or QR code.

Before adding a QR code add-on, only Barcode will be available for the users.

barcode option in customize tab

After adding a QR code add-on, users have the option to choose Barcode or QR code.

after QR code addon showing both barcode and QR code

Arrange the QR code and click on the Save button.

When Using WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Labels Premium Version

If you’re using the Pro version of the WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Labels plugin. Follow the instructions below to add a QR code in Customize Tab.

Step 1: To add a QR code to your template, click the Invoice > Customize tab as same as the free version.

Step 2: On the right-hand side, click on the option Assets

assets tab in pro version

Step 3: From the list of Assets, Click Other, and a dropdown menu will appear

other from asset tab
QR code from Asset tab

Step 4: Select the QR code and drag it to the space you want it to appear on the invoice.

Arrange the QR code and click on the Save button.

Wrapping up

With a QR code add-on, you can easily generate and add a QR code to the WooCommerce invoice. When a QR code is attached to the WooCommerce invoice, you can make it quick and easy for your customers to fetch the complete details of the selected order.