Rearrange, Delete Blocks in WooCommerce Invoices, Packing Slips and Credit Notes Using Customizer

Tired of using the usual templates for your documents? Then, it’s time to use WebToffee’s Customizer for WooCommerce PDF Invoices add-on to fully customize your WooCommerce invoices, packing slips, and credit notes. Store owners can add elements, rearrange them, and even delete them if required, making the documents more concise, improving readability, and ensuring brand identity. In this article, we’ll focus on rearranging and deleting blocks in invoices, packing slips, and credit notes using customizer.

Below are the detailed steps for rearranging a block using the customizer:

Navigate to Invoice/Packing > Invoice/Packing slip/Credit Note > Customize.

Scroll down and click on the block you wish to rearrange.

Drag and drop the block to the preferred position in the template.

Sometimes, each block consists of individual elements. To rearrange individual elements within a block, check out the following article: Rearrange Elements Using Customizer.

Click on Save Template to save and apply the changes to the active invoice template.

The images below show sample invoices before and after applying the above customization.

Using the customizer, store owners can delete an entire row/block within the template or remove individual elements/fields within each block. We’ll explore this in the following steps:

Navigate to Invoice/Packing > Invoice/Packing slip/Credit Note > Customize.

Scroll down and click on the block you wish to delete.

• Click on the delete icon present in the row toolbar.
• Click on Ok to confirm the deletion.

Sometimes, each block consists of individual elements. To delete individual elements within a block, check out the following article: Delete Elements Using Customizer.

Click on Save Template to save and apply the changes to the active invoice template.

The images below show sample invoices before and after applying the above customization.