Enable barcodes for products

To have barcodes or QR codes for your products, just go to YITH > Barcodes > Product Barcodes and start configuring the options available in this tab.

  • Generate and apply barcodes to products: enable this option to enable barcodes or QR codes on products
  • Code type: choose between Barcode or QR code
  • Product barcode protocol: choose one of the available protocols (only available for barcodes). Available protocols:
    • EAN-13
    • EAN-8
    • UPC-A
    • STD 25
    • INT 25
    • CODE 39
    • CODE 93
    • CODE 128
    • Codabar
  • Generate the barcode using:
    • The product ID
    • The product SKU
    • A custom field: you can choose any of the product custom fields

  • Generate and apply barcodes: use this option to automatically generate barcodes or QR codes for all your products in one click. You can choose whether to include:
    • All products (also barcodes that already have a barcode) or
    • Only products without a barcode
  • Enable manual barcode: enable this option so you can manually (re)generate the barcode from the product settings and/or enter a custom value. From here you can also delete the generated barcode.
    generate delete barcode product
  • Automatically generate and apply barcodes on new products: enable this option, so all products created from now on will automatically be created with a barcode.
  • Show barcodes in product page: choose whether to show the barcode on the product page on the frontend or not.
  • Show product barcodes in order emails: choose whether to show the product barcode in the Order confirmation email

Variable Products

The plugin allows creating barcodes also for every product variations. You will find the barcode/QR box generator in every product variation.

Please, note: all the above settings will apply to both barcodes and QR codes.

Enable barcodes for orders

To manage barcodes and QR codes on your orders, go to the plugin settings panel YITH > Barcodes > Order barcodes and configure all the necessary settings.

  • Generate and apply barcodes on orders: enable this option to enable barcodes or QR codes on orders. From the order page you can also delete the generated barcode.
  • Automatically generate and apply barcodes on new orders: enable this option to generate barcodes automatically as soon as the order is placed.
    generate delete barcode order
  • Code type: choose between Barcode or QR code
  • Order barcode protocol: choose one of the available protocols (only available for barcodes). Available protocols:
    • EAN-13
    • EAN-8
    • UPC-A
    • STD 25
    • INT 25
    • CODE 39
    • CODE 93
    • CODE 128
    • Codabar
  • Generate the barcode using:
    • The order ID
    • The order number
    • A custom field: any of the order custom field.
  • Show barcodes on order page: choose whether to show the order barcode/QR code on the order confirmation page on the frontend.
  • Show order barcode in order email:
    • Never show order barcode in emails
    • Show only in emails sent after the order is set to ‘completed’
    • Show in all emails

 

Please, note: all the above settings will apply to both barcodes and QR codes.

Barcodes in emails

You can insert the order barcode or QR code, when generated, in all the order emails or only in the one sent when the order goes to Completed status.

You will find the related options in the Product barcode and Order barcode settings.

Product barcode

This option allows you to show the barcode or QR code of all products included in the order in the order confirmation email. Enable it from YITH > Barcodes > Product Barcodes > Show product barcodes in order emails.

Order barcode

If you want to also show the order barcode or QR code, you can enable this option from YITH > Barcodes > Product Barcodes > Show order barcodes in order emails and choose between one of the following options:

Print barcodes

To export all your product barcodes to a PDF file, we’ve added a dedicated tab in the plugin settings. Just go to YITH > Barcodes > Print Barcodes, where you can see the following:

  • Show product image in printed list: choose whether to include the product image in the export list or not.
  • Print a barcode list of:
    • All products
    • All products including variations

This is an example of an export including all products, variations included, with name and image.

  • Print barcodes by product: with this specific option you can print the barcode of one product or variation only and you can also choose the quantity, so how many copies of the same barcode you need to have on the same file.

Shortcodes

YITH Render Barcode

The shortcode [yith_render_barcode] allows you to display a barcode anywhere you wish on the page. You can set up the following attributes:

  • id: enter the ID of the order/product/ticket/gift card to display a specific barcode.
  • hide_if_empty (default: 1): this has to be used together with the ID attribute to make sure the shortcode box hidden if there is no barcode with the selected ID.
  • protocol: it allows you to specify which protocol to use to display the barcode (default: EAN8).
  • value: it allows you to specify the barcode number you want to display. This has to be used with the protocol parameter.
    Example: if you want to display a barcode with value 1234 on a specific place on your website, you can use this shortcode setup:

[yith_render_barcode protocol=EAN8 value=1234]

YITH Order Barcode

The shortcode [yith_order_barcode] allows you to view a section with which you can apply actions on orders.
You can configure this shortcode from YITH > Barcode > Shortcode tab in the plugin settings.

  • Shortcode capability: this allows you to choose which capabilities are required to be able to use the information printed by this shortcode. Default to: manage_woocommerce, so that only admins and shop managers will be able to access to this information. You can use ‘all’ or any other capability to customize this option.
  • Show Processing button: this allows you to add a button so that you can set the status of the rendered order to Processing in one click.
  • Show Completed button: this allows you to add a button so that you can set the status of the rendered order to Completed in one click.
  • Update an order status after scanning: choose here if you want to automatically perform a specific action whenever an order status is scanned:
    • Don’t update the order status
    • Process the order automatically
    • Complete the order automatically


YITH Product Barcode

With this shortcode, you will be able to show the product barcode and automatically or manually update the stock quantity and add it to the cart. Go to YITH > Barcodes > Shortcode > Product shortcode to configure the shortcode options.

  • Shortcode capability: this allows you to choose which capabilities are required to be able to use the information printed by this shortcode. Default to: manage_woocommerce, so that only admins and shop managers will be able to access to this information. You can use ‘all’ or any other capability to customize this option.
  • Show Stock buttons: this allows you to add two buttons to let you increase or decrease the stock quantity of the product displayed.
  • Stock behavior on product scan: choose here if you want to automatically perform a specific action whenever a product barcode is scanned:
    • Don’t update the stock
    • Decrease the product stock automatically
    • Increase the product stock automatically

Show additional buttons in the shortcode area

There is a default action (‘search’) that can be performed on products but it’s possible to add many buttons, one for every additional actions, and allow third-party plugins to manage their custom actions.

The other button, Custom action (or more buttons if you prefer) will only work if you write a custom code associated with it, using “custom action”.

[yith_product_barcode actions="search, increase stock, decrease stock, custom action"]

The result will be:

Elementor

The plugin fully supports Elementor page builder, so you will be able to find all the shortcodes and the Render barcode tool in Elementor widgets area and customize your shop as you wish.

The available widgets are:

  • YITH Barcodes Products Panel: this is the equivalent of the Product barcode. Please, refer to this page for more information about the shortcodes.
  • YITH Barcodes Orders Panel: this is the equivalent of the Order barcode. Please, refer to this page for more information about the shortcodes.
  • YITH Barcodes Render Barcode by ID: this widget allows you to print a specific barcode by entering the post ID in the widget settings.
  • YITH Barcodes Render Post Barcode: this widget allows you to automatically print the barcode of the ID based on where the widget is displayed. For example, including it in a product template page will dynamically print the product barcode based on the product displayed.

Gutenberg

The plugin is ready to use with the new Gutenberg editor. When you add a new post or page, you will be able to find our YITH shortcodes and widgets. With a simple click they will be added to your page.

barcode gutenberg

YITH Point of Sale for WooCommerce (POS)

YITH Point of Sale for WooCommerce (POS) allows turning your WooCommerce installation into an easy to use and powerful cash register for each type of store or business. You can sync your store point of sale with orders, customers and product listings of your online shop and vice versa.

The integration with YITH WooCommerce Barcodes and QR Codes allows you to automatically generate barcodes for your products, in the product details page.

To start using the plugins, just make sure you have installed and activated both of them from the Plugins menu in your WordPress dashboard and you have configured the product barcodes as explained in the plugin documentation.

barcode

To scan a product by barcode, open the POS screen and click on the Scan Barcode tab and the pointer will be automatically placed in the search bar. Just scan the item with your barcode reader, and you will find the product matching the code.

add by barcode

To find out more about how to set up YITH Point of Sale for WooCommerce (POS), please refer to the official documentation.

 

YITH WooCommerce Event Tickets

YITH Event Tickets for WooCommerce is a plugin that allows you to sell different kinds of tickets for the events advertised in your shop.

By using both plugins, you can search and check-in the tickets by scanning the barcode in the search form shown with the shortcode of YITH Event Tickets plugin.

barcode option

Choose which type of barcode you want to display on the ticket:

  • ticket barcode
  • event barcode
  • order barcode

barcode in ticket

In order to automatically check-in the scanned tickets, you need to enable the ‘automatic check-in’ option.

Note: click on the ticket number field, before you start scanning.

If you do not select that field, click on that field, the number will not appear. The number will appear in the input you have selected.

automatic scan

With the ‘automatic check in’ selected, the scanned ticket number will automatically appear as ‘checked in’.

For more information on how to create an event ticket, please check the full documentation here.

Check-in through a mobile app?

We don’t offer an in-built application to scan the code, but there are many apps that allow connecting your website with your mobile phone, and make the phone work as a scanner.

Both the PC and the phone have to be connected to the same Wi-fi network. This way, the phone will become a barcode scanner, and you will see the result on your PC.