Create an Efficient Woocommerce Invoice Template for Manufacturing

Woocommerce invoice template for Manufacturing

let's have a quick overview on how the invoice can be customized in WooCommerce you can begin by downloading and installing the web Toffees PDF invoice packing slip delivery note shipping label for WooCommerce plugin on activating the plugin navigate to the invoice packing from the WordPress menu move on to the invoice settings window it is in the customize tab where you get various options to configure the look and feel of the invoice you can create new invoice templates from existing layouts each layout differs in its appearance and arrangements of elements and its constituent colors let us go ahead by choosing the layout Riegel and customize it further you can see that as for the settings configured previously the logo as well as other details are already populated in the invoice layout the visibility of each element in the invoice can be controlled by the toggle button incorporated in the stab additionally some generic elements like the font size style color and other specific attributes of each element can also be changed as per your need for example to change the attributes of the invoice number expand the element invoice number and then change the text from invoice to invoice number then its font size from 14 to 16 style from bold to bolder and color from black to red similarly let's change the text-align of the shipping address from left to right then table head background color of the product table to blue likewise you can play around the layout and customize the invoice to your desired style prior to activating the layout you can have a sample preview of the recent orders invoice in the PDF format to ensure that everything is properly placed to get the preview of a specific order then key in with the respective order number here you can even switch to the code editor to make additional customizations other than the one listed in the visual editor for instance to give a border for the invoice header you can simply insert the corresponding code and then switch to the visual to view the changes 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 for instance to display the invoice date under the logo you can simply copy the invoice date placeholder and paste it under the logo in code editor you can see that the invoice date beneath the logo in the visual editor once all the settings are configured specify an appropriate name for the template say my invoice and save it if there are no existing templates saved then the created template will be activated automatically if multiple templates are saved it will be listed under my templates with provisions to activate edit and delete now I'm editing an existing template you will be redirected back to the customized window you can make the necessary changes to the template and save it as usual to activate the edited template click on activate hope you have understood the different ways of customizing the invoice check out our tutorials to know more on other features offered by the plugin