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.’
- 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
The WooCommerce PDF Invoices plugin allows store owners to generate PDF invoices for their WooCommerce orders, including the option to add product images.
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.
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.
Comments (6)
Diualy
January 9, 2024
Just copy this code, change the “100px” part to the desired size and paste it into the “php function” area of my wordpress site? I don’t need to do anything else. I tried and got an error
Sanjai Valsan
January 12, 2024
Hi Diualy,
Thank you for reaching out. I’m sorry to hear that you have encountered an error. For a more comprehensive solution, feel free to reach out to our customer support team, they’ll be happy to assist you.
Nuha
December 13, 2023
How can we edit the product image size on invoices?
Sanjai Valsan
December 21, 2023
Hello Nuha,
Thanks for reaching out!
To adjust the size of product images on invoices, you can use this custom code snippet. Simply specify the desired width in the code( defaulted to 100px), and then add it to your site.
Diualy
January 9, 2024
Just copy this code, change the “100px” part to the desired size and paste it into the “php function” area of my wordpress site? I don’t need to do anything else. I tried and got an error
Sanjai Valsan
January 12, 2024
Hi Diualy,
Thank you for reaching out. I’m sorry to hear that you have encountered an error. For a more comprehensive solution, feel free to reach out to our customer support team, they’ll be happy to assist you.