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 November 13, 2024

This article applies to the following document types:

  • Invoice
  • Packing Slip
  • Credit Note

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 of the whole document. If the store owner wishes to change 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 from the WordPress dashboard.
  2. Click on the Code tab of the active template.
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 easily customize document types using WebToffee’s Customizer for WooCommerce PDF Invoices add-on.

To know more about how to customize document types using WebToffee’s Customizer for WooCommerce PDF Invoices add-on, check out the following article: Customizer for WooCommerce PDF Invoices – Setup Guide.