Documentation/Print Invoice, Packing Slip, Delivery Note & Label for WooCommerce/How to Make WooCommerce Custom Invoice

How to Make WooCommerce Custom Invoice


All-In-One - Generate PDF Invoice, Packing Slip, Labels & Delivery Note.

Used by 7,000+ WooCommerce Stores

#1 in Customer Satisfaction

WebToffee Guarantee: Get Your Money Back if You Are Not Satisfied With The Product

Buy Now!


Keeping your company’s invoice template unique is necessary to create an impression for your company among the customers. WebToffee’s PDF invoice and Packing Slip plugin for WooCommerce enables your store to generate custom invoices for WooCommerce. You can customize the standard invoice templates to your preference using this plugin.

This article will help you learn the different customizing options available within the plugin for making your own invoice template.

Making Custom Invoice in WooCommerce

Various options are available in WooCommerce for creating a custom invoice. Let’s discuss each of those options here.

With the customizer, you can personalize the overall appearance of your document. You are provided with inbuilt themes to choose from as well as you can create new themes or templates from the existing ones. Additionally, toggle controls are given at the right-hand side of the window, which when enabled or disabled will be reflected in the sample invoice template.

WooCommerce Invoice or packing-Invoice Settings- Customize

WooCommerce Invoice or packing-Invoice Settings- Customize

To create a new invoice template,

  1. Select a template from the Create new template option.
  2. From the inbuilt templates that pop up, choose a layout.

    Invoice/Pack Slip-Theme

    Invoice/Pack Slip-Theme

  3. The chosen layout will then be displayed in the customize window. The elements that are already configured from General Settings will be auto-populated. Users can make the necessary changes to the layout using the toggle options.
  4. Prior to activating the layout, you can have a sample preview of the recent order’s invoice in the PDF format. To get the preview of a specific order, key in with the respective order number in the field provided.

    WooCommerce Invoice or packing-Invoice Settings- Customize-Preview

    WooCommerce Invoice or packing-Invoice Settings- Customize-Preview

  5. You can even switch to the code editor, to make additional customizations other than the one listed in the visual editor.

    WooCommerce Invoice or packing-Invoice Settings- Customize-Code Editor

    WooCommerce Invoice or packing-Invoice Settings- Customize-Code Editor

  6. While making changes via code editor it would be better for you to refer the help which briefs about placeholders, alternate classes for RTL support, etc as shown below:

    WooCommerce Invoice or packing-Invoice Settings- Customize-Code Editor-Help

    WooCommerce Invoice or packing-Invoice Settings- Customize-Code Editor-Help

  7. Save and activate the template to use it further for your invoice.

You can check out the plugin from here.

For any queries regarding the plugin, you can contact the plugin support team by creating a ticket here.


All-In-One - Generate PDF Invoice, Packing Slip, Labels & Delivery Note.

Used by 7,000+ WooCommerce Stores

#1 in Customer Satisfaction

WebToffee Guarantee: Get Your Money Back if You Are Not Satisfied With The Product

Buy Now!


  • Was this article helpful ?
  • YesNo