Home > Docs > WooCommerce PDF Invoices, Packing Slips and Credit Notes Plugin > Customizing WooCommerce Invoices Using Code Editor

Customizing WooCommerce Invoices Using Code Editor

Last updated on January 23, 2024

The WebToffee’s WooCommerce PDF Invoices, Packing Slips, and Credit Notes plugin allows store owners to customize their document types using the built-in code editor. Follow the below steps to customize documents using the code editor:

  1. Navigate to Invoice/Packing > Invoice(or Packing slip/Credit Note) > Customize.
  2. Head to the Code tab.
  3. Make necessary changes.
  4. Click on Save/ Save and activate.

Customizing WooCommerce invoices

Using the code editor

Using the code editor store owners can access the code for the whole document type. If the store owner wishes to make changes to a particular block inside the document they will have to navigate to the required portion of the code by scrolling through the code editor. Follow the below steps to customize invoices using the code editor:

  1. Navigate to Invoice/Packing > Invoice > Customize.
  2. Click on the active templates Code tab.
Navigating to the Code tab
Navigating to the Code tab
  1. Make necessary changes to the code in the code editor.
Code editor
Code editor
  1. Click on Save and update the changes.
Clicking on Save button to reflect the changes
Clicking on Save button to reflect the changes

Store owners can use the WebToffee’s Customizer for WooCommerce PDF Invoices add-on for easier customization of document types.

To know more about how to customize document types using the WebToffee’s Customizer for WooCommerce PDF Invoices add-on, refer to this article.