How to Make WooCommerce Custom Invoice

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

Used by 4,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.invoice customization

 

1.  Field Attributes Customization

field atrribute customization 1

The greatest advantage of this mode of customization is that it’s very easy to do. You don’t have to be a tech-savvy for working out this customization method.

Clicking on the customize button you open a new page. Now, let’s take a look at how it is done.

You can see a column of many options on the right side of the screenshot. These are the field attributes. Each field has a toggle option across it. You can control from here which field should appear or not on the template by using the toggle button.

If you want to customize further, click on that specific field attribute from the column. Now a few options would appear below it where you can do the additional customization like font size, height, width etc.

After the whole customization click on Save & Activate.

2. Code Editor Customization

Here customization is done by making changes in the code of the template. This mode of customization can only be carried out by someone having adequate knowledge of coding.

code editor customization

In the code editor, you can see certain shortcodes. They are WordPress specific codes that embed files or create objects in a single line. These list of the shortcodes used will be visible for your reference if you click on the Shortcodes button.invoice shortcodes 768x367

 

4 – You can edit the template from the code editor, add custom CSS or link to the CSS file. After finishing the customization, you can save and activate the template.invoice save and activate 768x369

 

After customizing a standard template, a new template will be generated. You may choose to make changes to the templates you have customized.

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

Used by 4,000+ WooCommerce Stores

#1 in Customer Satisfaction

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

Buy Now!

Leave a Reply

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