How to add logo in WooCommerce PDF Invoices

Brand value is one of the factor which promotes businesses. Store managers and marketers will never miss an opportunity to showcase their brand and tags wherever necessary. Here comes the significance of having the company logo, name or related tags in the different document types of your store.

With the WooCommerce PDF Invoice and Packing slip plugin, you can easily add the logo and other branding information into your invoice very easily. Checkout our short tutorial given below that illustrates how a logo can be inserted into a WooCommerce invoice document.

Getting Started

Once the WooCommerce invoice plugin is installed and activated, navigate to the Invoice or Packing from the WordPress menu. The plugin allows you to configure different document types relevant for your WooCommerce store. By default, you will be taken to the General Settings window as shown below. 

WooCommerce Invoice Packing-Documents

WooCommerce Invoice Packing-Documents

The different types of documents supported by the plugin will be listed here. You can explicitly enable/disable the concerned documents required for your site and configure settings pertaining to each document individually. 

Setting up Logo in the Invoice

From the general settings window, navigate to the General tab as shown in the image below. Generic details pertaining to all the document types can be configured from the General tab.

WooCommerce Invoice-Insert Company Logo

WooCommerce Invoice-Insert Company Logo

The plugin consists of specific fields for inserting the company name and logo.

  • You can specify the company name in the field provided.
  • The company logo can be uploaded from the media library. The plugin is equipped to resize the logo to fit in within the respective document type. However, we recommend not to upload an image of large size. 

Update to save the logo and other settings specified if any. The logo and the company name specified will be made available throughout all the documents. 

Next, to view how the logo will appear in the invoice. Move on to the Invoice > customize tab. 

WooCommerce Invoice or packing-Invoice Settings- Customize

WooCommerce Invoice or packing-Invoice Settings- Customize

You can see that the logo and other details previously configured are automatically populated in the above image. The toggles incorporated will allow to enable or disable an item from the template.

Additionally, you can control the logo width and height, specify extra details if any. You can modify its font size and head colour. Instead of the company logo, you can place your company name only. Again with the provision to modify its font and other details. 

WooCommerce Invoice-Insert Company Logo-Edit options

WooCommerce Invoice-Insert Company Logo-Edit options

A sample invoice with the logo will be as shown below:

Sample WooCommerce PDF Invoice

Sample WooCommerce PDF Invoice

Conclusion

Using this plugin you can insert prominent branding information such as company logo, name and other details into the Woocommerce invoice very easily. To know more about the plugin refer here.

  • Was this article helpful ?
  • YesNo

Leave a Reply

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