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.