What can we help you with?

How to set up ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers?

This article is the step-by-step tutorial to set up ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers. For more information on the plugin, refer to the product page.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers plugin helps to set up a platform to calculate the shipping rates based on the source and destination addresses and weight & dimensions of products. With this Shipping Calculator, customers can choose a shipping service for printing shipping labels and getting the tracking links seamlessly. You can also charge additional handling fees along with the shipping labels.

Currently, it supports the EasyPost shipping service.

Overview

Here are some of the major highlights of this plugin:

  • Calculates Shipping Rates: You can enter the country and zip code of the sender and receiver, the weight and dimensions of items to check the available shipping services, and their rates.
  • Calculate Rates for Custom Packaging: If you do not go for the default available shipping services listed, you can choose the custom packaging option and enter the weight and dimensions to calculate the shipping rate.
  • Print Shipping Label: You can enter the address and contact details of the shipper and receiver, and print the label in just one click.
  • Print Shipping Labels for Multiple Packages: If you need to print labels for multiple products, you can feed the weights and dimensions into a CSV file, upload it, and print the labels.
  • Handling Fee: When you provide your Shipping Calculator for third parties, you can charge them as handling fees when they proceed with each shipment.
  • Send an Email with the Label and Tracking Link: You can set a custom email body and subject to send the generated label and tracking link to the entered sender and receiver’s email addresses.
  • Provide Access to Shipping Calculator: You can provide access to the Shipping Calculator page for selected user roles in your store and you can restrict guest users from accessing it.

All the above features (and many more!) are bundled to serve you to seamlessly calculate shipping rates and print labels.

Create a Page on Your Website to Display the Shipping Calculator

Before configuring the plugin, you need to create a new page to feature the shipping calculator on your site. The Shipping Calculator needs to be displayed on a dedicated webpage on your website. For that, create a new page on your website and add a shortcode.

Go to WordPress Dashboard > Pages > Add New.

Add a title, say, for example, Shipping Calculator.

For adding the shortcode, click the ‘+’ button and search for Shortcode.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | choose shortcode

Click it and add the shortcode – [multilabel].

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Adding shortcode

Click Publish.

It will display on the assigned page for Shipping Calculator as in the below screenshot.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Shipping calculator front end

The configuration part is done.

Getting started with ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers

Read an article to know how to complete the checkout process on ELEX. You can also read how to download, install, and activate ELEX plugins.

You can access the plugin settings in the following ways:

WordPress Dashboard > Plugins > Installed Plugins > ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers > Settings.

Or

WooCommerce > Settings > Shipping > ELEX WooCommerce Shipping Calculator, Purchase Label

Now, we know what the plugin has to offer, and have installed it on the WooCommerce store.

Let’s get down to configuring the plugin.

Add EasyPost Credentials

Here, you need to enter your EasyPost API-Key and enable the API Mode to Live or Test. As of now, it supports FedEx, UPS, USPS, and Canada Post via EasyPost.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Enter easypost credentials

  • API Mode: Live mode is the recommended mode. You can switch to the Test mode for development purposes.
  • EasyPost API-KEY: Enter your EasyPost API-Key. For accessing EasyPost APIs, you need to register with EasyPost. After successful registration, you’ll receive a test key and live key. Enter the received API key in this field.

Shipping Calculator Homepage

  • URL: Provide the shipping calculator home page URL to redirect customers to edit the entered shipping details before placing the order from the Checkout page.

Click Save changes.

General settings

The general settings are as shown in the below screenshot.

General settings shipping calculator

Shipping Locations

  • Shipping From: You can either choose Shipping from all countries or Ship from specific countries only. If you choose the first option, the customers can generate labels for shipping from any country in the world.  If you choose the latter, you can choose the countries which need to be available for customers to generate labels when they enter the source address (‘from’ address).

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | shipping from selected countries settings

  • Shipping To: Similarly, you can either choose Shipping to all countries or Ship to specific countries only. If you choose the latter, you can choose the countries which need to be available for customers to generate labels when they enter the destination address (‘to’ address).

User Role Access 

  • Access to Shipping Calculation: You can choose the user roles for which the Shipping Calculator access needs to be provided. You can choose the user roles from the drop-down list. If you do not choose any user roles, it will be available for all user roles.

User role access

  • Exclude Guest User: If you do not want to provide access to Shipping Calculator to guest users/unregistered users, you can enable this option.
  • Display Rate Option: Allow customers to choose between Retail and Commercial rates on the frontend of your shipping calculator by enabling the display rate option. The commercial rate will be displayed as the default option if it is not enabled.

ELEX WooCommerce Shipping Calculator

Advanced Tracking

  • Debug Mode: You can tick the Debug mode checkbox to find the error(s) on WooCommerce logs.
  • By enabling debug mode, you can trace the issue using logs. You can see information about debugging on the WooCommerce log.Go to WooCommerce > Status > Logs.Choose the log from the drop-down pick-up list and check the issues.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | logs

Note: This mode is not recommended on live sites.

Set Default Address

Enter the address details that you want to display as the default ‘from’ or ‘to’ address on the Shipping Calculator’s page.

  • Use this Address as: You can set the default address as a ‘To’ or ‘From’ address using this drop-down menu. If None is chosen, no default address will be shown, and the customer will be able to enter any address based on their requirements. If you’ve set the From or To address as the default, the customer won’t be able to alter or modify that field.
  • Default Address Details: Enter the name, country, state, postcode, city, address, email, and phone number of the default To or From address.

As you can see in the screenshot below, the default To address is already filled in.

ELEX WooCommerce Shipping Calculator

Branding Display

  • Powered By ELEXtensions: Enable this option to display the ‘Powered By ELEXtensions’ tag on the front end.

Click Save changes after configuring the fields.

Rates & Services settings

This tab is for setting up the label to be printed, handling fee, and the details of shipping carriers.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Rates and Services settings

Rates and Services Settings

  • Print Label Type: With this field, you can select the desired file format for printing the shipping labels.
    The available options are as follows:

    • PNG: This option prints the label in Portable Network Graphics (PNG), which is a file format that supports lossless data compression.
    • PDF: This option prints the label in Portable Document Format, which is used to present a document in an independent manner regardless of application, software, hardware, and operating systems.
    • ZPL: This type prints the label in ZPL file format, which is mostly used to store playlist information.
    • EPL2: This type prints the label in Eltron Programming Language format for printing labels on media of reduced space, and supports bitmaps. It is best suitable to print labels that contain barcode information.
  • Handling Fee (USD): If you want to add a handling fee to the sub total, you can add the amount here. The amount will be automatically added to the sub total, which you can see on the Checkout page.

If any third-party uses the Shipping Calculator and prints the label, the Handling Fee will be credited to the store owner or site owner’s account.

Configure Order Status

  • Status for Successful Label Creation: You can select a WooCommerce order status from the drop-down list. When the label has successfully generated, the order status will be set to this entered status.
  • Status for Failed Label Creation: You can select a WooCommerce order status from the drop-down list to set as the status to the order if the label generation failed.

Order Completion Message

  • Label Generation Success Message: Enter a custom text to be displayed on the Order completion page if the label has generated successfully.
  • Label Generation Error Message: Enter a custom text to be displayed on the Order completion page if the label generation has failed.

Carriers and Services

  • Shipping Carrier(s): You can select the shipping carriers you would like to list on the Shipping Calculator. 

I have chosen FedEx in the above screenshot. So all the services by FedEx will be listed with an option to add a fixed price or percentage as price adjustment.

Similarly, if you choose a shipping carrier, all its available services will be listed, from where you can tick required services to be available on Shipping Calculator and enter a price adjustment if required. You can select multiple carriers together.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

Click Save changes after the configuration.

Email Settings

Using this option, you can trigger a custom email that contains the shipping label and tracking link to the entered shipping and billing email addresses automatically when a label is generated in the Shipping Calculator.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

  • Email Subject: Enter a custom email subject.
  • Email Recipients: Choose the recipients to whom you need to send the emails.

You have 3 options here:

  1. Both: To send email to both sender and receiver’s email IDs.
  2. Shipping from Email ID: To send email to the sender’s email ID.
  3. Shipping to Email ID: To send email to the receiver’s email ID.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Email recipient settings

You can draft custom email content in text (using HTML tags) format or visual format.

On the draft of the email, you can add the shortcodes of the shipping label and tracking links at which part of the mail body you need to display them. The shortcodes are as follows:

For shipping label – [SHIPPING_LABEL]

For tracking link – [TRACKING_LINK]

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

Click Save changes after entering the required content.

Customize

This option is to customize the text and colors of the Shipping Calculator template.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Customize shipping calculator template settings

Customize Template Text

  • Heading: Enter the heading to be displayed on the front end. You can either add it in HTML format or plain text.
  • Description: Enter the description text to be displayed on the front end. Both HTML and plain text format are supported.
  • Checkout Button Text: Enter the text to be displayed on the Checkout button.
  • Configuring Help Icon: Enter the URL of the page, article or documentation in which you can display the entire process of the shipping calculator. Once you add a URL here, a help icon will be displayed in the front end.

Customize Template Color

  • Background: Choose the background color.
  • Selected Tab: Choose the color for the selected tab.
  • Buttons: Choose a color for the selected buttons.

Check the template:

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | shipping calculator template on front end

Demonstration

Let us now move to the Shipping Calculator page to see the configured features.

We shall go through it with an example.

Example: I need to ship my product from an address in New York to an address in Los Angeles. For that, I need to choose a package option according to my product’s weight and dimensions and opt for the most feasible shipping service by checking their rates and estimated delivery date. Then, I need to print the shipping label and get the tracking link.

So let us check how you can choose a shipping service, print the label, and get the tracking link with the example mentioned above.

For that, go to the Shipping Calculator page we have already created.

A new window will be opened with a tab SHIPPING.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Example of entering details in shipping calculator

Enter the sender and receiver’s zip code, country, sender/receiver name, address, city, state, email, and contact number. Then click NEXT.

You will be redirected to the next tab – PACKAGES.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

Here you can either choose an available carrier packaging option or a custom packaging option for individual products by entering their weight and dimensions for printing shipping labels. You can add a large number of products together by entering the weight and dimensions of each product in a CSV file and upload it to generate packages separately.

If you want to create a custom package, choose the Custom Packaging option from the drop-down pickup list.

Choose the weight and dimension units.

For weight, you have kg, lbs, oz, g, and for dimensions, you have in, cm, m, and mm units.

You can choose the corresponding units of the product ordered by the customer.

Check the below screenshot of the ordered product’s weight and dimension.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | weight-and-dimensions

I have entered the same details on the Shipping Calculator.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | custom packaging option

If you need to add more items, you can click +ADD ANOTHER PARCEL and add the details of the other products.

If you want to choose a carrier packaging provided by EasyPost services, you can choose Carrier Packaging from the drop-down pick up list and select the required packaging.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

After choosing a required package, you can enter the weight of the item according to the requirements.

If you want to generate multiple labels together, enter the weight and dimensions of all the products in a CSV file one by one.

You can download the template by clicking the ‘sample template’. You can fill the details on the template, save it, and upload it by choosing the file from your device.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Add multiple packages

Check an example of a downloaded CSV file template.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | shipping calculator csv template

You can enter the weight, height, length, and width of the items one by one. Save and upload it.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Choosing csv file with multiple products

After that, click the NEXT button for moving to the next step. If you want to go back to the previous step, click PREVIOUS.

You will be redirected to the next tab – SERVICES.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Available services

From this tab, you can choose a shipping service for the package(s) you have created.

Then, click PROCEED TO CHECKOUT.

You will be redirected to the Checkout page. Here you can proceed to place the order for generating the labels and getting the tracking links.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Shipping calculator checkout page

Please note, the product here is the service you have chosen previously. 

If you have added the handling fee under Rates & Services settings, it will be added with the subtotal (shipping rate).

If you need to go back and edit the previously added details before the checkout process, click the Edit Label Details button. It will redirect to the home page of the shipping calculator you have configured.

Click the Proceed to Generate Label button after entering the details for generating label(s).

If it has successfully generated the label, a new page will be opened as ‘Order received’ with the custom text you have configured for successful label generation. You can find the links to download labels and check tracking details at the bottom of the page. 

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

When you click the link to download the label, you will be redirected to a new page with the label, from where you can download the shipping label. Check the example of a generated label:

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

When you click the tracking link, you will be redirected to EasyPost’s tracking page. Check a sample tracking page.

Note: This is not a real tracking code and not a real order created by the customer. This screenshot is only for demonstration purposes.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | EasyPost tracking

If the label generation is failed, it will display the Label Generation Error Message.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Label generation failed message

When the label has been created, the same link to download the label will be mailed to the sender’s and receiver’s mail IDs with the tracking number. To configure the mail with the links, check the Email Settings section in this document.

Check an example in the below screenshot.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers | Shipping label in mail

If the customer needs to check the generated label and tracking link whenever they need it, they can go to the My account > Orders. They can view all orders they have made and click the view option to redirect to the individual order page from where they can download the label and get the tracking link.

ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers |

This is how you can calculate shipping rates and generate labels using ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers plugin.

Check the below video to understand the benefits of the plugin and a few use cases:


To explore more details about the plugin, go check out ELEX WooCommerce Shipping Calculator, Purchase Shipping Label & Tracking for Customers.

You can also check out other WooCommerce and WordPress plugins in ELEX.

You must be logged in to post a comment.