Product image in WooCommerce

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.

📌

Key Takeaways:

  • Adding images to WooCommerce invoices will enhance customer recognition and trust.
  • PDF Invoices and Packing Slips plugin will help you create professional-looking PDF invoices for your WooCommerce store.
  • You can add, edit, or remove various fields in the invoices as per your preferences.

Why You Should Show Product Images on WooCommerce Invoices?

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.

Add Product Images to WooCommerce Invoices: Step-by-Step Guide

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.’
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.
Configure General Settings of WooCommerce Invoices

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.
Enable Product Images in WooCommerce Invoices
  • 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

Before adding the image label

After

After adding Image label

Frequently Asked Questions

What is the WooCommerce PDF Invoices plugin?

The WooCommerce PDF Invoices plugin allows store owners to generate PDF invoices for their WooCommerce orders, including the option to add product images.

How to customize WooCommerce invoices?

To customize WooCommerce invoices, install and activate the WebToffee PDF Invoices free plugin + premium add-on. After installing and activating the plugins, go to Invoice/Packing > Invoices > Customize. From there, you can customize each element in the invoices. 

If you need more customization and a code-based block editor, get the WooCommerce Invoice Customizer add-on.

How do I enable product images on my invoices?

To enable product images, go to the Invoice settings page in your WordPress dashboard, select the Customize tab, and enable the image label in the product table settings.

Conclusion

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.

Article by

A bibliophile, movie buff, shutterbug, potter head who turned into a writer. Currently writing content for WebToffee.

Comments (6)

Got any query? Please leave a comment or reach out to our support

Your email address will not be published. Required fields are marked *

You Only Need One Invoice Plugin for WooCommerce