Various Options to Customize WooCommerce Customer 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!

Invoice is a must for your business and the structure of the invoice(logo, font etc.) can influence the way customers feel about your firm when they first look at the invoice. Randomly choosing a template won’t do the job. You have to customize it to fit all your company and customer needs.

WebToffee PDF Invoice and Packing Slip plugin for WooCommerce provides you with different templates and extensive customizing options.

In this article, I have explained various options for customizing customer invoice template in WooCommerce. For information on setting up the invoice, you can refer to this article.

Options to Customize Invoice

There are two different options available for customizing invoice within this plugin. Field attributes customization and Code editor.

After installing this plugin choose a template for your invoice and click on the Customize button.invoice customization

Clicking on the customize button you open a new page.

1.  Field Attributes Customization

The greatest advantage of this mode of customization is that it’s very easy to do. You can make customization happen by just toggling buttons.

field atrribute customization 1

Now let’s take a look at how it is done.

On the right side of the screenshot, you can see a list of customization options. These are the field attributes. Each field has a toggle option across it. You can control from here which field should appear or shouldn’t appear 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.

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

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 *