--- title: "How to Customize Woo Invoices, Slips & Credit Notes with Customizer" description: "This article explains how to customize the layouts of WooCommerce invoices, packing slips, and credit notes using the Customizer add-on." author: "Sanjai Valsan" published_date: 2025-03-26 modified_date: 2026-08-13 canonical_url: "https://www.webtoffee.com/docs/pdf-customizer/customize-layouts-woocommerce-invoices-packing-slips/" source: "https://www.webtoffee.com" reading_time: 3 min word_count: 406 categories: - "Credit Note" - "Customizations" - "Customizer for WooCommerce PDF Invoices" - "Documentation" - "Invoice" - "Packing Slip" --- ## Summary This article explains how to customize the layouts of WooCommerce invoices, packing slips, and credit notes using the Customizer add-on. ## Breadcrumb [Home](https://www.webtoffee.com/) > [Documentation](https://www.webtoffee.com/category/documentation/) > [Customizer for WooCommerce PDF Invoices](https://www.webtoffee.com/category/documentation/pdf-customizer/) > How to Customize Woo Invoices, Slips & Credit Notes with Customizer # How to Customize Woo Invoices, Slips & Credit Notes with Customizer *Last updated on August 13, 2026* 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](https://www.webtoffee.com/product/customizer-for-woocommerce-pdf-invoice/) 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](https://www.webtoffee.com/how-to-download-install-update-woocommerce-plugin/?guide=480662) the [WooCommerce PDF Invoices, Packing Slips, and Credit Notes](https://www.webtoffee.com/product/woocommerce-pdf-invoices-packing-slips/) add-on (To customize invoices, packing slips, and credit notes). - [Install and activate](https://www.webtoffee.com/how-to-download-install-update-woocommerce-plugin/?guide=536289) the [Customizer for WooCommerce PDF Invoices](https://www.webtoffee.com/product/customizer-for-woocommerce-pdf-invoice/) 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. ![Image highlighting the Page tab](https://www.webtoffee.com/wp-content/uploads/2025/03/page-tab-1024x506.jpg) *caption: Image highlighting the Page tab* ### 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. ![Customizing the background properties](https://www.webtoffee.com/wp-content/uploads/2025/03/2024-09-11_14-50-52-1.gif) *caption: Customizing the background properties* #### 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. ![Customizing the border properties](https://www.webtoffee.com/wp-content/uploads/2025/03/2024-09-11_15-39-43-1-1024x550.gif) *caption: Customizing the border properties* ### 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. ![Image](https://www.webtoffee.com/wp-content/uploads/2025/03/sample-invoice--855x1024.jpg) Overall, customizing page settings helps create visually appealing and well-structured WooCommerce documents that reflect your brand identity. It also allows greater control over layout and styling, making documents more readable and consistent with your store’s overall design.## Plugin Spotlight Plugin spotlight Customizer for WooCommerce PDF Invoices 5.0 $39 - $129 [View product](https://www.webtoffee.com/product/customizer-for-woocommerce-pdf-invoice/) ## About the Author [Sanjai Valsan](https://www.webtoffee.com/author/sanjai/) Technical Content Writer at WebToffee, simplifying complex concepts for seamless user experiences. ## Documentation Navigation - [Getting Started](#getting-started-customizer-for-woocommerce-pdf-invoices)- [Setup Guide](https://www.webtoffee.com/docs/pdf-customizer/setup-customizer-for-woocommerce-invoices/) - [Invoice](#invoice-customizer-for-woocommerce-pdf-invoices)- [Add a New Column](https://www.webtoffee.com/docs/pdf-customizer/add-new-column-woocommerce-invoice-packing-slip/) - [Add a New Row](https://www.webtoffee.com/docs/pdf-customizer/add-new-row-woocommerce-invoice-packing-slip/) - [Customize Using Drag and Drop](https://www.webtoffee.com/docs/pdf-customizer/customize-invoices-packing-slips-credit-notes/) - [Add Tax column](https://www.webtoffee.com/docs/pdf-customizer/add-tax-column-woocommerce-invoice-customizer/) - [Customize Layout](https://www.webtoffee.com/docs/pdf-customizer/customize-layouts-woocommerce-invoices-packing-slips/) - [Display Custom Checkout Fields](https://www.webtoffee.com/docs/pdf-customizer/display-checkout-fields-woocommerce-invoice-packing-slip/) - [Packing Slip](#packing-slip-woocommerce-customizer)- [Add a New Column](https://www.webtoffee.com/docs/pdf-customizer/add-new-column-woocommerce-invoice-packing-slip/) - [Customize Using Drag and Drop](https://www.webtoffee.com/docs/pdf-customizer/customize-invoices-packing-slips-credit-notes/) - [Customize Layout](https://www.webtoffee.com/docs/pdf-customizer/customize-layouts-woocommerce-invoices-packing-slips/) - [Display Custom Checkout Fields](https://www.webtoffee.com/docs/pdf-customizer/display-checkout-fields-woocommerce-invoice-packing-slip/) - [Credit Note](#credit-note-woocommerce-customizer)- [Add a New Column](https://www.webtoffee.com/docs/pdf-customizer/add-new-column-woocommerce-invoice-packing-slip/) - [Customize Using Drag and Drop](https://www.webtoffee.com/docs/pdf-customizer/customize-invoices-packing-slips-credit-notes/) - [Customize Layout](https://www.webtoffee.com/docs/pdf-customizer/customize-layouts-woocommerce-invoices-packing-slips/) - [Display Custom Checkout Fields](https://www.webtoffee.com/docs/pdf-customizer/display-checkout-fields-woocommerce-invoice-packing-slip/) - [Adding Metadata](#woocommerce-customizer-for-pdf-invoice-add-on)- [Add Order Meta](https://www.webtoffee.com/docs/pdf-customizer/add-order-meta-customizer/) - [Add Product Meta](https://www.webtoffee.com/docs/pdf-customizer/add-product-meta-customizer/) - [Add Product Attribute](https://www.webtoffee.com/docs/pdf-customizer/add-product-attributes-customizer/) - [Customizations](#woocommerce-customizer-for-pdf-invoice)- [Add a New Column](https://www.webtoffee.com/docs/pdf-customizer/add-new-column-woocommerce-invoice-packing-slip/) - [Customize Address Formats](https://www.webtoffee.com/docs/pdf-customizer/customize-address-formats-customizer/) - [Customize Using Drag and Drop](https://www.webtoffee.com/docs/pdf-customizer/customize-invoices-packing-slips-credit-notes/) - [Rearrange and Delete Blocks](https://www.webtoffee.com/docs/pdf-customizer/rearrange-blocks-invoices-packing-slips-customizer/) - [Reorder Columns of a Product Table](https://www.webtoffee.com/docs/pdf-customizer/reorder-columns-woocommerce-invoice-customizer/) - [Customize Layout](https://www.webtoffee.com/docs/pdf-customizer/customize-layouts-woocommerce-invoices-packing-slips/) - [Rearrange Rows Within Summary Table](https://www.webtoffee.com/docs/pdf-customizer/rearrange-rows-woocommerce-invoice-customizer/) - [Display Custom Checkout Fields](https://www.webtoffee.com/docs/pdf-customizer/display-checkout-fields-woocommerce-invoice-packing-slip/) - [Changelog](#changelog-customizer-for-woocommerce-pdf-invoices)- [Full changelog](https://www.webtoffee.com/docs/pdf-customizer/customizer-for-woocommerce-pdf-invoices-changelog/)