Home > Docs > WooCommerce PDF Invoices, Packing Slips and Credit Notes Plugin > Customizing Product Table Elements in WooCommerce Invoices

Customizing Product Table Elements in WooCommerce Invoices

Last updated on November 8, 2024

With WebToffee’s WooCommerce PDF Invoices, Packing Slips, and Credit Notes plugin, store owners can effortlessly generate invoices for their WooCommerce orders. The plugin also allows store owners to customize invoices to suit their business needs. One such customization is the addition and removal of elements from the product table of invoices. Let’s check this out in this article.

Adding additional items to the product table

Follow the below steps to add additional elements like product image and SKU to WooCommerce invoices:

  1. Navigate to Invoice/Packing > Invoice > Customize from the WordPress dashboard.
  2. Scroll down and click on the Product Table of the active invoice template.
Image highlighting the product table of invoices
Image highlighting the product table of invoices
  1. The Editor pane on the right displays all the elements in the product table.
Image highlighting the editor pane
Image highlighting the editor pane
  1. To add an element to the product table, check the box next to it. You can view the changes in the visual editor. Similarly, to remove an element from the product table, uncheck the box next to it.
Adding elements to the invoice template
Adding elements to the invoice template
  1. You can change the alignment of an element by using its text alignment dropdown.
Text alignment dropdown
Text alignment dropdown
  1. Finally, click on Save or Save and Activate to reflect the changes.

Use WebToffee’s Customizer for WooCommerce PDF Invoices addon for additional customization options.

Use Case

The store owner wishes to add images and SKUs of products to WooCommerce invoices. The store owner follows the above steps. The WooCommerce invoice upon adding images and SKUs will appear like this.