WebToffee Logo
  • Home
  • Plugins
  • Blog
  • Documentation
  • Support
Login
0

  • Overview - WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels
  • Getting Started with the Plugin
  • Invoice Settings
  • Shipping/Address Label Settings
  • Other Documents (Packing Slip/Delivery Note/Dispatch label)

WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels – User Guide

Last updated on December 10, 2020

This documentation explains how to set up and use the WooCommerce PDF Invoice and Packing Slips plugin to generate and print Invoice and various shipping related documents.

Overview – WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels

The plugin allows equipping your WooCommerce store with the following features.

  • Generate and Print
    • Invoice
    • Packing Slips
    • Shipping label
    • Delivery note
    • Dispatch label
  • Generate PDF version of Invoice & Packing Slip.
  • Automatically Attach PDF Invoice with order email.
  • Advanced customization of individual components of each document.
  • Add customer notes to labels
  • PDF preview
  • Multiple Invoice number formats
  • Free add-on for RTL support
  • WPML compatibility
  • Custom return policy

Getting Started with the Plugin

Once you complete the installation process, you can open the plugin by navigating to the Invoice/Packing tab on your WordPress dashboard. 

Navigation to the plugin from the WordPress dashboard

Following is a screenshot of the plugin settings window.

Dashboard of the plugin

Documents

The Documents section allows you to enable or disable each of the documents individually by using the respective toggle buttons. If you don’t need to generate all the given documents in your store, you can make use of this feature to leave them in deactivated mode. 

You can click the Settings button under each of the documents to configure the settings of the documents.

Plugin dashboard

General

The General section is the place where you can add essential information such as your company info, shipping address, etc., that will be required commonly for all documents. 

General settings of the plugin

Company info

Here you can add your company’s name, upload its logo, and the footer content that needs to be applied across the respective documents. 

Address (Sender details)

The ‘From Address’ to be displayed in the shipping documents will be loaded from the details specified in these fields. Or you can load the default WooCommerce store address details into the respective fields by clicking the Load from WooCommerce link. 

Fields for entering address details

Other settings

Here you can configure the plugin to enable a preview of the document for your users whenever they initiate a print. Plus you can enable the plugin to obtain the document in the right to left alignment (RTL support). 

If you require a better RTL integration in PDF documents you can use the mPDF add-on addon.

Once you are finished with the necessary configurations you may click the Update Settings button to save the entire settings.

Help Guide

The Help Guide section contains two subsections filter page and help links.

Filters

Here you can find a number of useful filters that you can add to the code to create documents that best fit your needs. 

Customization filters

For example, if you wish to alter the order date on your documents you can add the filter wf_pklist_alter_order_date to the backend code as shown below. You can change the values as per your requirements. 

Example for customization using filter

Help links

In this section, you can find the documentation and contact the support team. 

Help guide section of the plugin

Invoice Settings

Here you can configure the invoice to meet your store’s needs. 

General

In the ‘General’ section you can configure the general settings required for the invoice.

General settings for Invoice

Enable Invoice – By enabling it you are permitting admin as well as customers to have access to print, download, and attach invoice in the mail, etc., from wherever applicable. On disabling it, you will remove all the provisions but the admin will still be able to customize the template, set invoice number pattern, etc. Yes is chosen by default.

Use order date as invoice date – If you choose ‘No’ then the invoice date will be the date on which it is generated. By choosing ‘yes’ you can apply the order date as invoice date. By default, it is chosen as ‘yes’.

Generate invoices for order statuses – Here you can select one or more order statuses on which invoices should be generated.

Attach invoice PDF in order email – PDF version of the currently active invoice template will be attached with the WooCommerce order emails sent to customers and admins for the above-chosen order status(es). ‘Yes’ is chosen by default.

Enable print invoice option for customers – By enabling this option you will be able to add a print button to the order email/order summary for your customers to print invoices from. It is disabled by default.

Add customer note – Here you can choose to display customer note (order notes) entered by customers on the WooCommerce checkout page to the invoice generated in your store. 

Custom logo for invoice – Here you can upload to include a unique logo in the invoice other than the one loaded from the general settings. If left blank defaulted to logo from General settings.

Finally, hit the Update Settings button to save the settings. 

Customize Invoice

This section is for customizing invoices to match your needs and requirements. 

Invoice customization window

On the right side of the page, you can view different elements that you can add or delete from the invoice by toggling the button next to each one of them. Some of these elements are only available in the premium version of the plugin. 

The left side gives you a live preview of the invoice template as you make changes to it.

Once you expand one of the elements you can view additional customization options specific to the element. You can make use of these customizations if needed.  

For eg: When you click the element ‘Company logo’ it expands to provide you with the following customization options. 

Company logo customization

Display – Choose either company logo or company name to display on the invoice.

Logo width and height – Add logo width and height in pixels.

Extra details – Add any extra details to display below the company logo. 

Extra details font size – Select a font size for the extra details.

Header color – Choose a header color for the document.

The above customization options are specific to company logo. Each of the template elements contain such extra options for customization. 

To get a preview of the sample invoice PDF for a specific order,  you can enter the order number in the prescribed field and click the Preview sample PDF (Order:xxx) link. 

Preview link for Invoice PDF

Once you have completed all the customizations you can click the Save button to save (with a name) the newly configured invoice template. Or you can click cancel to edit the template. 

Cancel/save/create template

The adjacent hamburger menu contains two options. Create new template (reverts to the default settings for you to create a new template.), My templates (allows you to choose from any previously saved invoice templates).

Invoice Number

You can use the configurations below to set up a custom invoice number with prefix/suffix/number series or mirror the order number respectively.

Invoice number customization

Invoice number format – You can select an invoice number format from the drop-down. You can choose from prefix, suffix, or both for your invoice number. 

Available Invoice number formats

Use order number as invoice number – By choosing ‘yes’ you can use the order number as invoice number. Else, you can create an invoice number of your own choice by specifying an invoice start number. 

Invoice number settings

Invoice length – It indicates the total length of the invoice number, excluding the length of the prefix and suffix if added. If the length of the generated invoice number is less than the provided, it will be padded with ‘0’. Eg: if you specify 7 as invoice length and your invoice number is 8009, it will be represented as 0008009 in the respective documents.

Now, click the Update and Reset button to apply the changes to the invoice number.

Shipping/Address Label Settings

In this section, you can configure how you want to your store generated shipping label to look. 

General

General settings for Shipping label

Shipping label size – Shipping label size is selected as ‘Full Page’ by default. Custom label size is only supported in the premium version. 

Add footer – By selecting ‘Yes’ you can add the footer configured in the general settings page to the shipping label.

Shipping Label Customization

Customization settings for Shipping label

Just like the customization of the invoice you can make changes to the shipping label by using the toggle buttons. 

For additional customization, click on any of the customization element to expand further customization options.

For eg: customization of From address.

'From Address' customization

Title – Here you can add the From title. 

Title font size – Choose a title font size and Address font size. 

Finally, click the Save button to save the changes. 

Other Documents (Packing Slip/Delivery Note/Dispatch label)

The remaining documents such as the Packing slip, Delivery note, and Dispatch label are included in the other settings page. You can configure them from this window. 

Packing slip/Delivery note/Dispatch label customization

Packing slip

The following are the settings available for packing slip documents. 

Include product image – Here you can choose to add a product image in the product table of the packing list generated from your store. 

Add customer note – Choose customer note to the packing slip. 

Add footer – Add the previously configured (general settings) footer to the document. 

Delivery Note

Configure the following delivery note settings.

Include product image – Include product image to the delivery note

Add customer note – Add customer note to delivery note.

Add footer – Add footer to delivery note.

Dispatch Label

Configure the dispatch label settings. 

Add customer note – Add customer note to dispatch label.

Add footer – Add footer to the dispatch label.

  • Was this article helpful?
  • YesNo

Written by

Haritha

Haritha writes for WebToffee on everything related to WordPress/WooCommerce plugins in simple tutorials, blogs, and documentation to help run your WooCommerce store.

Comments (2)

  1. Mark Hoskins

    November 25, 2020

    Hi there. What appears in in my “Customize” invoice page, e.g. and Extra Charges Field (Australian GST) doesn’t appear on the printed invoice. Any ideas?

    Many thanks

    Reply
    • Mark

      Mark

      December 2, 2020

      It will appear in the printed invoice if the data is present in the order details. Kindly ensure it is present in the order.

      Reply

Leave a Reply

Cancel reply

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

We develop awesome WordPress plugins & WooCommerce extensions to help build successful online businesses.

Get Started

  • Plugins
  • Testimonials
  • Affiliates

Help & Support

  • Documentation
  • Documentation (Basic)
  • FAQ
  • Support

Company

  • Terms & Conditions
  • Privacy Policy
  • Refund policy
  • License Activation

© 2021 WebToffee. All rights reserved.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies. However you may visit Cookie Settings to provide a controlled consent.
Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of the basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website, to store user preferences and provide you with content and advertisements that are relevant. Such cookies will be stored on your browser but only upon procuring consent.

You will also have the option to opt-out of these cookies should you want to. But opting out of some of these cookies may have an effect on your browsing experience as per the descriptions elucidated against the respective categories below.

Necessary
Always Enabled

The cookies defines under this category are absolutely essential for the website to function. Hence they are loaded by default irrespective if user consent.

CookieDescription
PHPSESSIDThis cookie is native to PHP applications. The cookie is used to store and identify a users' unique session ID for the purpose of managing user session on the website. The cookie is a session cookies and is deleted when all the browser windows are closed.
viewed_cookie_policyThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Analytics

Analytics cookies help us understand how our visitors interact with the website. It helps us understand the number of visitors, where the visitors are coming from, and the pages they navigate. The cookies collect this data and are reported anonymously.

CookieDescription
_gaThis cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, camapign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assigns a randoly generated number to identify unique visitors.
_gat_gtagIdentification code of website for tracking visits.
_gidThis cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the wbsite is doing. The data collected including the number visitors, the source where they have come from, and the pages viisted in an anonymous form.
_hjidHotjar cookie. This cookie is set when the customer first lands on a page with the Hotjar script. It is used to persist the random user ID, unique to that site on the browser. This ensures that behavior in subsequent visits to the same site will be attributed to the same user ID.
_hjIncludedInSampleThis cookie is set to let Hotjar know whether that visitor is included in the sample which is used to generate Heatmaps, Funnels, Recordings, etc.
has_recent_activityThis cookie is used to signal to the code repository website if the user has browsed other website resources during the current session.
tk_aiGathers information for our own, first party analytics tool about how our services are used. A collection of internal metrics for user activity, used to improve user experience.
tk_lrThis cookie is set by JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack
tk_orThis cookie is set by JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack
tk_qsGathers information for our own, first party analytics tool about how our services are used. A collection of internal metrics for user activity, used to improve user experience.
tk_r3dThe cookie is installed by JetPack. Used for the internal metrics fo user activities to improve user experience
Advertisement

Advertisement cookies help us provide our visitors with relevant ads and marketing campaigns.

CookieDescription
_fbpThis cookie is set by Facebook to deliver advertisement when they are on Facebook or a digital platform powered by Facebook advertising after visiting this website.
frThe cookie is set by Facebook to show relevant advertisments to the users and measure and improve the advertisements. The cookie also tracks the behavior of the user across the web on sites that have Facebook pixel or Facebook social plugin.
Preferences

Preference cookies are used to store user preferences to provide them with content that is customized accordingly. This includes the language of the website or the location of the visitor.

CookieDescription
_gh_sessThis cookie is used to preserve users states across page requests.
Save & Accept