How to make WooCommerce custom invoice


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

Used by 10,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.

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
  • 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.
  • 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
  • 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
  • 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
  • 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 10,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

    Leave a Reply

    Your email address will not be published. Required fields are marked *