Create Your Woocommerce Invoice Template for Facilities Effortlessly

Woocommerce invoice template for Facilities

Welcome back Today we'll explore how to customize  WooCommerce Invoices using the Customizer for WooCommerce PDF invoices plugin. the Customizer plugin Works seamlessly with the following Pro add-ons of WebToffee's free WooCommerce PDF Invoices  Packing Slips Delivery Notes and Shipping Labels plugin you can find the link to the pro add-ons in  the description box below before we move on let's   explore the features offered by the Customizer  for WooCommerce PDF invoices plugin before diving   into invoice customization ensure that you have  installed and activated the following plugins   assuming you have installed the necessary plugins  navigate to invoice slacking from the WordPress   dashboard then click on invoice followed by the  customized tab here you can modify the invoice   template adjust its appearance drag and drop  elements into the template and more by clicking   on the change layout option you can choose a  suitable invoice layout now let's familiarize   ourselves with the editor pane. the editor  pane provides three tabs to fully customize   the invoice layout under the page tab you can  customize the background and Border settings of the invoice for example let's try changing the  background padding from 30 pixels to 50 pixels   the margin from 0 to 30 pixels the background  color and the Border style and width the changes   are immediately reflected in the preview pane  the assets tab provides many elements that you   can drag and drop into the invoice template you  can either search for an element using the search panel or find it under the respective dropdown  let's drag and drop an element such as the order   number into the invoice template all changes  made are immediately visible in the preview pane   by clicking on an element in the preview pane you  can view its properties under the block tab which   allows you to customize them for instance let's  try modifying the product table when you click on   the product table all the elements within it are  shown in the block tab to customize an element   click on the respective drop- down icon and make  the changes you can rearrange Elements by simply   dragging and dropping them to your preferred  position by clicking on the plus icon you can   add additional items to the product table as a new  column to view and edit a block via codes click   on the HTML icon you can also delete elements  from the product table in the following way   in the preview pane while hovering over a row  you can find a row toolbar that allows you to   customize it using the row toolbar you can edit  the row properties delete it insert a row above or   below it and also customize its position before we  wrap up let's check out what the customizer header   has to offer here you can undo or redo changes  that you have made to the template by clicking   on the HTML icon you can view the whole HTML code  of the temp template also edit them finally you   can view a PDF preview of how the invoice template  will appear for an actual order when done with the   customizations save the template with a suitable  name to activate it click on Save and activate in   the hamburger menu you can create new templates  view existing ones and customize them as needed   that's it for today's video if you found it  helpful please give it a thumbs up and subscribe   for more valuable content if you have any  questions drop them in the comments below for   personalized assistance don't hesitate  to contact our customer support team