Discount Sale
  • Days
  • Hrs
  • Mins
  • Secs
30% Off

Use coupon code 'MDS30' Limited Offer!!

Star

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

Customizing WooCommerce Invoices, Packing Slips and Credit Notes Using Code Editor

Last updated on February 18, 2025

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

  1. Navigate to the Customize tab of the document.
  2. Head to the Code editor.
  3. Make the necessary changes using the code editor.
  4. Save the Settings.

Step 1: Navigate to the Customize tab

Using the code editor, store owners can access the code behind each document. If the store owner wishes to edit a particular block inside the document, they will have to navigate to the required portion of the code by scrolling through the code editor.

  1. Navigate to Invoice/Packing > Invoice (packing slip or credit note) > Customize from the WordPress dashboard.

Step 2: Head to the Code editor

  1. Scroll down and click on the Code editor of the active template.

Step 3: Make necessary changes using the code editor

  1. Make necessary changes to the code in the code editor.
Code editor
Code Editor

Step 4: Save the Settings

  1. Click on Update Template to save the changes.

Store owners can easily customize documents 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.