How to Customize WooCommerce Packing Slips Using WebToffee PDF Customizer

Using Customizer for WooCommerce PDF Invoices, you can personalize your Packing Slip template with drag-and-drop editing, layout controls, product-table column changes, and custom checkout fields—without coding.

Before you start, make sure you have:

1. Installed and activated WooCommerce PDF Invoices, Packing Slips, and Credit Notes (add-on).
2. Installed and activated Customizer for WooCommerce PDF Invoices (add-on).

1. Go to your WordPress dashboard → Invoice/Packing.
2. Open Packing Slip.
3. Click Customize.

You can insert common elements like company info, addresses, order fields, etc.

1. In the editor pane, open the Assets tab.
2. Use the search bar or dropdown lists to find the element you want.
3. Drag and drop the element into the packing slip at the position you want.
4. Save your changes (and save the template).

To style the overall document (not just a single block):

1. In the customizer, open the Page tab from the editor pane.
2. Configure page-level settings such as:
   • Background padding/margins and background color
   • Text size, text color, line spacing
   • Border type, border width, border color (and border radius where available)
3. Watch the live preview update as you edit.
4. Save the template.

Use this to show extra details in the product table (e.g., category, attributes, meta, etc.).

1. Go to Invoice/Packing → Packing Slip → Customize.
2. Scroll down and click the Product table in the template preview.
3. In the editor pane, click the “+” icon (top right) to add a column.
4. Choose a Column type from the dropdown.
5. Configure the column (based on the type, you may see fields like meta key, column header, etc.).
6. Save changes and Save Template.

Custom checkout fields are treated as order meta, so you add them from Order fields in the Assets tab.

1. Go to Invoice/Packing → General Settings → Advanced.
2. Find Add additional fields on checkout page.
3. Click Add/Edit Custom Field.
4. Add the field and click Update Settings.

1. Go to Invoice/Packing → Packing slip → Customize.
2. In the editor pane, open Assets → Order fields dropdown.
3. Find the order field that corresponds to your checkout field (it appears as order meta).
4. Drag and drop it into the packing slip where needed.
5. Click Save Template.

1. Click Save Template after all edits.
2. Preview a sample order’s Packing Slip to confirm the layout and fields are printing as expected.

If you want, I can also format this into your usual WebToffee doc style (with Purpose / Prerequisites / Steps / Notes + suggested screenshots placements).