How to Add Product Images to WooCommerce PDF Invoices?

This article provides a step-by-step guide on how to add product images to WooCommerce PDF Invoices. You’ll also learn how to generate PDF invoices for WooCommerce stores.

Invoices are essential documents for businesses. They act as proof of purchase and help businesses keep legal records of the sale, track payments, manage orders, and more.

If you are looking for a way to add product images to your WooCommerce invoices, you’ve come to the right place. Adding product images on WooCommerce invoices is a nice-to-have option to make your invoices look professional and appealing.

In this article, we will show you how to add product images to WooCommerce PDF invoices. We will be using the WebToffee PDF Invoices and Packing Slips plugin.

Adding images to WooCommerce invoices will enhance the visual appearance of your business invoices. It helps your customers to visually identify the products they ordered. The display of product images not only improves the overall professionalism of the invoice but also strengthens brand identity, making your business stand out in a competitive market.

Additionally, showing product images on invoices can serve as a marketing strategy to reinforce brand visibility and create a more engaging customer experience. This approach can lead to increased customer loyalty and repeat business, as well-designed invoices contribute to a positive perception of your brand.

Follow the below steps to add product images to WooCommerce invoices:

Step 1: Install and Activate WebToffee PDF Invoices Plugin

• Log in to your WordPress dashboard and navigate to Plugins > Add New.
• In the search bar, type ‘WebToffee WooCommerce PDF Invoices plugin.’

• Once you locate the plugin, click on Install Now and then activate it on your WordPress site.
• After activation, you will be prompted to enter essential details about your online store.

Step 2: Configure General Settings of WooCommerce Invoices

• Navigate to the Invoice/Packing tab and select Invoices from the WordPress sidebar menu.
• Click the Enable Invoice button (leave it as is if it’s already enabled by default).
• Choose whether to select the Order date or Invoice date for the invoice.
• Choose the order statuses for which PDF invoices should be generated automatically.
• Select the emails to which the PDF invoices will be attached.

Step 3: Enable Product Images in WooCommerce Invoices

• Now, go to the Customize tab of the Invoice Settings page.
• Expand the Product table drop-down and enable the Image label option.

• You can also customize the color and background of the product table and other elements in the invoices.
• Then, click on Save or Save and activate.

Before

After

A well-designed PDF invoice serves not only as a legal record of the sale but also plays a crucial role in building customer trust. Adding product images to your invoices is a straightforward yet impactful way to showcase your brand’s professionalism.

With the WooCommerce PDF Invoices, Packing Slips, Delivery Notes, and Shipping Labels plugin, you can easily implement these enhancements in just a few steps, setting your business up for growth and long-term success.

If you find this article helpful, please let us know in the comments section below.