WooCommerce invoice template

Invoice Template with Product Images for WooCommerce

This invoice puts a small product photo beside each line, so a customer can tell at a glance which item they paid for. The total appears in figures and spelled out in words, and every value is pulled from the WooCommerce order.

  • A thumbnail on every line item
  • The exact variation on each line
  • Total in words as well as figures
  • Sent or printed by order status

14-day free trial. No credit card required.

Click to enlarge
When to use it

When a photo on the invoice helps

Product names alone can be vague when a catalog has many similar items. A picture on each line settles which one was ordered.

Catalogs of look-alike products

Stores selling many close variations, such as prints, fabrics or colorways, give customers an invoice where each line is recognizable on sight.

Fewer return mix-ups

When a customer checks a delivery against the invoice, the thumbnail shows exactly what was bought, which makes a wrong-item claim quick to sort out.

A more branded document

Photos turn the invoice into something that looks like your shop, which suits stores that care about how the paperwork arrives.

On the template

What the invoice with images shows

Photos, names and prices all come from the WooCommerce order and its products.

  • Your store details and currency
  • Order number and customer details
  • Billing and shipping addresses
  • A product thumbnail on each line
  • Product name, SKU, quantity and price per line
  • The variation ordered, with its parent product name
  • Coupons, fees, shipping and tax
  • The total in figures and in words
Make it yours

Adjust the layout to your catalog

The preset is only where you begin. In the editor you can:

  • Resize the thumbnails or move them to another column
  • Add GTIN or variation attributes to each line
  • Remove the total in words if you do not need it
  • Group line items by category or sort them
  • Apply your logo, fonts and colors
Get started

Get a picture invoice running in three steps

1

Sign up and connect

Sign up for Printout Designer for free and link your WooCommerce store by entering its API keys in the guided setup. No coding required.

2

Choose Invoice with Images

Open the preset templates, select Invoice with Images and preview it on an order that has several products.

3

Automate delivery

Create an automation rule that emails or prints the invoice once an order reaches the status you choose.

Related

Other WooCommerce invoice templates

Prefer a plainer page, or need barcodes or a QR code? Each of these presets works from the same order data.

Browse all WooCommerce templates

FAQ

Questions, answered

Create a free Printout Designer account and connect your WooCommerce store using its API keys, with no coding involved. Then pick Invoice with Images from the presets and adjust it in the editor. You get a 14-day free trial and no credit card is required.

From the products in your WooCommerce store. Printout Designer reads your catalog when the store is connected, so the image appears on the line without you uploading anything to the template.

Yes. Variation attributes arrive with each line together with the parent product name, so the invoice can show the exact size or color next to the thumbnail.

Some customers and accounts teams expect the amount spelled out as well as in figures. If you do not need it, remove that field in the editor and the rest of the invoice stays as it is.

Yes. Invoice with Barcodes & Images already combines both, or you can add a barcode component to this template yourself and feed it the SKU or GTIN.

See your products on your invoices

Create your free account, connect your WooCommerce store and preview Invoice with Images on a real order. 14-day free trial, no credit card required.