First impressions matter when it comes to order documents like invoices, packing slips, and credit notes. Customizing these documents allows WooCommerce store owners to align them with their brand identity, enhance professionalism, and improve readability. With WebToffee’s Customizer for WooCommerce PDF Invoices add-on, you can easily tailor the layout and appearance of your store’s documents to match your preferences. Whether adjusting padding, tweaking background colors, or applying branded borders, the Customizer offers a user-friendly interface to make these changes effortlessly.
Prerequisites
- Install and activate the WooCommerce PDF Invoices, Packing Slips, and Credit Notes add-on (To customize invoices, packing slips, and credit notes).
- Install and activate the Customizer for WooCommerce PDF Invoices add-on.
Changing Page Settings Using Customizer
Changing the page settings includes customizing the document’s background padding, background color, text size, line spacing, text color, border type, and border color.
Steps to change the page settings:
1. Select the document you wish to customize
- Head to Invoice/Packing from your WordPress dashboard.
- Click on the document you wish to customize (eg, invoice, packing slip, or credit note).
2. Head to the Customize page
- Click on the Customize tab at the top.
3. Open the Page tab
- Click on the Page tab from the Editor Pane.
4. Customize the Page Properties
Within the Page tab, store owners can customize the background and border settings of the document.
Changing the background settings
Let’s change the default background settings with custom values by changing the padding value from 30px to 60px, the margin value from 0 to 10px, and the background color from white to yellow. To add separate padding and margin values for each side of the document, uncheck the All sides checkbox. The changes are visible in the preview pane as you edit.
Changing the border settings
Let’s change the border style to solid, the border width to 10px, the border color to red, and the border-radius to 20px. The changes are immediately visible in the preview pane on the left.
5. Save the Settings
- Click on Save and activate to save and apply the template.
The image below shows a sample WooCommerce invoice with the new custom page layout.
Shriram Dhamankar
November 27, 2025
I am using tax classes to be able to use product specific tax slabs. The tax names are same in each class, only the % changes. I also want to show tax details in the product table. However, the invoice shows the taxes for each class separately.
For example. I have two tax components – CGST and SGST. There are two tax classes – Class TC1 with CGST=2.5%, SGST=2.5% and Class TC2 with CGST=9% and SGST=9%.
In an invoice if there are products from different tax classes, the individual tax items are shown in separate columns for both classes. So I have total 4 columns like — CGST SGST CGST SGST, where first pair pertains to TC1 and second pair pertains to TC2.
Is it possible to combine these into two columns like CGST SGST?
Hema
December 10, 2025
Hello there,
Presently, the Invoice premium addon supports displaying tax amounts either as a single combined total or as separate tax items. If multiple tax classes use tax components with the same name the invoice will list each tax item separately—resulting in multiple CGST/SGST lines
We completely understand your requirement to merge tax components with the same name into a single line (e.g., combining both CGST amounts into one line and both SGST amounts into another). We have shared this feedback with our product team for review and consideration in future updates.
If you have any further questions or need additional assistance, please feel free to reach out to our technical support team.
Lee
June 26, 2025
I want to be able to change the Title “Invoice” to “Tax Invoice” if the customer is Australian because GST is involved and regulations require invoices with GST component be called tax Invoices
How can recode the HTML to do this?
Sanjai Valsan
June 30, 2025
Hi Lee,
Thanks for your question!
Changing the invoice title dynamically based on the customer’s country — for example, displaying “Tax Invoice” for Australian customers — may require conditional logic within the invoice template. Since this involves modifying how the HTML is generated, we recommend reaching out to our support team to confirm feasibility and get guidance on the best approach.