Adding a Custom Logo to WooCommerce Invoices

Using WebToffee’s WooCommerce PDF Invoices, Packing Slips, and Credit Notes plugin, store owners can easily add a logo that appears at the top of WooCommerce documents such as invoices, packing slips, delivery notes, and dispatch labels. Adding a logo enhances brand recognition and provides a subtle marketing opportunity, reinforcing your brand identity and improving the visual experience for customers. With this plugin, you can even have a dedicated logo solely for WooCommerce invoices. Let’s explore this feature further in this article.

Follow the steps below depending on whether you’re using the Free or Pro version of the plugin.

Free Version

1. Navigate to Invoice/Packing > Invoice > General.
2. Scroll down to the Invoice details section and find the Custom logo for invoice option.
3. Here, upload a custom logo of the recommended size for invoices.
4. Finally, click “Update Settings” to save the changes.

Pro Version

1. From the WordPress dashboard, navigate to Invoice/Packing > Invoice > Advanced.
2. Under the Advanced tab, head to the Custom logo for invoice option.
3. Here, upload a custom logo of the recommended size for invoices.
4. Finally, click “Update Settings” to save the changes.

The plugin lets store owners easily add a common logo for invoices, packing slips, delivery notes, and dispatch labels, typically displayed at the top left corner of the document. If a custom logo is set for invoices, this default logo won’t apply to them. Here are the steps to add a common logo for document types:

1. From the WordPress dashboard, navigate to Invoice/Packing > General Settings > General.
2. Under the Company details section, head to the “Logo” option.

3. Here, upload an image to appear as the logo. The recommended logo size is 150x50px.
4. Finally, click on “Update Settings” to save the changes.

The following images show a sample WooCommerce invoice with a custom logo, as well as other WooCommerce documents featuring a common logo.