NOTE
The Pio app functionalities presented in this article are only visible to Pio Admins.
Learn how to integrate your Shopify and Pio app with nShift Webshipper to simplify product shipping from Pio.
You only need to set up the Webshipper integration once. The integration setup can only be finished when the Pio app is ready and connected with the Pio grid, as it requires the ports to be available for choosing the printers to use for each port.
When shipping something through Pio, you will, if set up correctly, never have to log in to the Webshipper service. We have added some additional steps to setting up Webshipper in the bottom of this article: More details for first-time users of Webshipper
Follow these steps to integrate Webshipper with Shopify + Pio
Add a new API token in Webshipper
Add the Webshipper integration in Pio App
Install Webshipper Silent Printer
Webshipper printer settings
Add a new API token in Webshipper to use in Pio app
Log in to the Webshipper account and navigate to Settings > Access and tokens and select 'Create API token'. An API key/token in Webshipper is used to connect the Pio app with Webshipper.
Use the following settings for the new token, and Click 'Save' in the upper right corner when ready:
- Expires: Never
- Scopes: Select all (important!)
A pop-up modal will show the API token.
Copy (and keep) this key and use it when setting up the integration in the Pio app in the next step.
Add the Webshipper integration in Pio App Admin
The Webshipper integration is located in the Pio App Admin. Navigate to the Admin section > System > Software integrations > Webshipper and fill in the details in Steps 1 to 5.
Step 1 - Enter your Webshipper account name
Enter the name of your Webshipper account name here (do not include the rest of the URL).
Step 2 - Enter your token number
You should already have the API token in your clipboard from the step above.
Step 3 - Choose your order channels
Select the webshops you want to use with Webshipper & Pio
Step 4 - Available shipping rates
The list will show the shipping rates currently available in Webshipper. If you add more shipping rates later, you will have to go back to the Webshipper settings and refresh the available rates for the integration.
Step 5 - Connect a printer to the ports
Choose the printers located next to each of the ports. If the Webshipper integration is set up before the new Pio grid is ready, printers and ports can be mapped later.
Summary
This overview shows the current setup for Webshipper integration in Pio. You can click the pencil icon to the right to edit the connections.
Success
The success page will show when the Webshipper account is successfully connected to Pio.
When the Webshipper integration is added to the Pio app, you are ready to test the order flow and fulfillment with shipping methods and shipping labels from Webshipper.
Install Webshipper Silent Printer
A printer client is required to run on the laptop where the printer is connected (via USB or Bluetooth).
Login to Webshipper and navigate to Print to 'Download client for Windows'.
Start the printer client app and connect it to your Webshipper account by filling in your Webshipper account name + username/password:
The Webshipper Silent Printer will be running in the background and list all print jobs sent from Webshipper to the label printer.
Important! If you ever change the Webshipper account password used to set up the Silent Printer application, you will need to re-enter your login information on Silent Printer in order for it to continue functioning properly.
Webshipper printer settings
After installation of the printer client, you have to connect the workstation/laptop with your Webshipper account.
Go to Connect > Order Channels > Shopify > choose Edit Order channel in upper right corner > Print settings > choose the new workstation in dropdown:
After choosing the default workstation for printing, proceed with setting up where to print the different shipping documents.
Go to Print in main menu and click the Workstation where the printer client is installed.
Choose "Edit" in upper right corner to associate printers and documents.
More details for first-time users of Webshipper
We have added some steps to get started with Webshipper (and Shopify) with Pio. Please find the additional steps and recommended preparations below on how to add the Webshipper app to Shopify, add a new order channel for your store to Webshipper, and more.
Recommended preparations in Shopify
Recommended preparations in Webshipper
Install Webshipper app in Shopify
Set up a new Order Channel
Set up shipping rates in Webshipper
Enable Webshipper shipping rates in Shopify
Set up Zebra label printer
Recommended preparations in Shopify
If you are using Shopify for your e-commerce, Webshipper app should be added to Shopify. To use the Webshipper shipping rates in the checkout, you have to enable "Third-Party-Calculated-Shipping-Rates" in Shopify.
Webshipper's documentation for how to do this: Get started with Shopify (requires login)
"Third-Party-Calculated-Shipping-Rates" must be enabled by Shopify customer support. You can contact Shopify chat here (requires login with your Shopify account).
Recommended preparations in Webshipper
Carriers with shipping rates can be set up and enabled before the integration is added. Also, the printer client for Windows laptop where the label printer is connected to can be installed and tested before integration is set up. Details from Webshipper are found further down in this article: Install Webshipper Silent Printer
See also Webshipper's own article for more details: How to get started with Webshipper (requires login)
Install Webshipper app in Shopify
Log in to your Webshipper account > Connect > New Order Channel > choose Shopify.
Fill in the name, number of drop points and set the integration to "Synchronising".
The screenshot below shows the recommended settings for the order channel.
Fill in your Shopify URL and click "Grant Permission":
You will be redirected to your Shopify admin page to install the app.
Click “Install app”:
You will be redirected back to Webshipper page to continue setting up the integrations.
Set up a new Order Channel
Continue with adding a new Order Channel in Webshipper for the Shopify store:
- Locations (must be added in Settings > Locations)
- Parcel slip (select "Do not print automatically" if you don't want to print a separate parcel slip with each picked order)
- Print settings (return to this after printer client is installed)
In the Advanced settings, the options should be left unchecked (Send automatically, Fulfill automatically, Synchronize additional attributes, Convert currency for rate quotes).
More details on this setup can be found in Webshipper's article Get started: Shopify
Set up shipping rates in Webshipper
In the Webshipper account, go to Connect > Carriers and enter your carrier account details.
Once the carrier's account details are added, you can proceed with adding these shipping methods to your Shopify checkout.
Enable Webshipper shipping rates in Shopify
In your Shopify Admin, the shipping setup should now be changed to use only Webshipper carriers in the checkout.
Go to Settings > Shipping and delivery > Shipping > click “Manage” on the existing shipping rate > click “Add rate” and choose “Use carrier or app to calculate rates”.
This will give you the option to use "Webshipper Rate Provider" and to choose which of the services should be offered for the current shipping zone:
Set up Zebra label printer
See details for printer settings here: PC
Go to Printer settings for the newly installed printer and choose Printing Preferences to adjust the size of labels to 100x192mm.