Since 28th December 2022, this plugin version has been discontinued for purchase. However, support will be continued for existing users. Post the aforementioned date, users who purchase the plugin, which now is made available as multiple add-ons, must refer to their corresponding setup guides. The drag-and-drop customizer feature is now available for purchase as an add-on.

WooCommerce PDF Invoices, packing slips and credit notes plugin | WooCommerce Shipping labels, Dispatch labels and Delivery notes plugin | WooCommerce Address labels plugin | WooCommerce Picklists plugin | WooCommerce Proforma invoices plugin | Customizer for WooCommerce PDF Invoices

Since 28th December 2022, this plugin version has been discontinued for purchase. However, support will be continued for existing users.

Home > Docs > WooCommerce PDF Invoices, Packing Slips, Delivery Notes and Shipping Labels > How to fix logo, image missing, or character encoding issues in PDF documents?

How to fix logo, image missing, or character encoding issues in PDF documents?

Last updated on September 19, 2023

Have you been facing problems with the PDF documents that your store creates? Then this article is a one-stop solution. You can now fix logos, missing images or character encoding issues in your PDF document with mPDF add-on. WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels plugin comes loaded with dompdf library, which is lightweight and robust. From the dompdf product page, it could be seen that the library supports Dejavu fonts which in turn doesn’t supports scripts such as Arabic and Hebrew. To solve the issue, this library must be replaced with mPDF library which supports a better RTL layout, extensive language support and Unicode languages. The product page of the mPDF library lists the supported languages here.

The below image shows a sample PDF with an encoding issue in Arabic.

WooCommerce Invoice with character encoding issue
WooCommerce Invoice with character encoding issue

Prerequisites

  1. A WooCommerce store with WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels extension enabled.
  2. Invoice enabled from the General settings tab.

Steps to Fix logo, image and character encoding issue

  1. Install and activate mPDF add-on for PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels by WebToffee from the WordPress navigation menu. Click on Plugins > Add New
  2. Type mpdf in the search box and select the plugin mPDF add-on for PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels by WebToffee from the result.
  3. Click on Install now > Activate.
Gif to elaborate the plugin installation process
  1. To switch the library, select Invoice/Packaging > General settings > Advanced. This will display the advanced setting options. In the advanced settings, look for PDF library option and choose mPDF as your default library.
Gif to elaborate the library switching process

The below image shows a sample Invoice PDF after switching mPDF library.

Sample WooCommerce Invoice PDF generated with mpdf library
Sample WooCommerce Invoice PDF generated with mPDF library