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.

Download the zip file from API Downloads by logging into your WebToffee MY ACCOUNTS page.
Log in as the WordPress Admin of your online store.
Navigate to Plugins > Add New to upload the downloaded plugin.
Choose the plugin file to upload.
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).

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.

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.

To create a new shipping label template,

Click on Change layout> Choose the template> Make necessary changes and save to view the option “Create new template”.

Select a template from the Create new template option.
From the inbuilt templates that pop up, choose a layout.

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

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

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

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

Was this article helpful?
Yes No

This article posted in Documentation, Knowledge Base, Print Invoice, Packing Slip, Delivery Note & Label for WooCommerce, Shipping Label and tagged Shipping label, woocommerce

Written by

WebToffee Team

WebToffee Team is a group of WordPress and WooCommerce enthusiasts consisting of expert developers, testing engineers, technical support engineers, and SMEs.

Comments (4)

Greg Beer
January 21, 2021
Is there not a way to modify the layout – individual address pieces – in the customization?
Reply
- Mark
  January 25, 2021
  Hi Greg,
  You can use the filter in this article to modify the address format.
  Reply
chadktracy
December 21, 2020
I’m having trouble adding a custom field added by this plugin:
Reply
- Mark
  December 21, 2020
  Please write to us in detail via the contact page and a support agent will get back to you.
  Reply

Cookie	Description
PHPSESSID	This 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_policy	The 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.

Cookie	Description
_ga	This 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_gtag	Identification code of website for tracking visits.
_gid	This 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.
_hjid	Hotjar 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.
_hjIncludedInSample	This 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_activity	This cookie is used to signal to the code repository website if the user has browsed other website resources during the current session.
tk_ai	Gathers 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_lr	This cookie is set by JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack
tk_or	This cookie is set by JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack
tk_qs	Gathers 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_r3d	The cookie is installed by JetPack. Used for the internal metrics fo user activities to improve user experience

Cookie	Description
_fbp	This 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.
fr	The 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.

How to set up a WooCommerce custom shipping label

Installation of the plugin

Step 1: General Settings

Step 2: Customize

Written by

Comments (4)

Leave a Reply
Cancel reply

Leave a Reply

How to set up a WooCommerce custom shipping label

Installation of the plugin

Step 1: General Settings

Step 2: Customize

Share this post

Written by

Comments (4)

Leave a Reply Cancel reply

Leave a Reply

Leave a Reply
Cancel reply