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.

WebshopLogic

Create wonderful financial documents like orders, invoices, delivery notes for your customers right in your WooCommerce webstore. 
Create your own invoice! You can customize the look and feel of your invoices easily right in the WordPress Customizer. 
You don’t have to edit any html code or css templates to change the look and feel of your invoices or other documents. 
Colors, font sizes, borders, backgrounds, margins and other attributes of different parts of invoice content can be easily design in the live WordpPress Customizer. Change any attribute, and you will see the result instantly. 
You can use beautiful pre-built skins as a base, and change them to fit your needs, or you can design your document from stretch.
The orders, invoices and delivery notes can be printed or made available on-line for your customers in PDF or HTML format.
<h4>Features</h4>
<ul>
<li>Create PDF or HTML orders, invoices or delivery notes</li>
<li>Print or Download these financial documents from the well known WooCommerce Order editor page</li>
<li>Make invoices available on-line for your customers in My Account page of your site (display or download)</li>
<li>Customize financial documents using the easy to use live WordPress Customizer page, without using any CSS or HTML code</li>
<li>Choose wonderful predefined skins</li>
<li>Boxed or full size document design</li>
<li>‘My Colors’ feature: change color palette, and see the result instantly</li>
<li>Sequential order, delivery note and invoice numbers</li>
<li>Customizable sequential number format to fit your needs (set your desired numbering prefixes, post fixes, padding characters, year based numbering)</li>
<li>Make branded invoices using your own logo or background images</li>
<li>Custom skins: you can save and use unlimited number of skins or skin versions</li>
<li>Draft, not validated invoice as Pro-forma invoice</li>
<li>Your personal Setup Jedi will help you to make default settings</li>
</ul>
<h4>Pro Version</h4>
<ul>
<li>More design settings: more font sizes, font styles, document size and orientation, text decoration, transformation or align </li>
<li>Custom Fonts (Google Fonts)</li>
<li>Custom css in Customizer, instant result</li>
<li>More beautiful predefined Skins</li>
<li>Skin Export/Import function</li>
<li>Different notes on printed order, invoice or delivery note</li>
</ul>
<h4>More information, documentation</h4>
Pro version Plugin Page: http://webshoplogic.com/
Author website: http://webshoplogic.com/

Filogy Invoice

Create wonderful financial documents like orders, invoices, delivery notes for your customers right in your WooCommerce webstore.

PDFDraft PDF Invoices for WooCommerce vs Filogy Invoice