wpeverest

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.
<ul>
<li>Olive — clean layout with an earthy tone</li>
<li>Ivory — minimal, neutral design</li>
<li>Navy — bold, professional look</li>
<li>Pebble — soft, modern style</li>
</ul>
Visual Invoice Editor:
The editor works like Canva. Drag elements onto your canvas, position them freely, and style everything visually.
<ul>
<li>Drag-and-drop canvas with free element positioning</li>
<li>Snap guides — alignment lines appear as you drag to help line things up</li>
<li>Pixel indicators — see live distances from the canvas edge to your element</li>
<li>Layers panel — view and reorder all elements on your canvas</li>
<li>Pages panel — add pages and preview your full invoice layout</li>
<li>Zoom slider for close-up editing</li>
<li>Portrait and landscape orientation support</li>
<li>Preset paper sizes: Letter, Legal, Tabloid, Executive, Folio, A0–A6, B4, B5</li>
<li>Custom canvas dimensions</li>
</ul>
Available Elements:
Use any of these elements to build your invoice:
<ul>
<li>Text — headings, labels, or static copy</li>
<li>Image — store logo or any image</li>
<li>Date — current date or order date</li>
<li>Divider — visual separator between sections</li>
<li>Table — custom static table</li>
<li>Shape — rectangles, lines, and other shapes</li>
<li>WP Data Fields — dynamic WordPress data</li>
<li>Data Field (WooCommerce) — dynamic order values via merge tags</li>
<li>Order Totals (WooCommerce) — formatted totals table with toggleable rows</li>
<li>Product Table (WooCommerce) — order line-item table with toggleable columns</li>
</ul>
WooCommerce Fields — Data Field:
Add a Data Field element to your canvas. Type <code>/</code> 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.

PDFDraft PDF Invoices for WooCommerce

Automatically generate and attach customizable PDF invoices to WooCommerce orders using the PDFDraft visual editor.

PDFDraft PDF Invoices for WooCommerce vs Print Invoice & Delivery Notes for WooCommerce