Documentation/Print Invoice, Packing Slip, Delivery Note & Label for WooCommerce/How to set up a WooCommerce custom shipping label

How to set up a WooCommerce custom shipping label

The shipping label directs each node in the supply chain toward the destination. Thus customizing shipping labels to your company’s and customers’ preference would be a good idea. You can set up your own custom label using WebToffee’s PDF Invoice & Packing List plugin for WooCommerce. This plugin gives you vast customizing options for creating shipping labels.

Installation of the plugin

After purchasing the Print Invoice, Packing Slip, Delivery Note & Label Plugin for WooCommerce, the plugin will be available as a zip file in the API Downloads section of your MY ACCOUNT page.

  1. Download the zip file from API Downloads by logging into your WebToffee MY ACCOUNTS page.
  2. Log in as the WordPress Admin of your online store.
  3. Navigate to Plugins > Add New to upload the downloaded plugin.
  4. Choose the plugin file to upload.
  5. Finally, activate the plugin.

Once you have installed and activated the plugin, a new section is available in the WordPress menu titled Invoice/Pack List. You can get to this section by navigating to the Invoice/Packing > Shipping Label from your WordPress dashboard. Select the Shipping Label directly from the submenus or click on the Settings button from the General Settings > Documents tab to access the Shipping Label settings window.

All the generic settings that need to be used across all the documents can be configured in the General Settings window. It contains provisions to configure the company logo, address details, RTL support and many more. To know more about general settings configurations, refer here.

A Shipping Label can be set up in two easy steps:

Step 1: General Settings

You can configure the general settings required for the shipping label.

WooCommerce Invoice:Pack Slip-Shipping Label General Settings
WooCommerce Invoice/Pack Slip-Shipping Label General Settings
  • Enable multiple labels in one page – Choose Yes to generate multiple labels on one page itself. When enabled, you will get an option to input the number of labels in a row.
Shipping label-number of labels in a row
  • Shipping Label Size – Allows you to set the size of the shipping label. You can choose between either full page or custom.
    • Full Page: This option allows you to print the label which will be spread over the full page. The printing depends on the browser printing option.
    • Custom:  This option allows you to print the label in the desired size. You can configure custom shipping label size of your own by entering size values in terms of width and height (inches).
  • Shipping label size
  • Order Meta Fields – Allows you to add additional order meta fields in the shipping label. You can select a field from the list of default fields or click the Add Existing Order Meta Field button to create custom meta fields by providing a custom Field Name and the respective meta key for the field. The order meta keys can be found in the custom field section in the WooCommerce Order page of a product.
  • Enable print shipping label option for order status: Adds print shipping label button to the order email for chosen status from the drop-down as shown below.
  • Sample WooCommerce Shipping Label
    Sample WooCommerce Shipping Label

    Once all the settings are configured, click the Update Settings button.

    Step 2: Customize

    You can customize and create a new template of a shipping label from the existing templates.

    WooCommerce Shipping Label Customize

    To create a new shipping label template,

    1. Select a template from the Create new template option.
    2. From the inbuilt templates that pop up, choose a layout.
    Shipping label-Theme
  • The chosen layout will then be displayed in the customize window. The elements that are already configured from General Settings will be auto-populated. Users can make the necessary changes to the layout using the toggle options.
  • You can even switch to the code editor, to make additional customizations other than the one listed in the visual editor.
  • While making changes via code editor it would be better for you to refer the help which briefs about placeholders, alternate classes for RTL support, etc as shown below:
  • WooCommerce Invoice or packing-Invoice Settings- Customize-Code Editor-Help
    WooCommerce Invoice or packing-Invoice Settings- Customize-Code Editor-Help
  • Make the necessary modifications to the layout and save it.
  • After saving, activate the template to use it further for your shipping label.
  • You can directly print the shipping label as shown below or select multiple orders from WooCommerce orders page and print them via bulk actions:

    WooCommerce Order Page-Print Shipping Label
    WooCommerce Order Page-Print Shipping Label

    A sample shipping label for two different orders will be as shown below:

    Sample WooCommerce Shipping Label

    For detailed information about all these fields, you can refer to the Product Page.

    • Was this article helpful?
    • YesNo