PDFDraft PDF Invoices for WooCommerce

PDFDraft PDF Invoices for WooCommerce extends PDFDraft with WooCommerce invoice generation. Design your invoice template visually using a drag-and-drop PDF builder. No HTML.

No CSS. No coding of any kind.

Start from a blank canvas or pick a ready-made template. Add your elements, map in live order data, and save. Every new order gets a PDF invoice attached to the customer email automatically.

Automatic Invoice Generation and Attachment:

A PDF invoice is generated every time a new order is placed. It gets attached to the order notification email sent to your customer. No manual steps.

No extra setup. It works out of the box.

Ready-Made Invoice Templates:

Start with one of four pre-designed templates. Or build from a blank canvas if you prefer full control.

• Olive — clean layout with an earthy tone

• Ivory — minimal, neutral design

• Navy — bold, professional look

• Pebble — soft, modern style

Visual Invoice Editor:

The editor works like Canva. Drag elements onto your canvas, position them freely, and style everything visually.

• Drag-and-drop canvas with free element positioning

• Snap guides — alignment lines appear as you drag to help line things up

• Pixel indicators — see live distances from the canvas edge to your element

• Layers panel — view and reorder all elements on your canvas

• Pages panel — add pages and preview your full invoice layout

• Zoom slider for close-up editing

• Portrait and landscape orientation support

• Preset paper sizes: Letter, Legal, Tabloid, Executive, Folio, A0–A6, B4, B5

• Custom canvas dimensions

Available Elements:

Use any of these elements to build your invoice:

• Text — headings, labels, or static copy

• Image — store logo or any image

• Date — current date or order date

• Divider — visual separator between sections

• Table — custom static table

• Shape — rectangles, lines, and other shapes

• WP Data Fields — dynamic WordPress data

• Data Field (WooCommerce) — dynamic order values via merge tags

• Order Totals (WooCommerce) — formatted totals table with toggleable rows

• Product Table (WooCommerce) — order line-item table with toggleable columns

WooCommerce Fields — Data Field:

Add a Data Field element to your canvas. Type / to browse and insert any order value.

Order Info: Order ID, Order Number, Invoice Number, Order Date, Order Status, Transaction ID, Payment Method, Shipping Method, Currency Code

Billing: First Name, Last Name, Company, Email, Phone, Address Line 1, Address Line 2, City, State, Postal Code, Country, Full Billing Address

Shipping: First Name, Last Name, Company, Address Line 1, Address Line 2, City, State, Postal Code, Country, Full Shipping Address

Customer: User ID, Customer Note

Financials: Subtotal, Total Tax, Shipping Total, Total Discount, Grand Total, Refunded Amount, Total Due

Store: Store Name, Store Address, Store Phone, Store Email, Store Logo

WooCommerce Fields — Order Totals:

A formatted totals table. Toggle rows on or off: Subtotal, Discount, Tax, Total. Style options: font, font weight, text color, alignment.

WooCommerce Fields — Product Table:

A line-item table of all products in the order. Toggle columns on or off: Product Name, Quantity, Price (Unit Price), Total (Line Total), SKU, Thumbnail.

Header style options: background color, font color, row style (Minimal, Classic, Compact, Invoice Bold, Modern). Body style options: font, font weight, text color, alignment.

Requirements:

PDFDraft and WooCommerce must both be installed and active.