Home > Docs > WooCommerce PDF Invoices, Packing Slips and Credit Notes Plugin > Adding Barcode to WooCommerce Invoices and Other Document Types

Adding Barcode to WooCommerce Invoices and Other Document Types

Last updated on November 8, 2024

📌

Note: This article applies to the following document types:

  • Invoice
  • Packing Slip
  • Delivery Note
  • Shipping Label

The WebToffee’s WooCommerce PDF Invoices, Packing Slips, and Credit Notes plugin enables store owners to generate invoices, packing slips, and credit notes for their WooCommerce store. Additionally, the plugin offers the functionality of including barcodes in these documents. By default, the barcode displayed on invoices and other document types corresponds to the order’s invoice number.

Adding a barcode to the documents

Below are the detailed steps for adding a barcode to WooCommerce documents:

  1. From the WordPress dashboard, navigate to Invoice/Packing > Preferred document type(eg. invoice or packing slip).
  2. Under the Settings page, head to the “Customize” tab.
  3. Next, go to the “Editor pane” located on the right side of the “Customize” page. Here, you’ll find a list of all the elements present in the template.
Navigating to the Barcode element
Navigating to the Barcode element
  1. Scroll down and enable the “Barcode” element from the Editor pane. Use the toggle button next to the element to enable it.
Barcode enabled in invoice template
Barcode enabled in invoice template
  1. Click on “Save” to save the changes. If you have selected a new template, click on “Save and Activate” to save the changes and set it as the active template.

Scanning the barcode on the document will reveal the corresponding invoice number for the order.

The images below depict documents containing barcodes.