When you're ready to begin verifying an order in GroovePacker Lite you'll begin by providing the order number of the order you wish to verify.
You have a scanner right there, why not let it do the typing? To make this happen you'll need a packing slip with an order number barcode.
Pro Tip: We recommend printing packing slips on a 4"x6" thermal label. This allows you to use the same printer for Shipping labels and packing slips. Since both are thermal you won't need to refill ink or toner.
Pro Tip 2: Shopify now supports printing barcodes on the native Shopify packing slip. If you're already using this packing slip this will be the best option. Instructions can be found here.
Print via GroovePacker Lite:
A basic packing slip that lists the items and their quantities can be printed directly from the Shopify Orders List through GroovePacker Lite. If you want to get started immediately and you do not need to print large batches orders this is a good option.
1) Select up to 10 orders in the Shopify orders list. (if there are few order items and locations are not displayed on the packing slip it may be possible to print more than 10 at a time.) If you need to print more than 10 orders per batch scroll down to the "Native Packing Slip" section below.
2) Click the "caterpillar" menu at the bottom of the page for more options
3) Choose "Print with GroovePacker Lite" from this options menu
The packing slips will be generated and displayed in a new tab. If this is the first time you are printing you will need to allow popups from the GroovePacker Lite site. You can click the "lock" icon in the URL bar to change the setting.
The packing slips will be displayed as soon as they are generated and you'll see a print button that will launch the printing window.
Set the Scaling to 50% for printing on 4" x 6" thermal labels or leave the default scaling (100%) when printing on standard 8.5" X 11" pages.
We recommend printing packing slips on a thermal printer since it is very convenient to print both packing slips and shipping labels on the same printer. Thermal printers are nice because they are very low maintenance, (no ink to refill, very dependable) and the barcodes tend to be very easy to scan.
The customizable (more advanced) option:
If you need to customize your packing slip the Order Printer app makes it possible to add a barcode and make additional changes to the packing slip template using Shopify's liquid variables. If you do not have experience with html and you require a custom packing slip, the "Templates for Order Printer" app is a good option. I am told their support team is able to assist with customizations.
Since Shopify now supports printing barcodes on the native Shopify packing slip. You'll probably want to go that route unless you are planning to create or purchase a more advanced template. Instructions for adding a barcode to the native Shopify packing slip can be found here.
This video is a good overview for using Order Printer. I have tried to mention all helpful tips and common issues in the instructions below the video. You can find the HTML for the Order Printer template here.
First, install Order Printer if you've not done so already.
Once Installed you should find it proudly listed in your Shopify App list. Click it's icon and you should see a Manage templates button near the top of the window that looks striking like the one shown here:
Give that button a click and find the default packing slip template or the one you're currently using.
In this version the one that is currently in use has a checkbox. If you're making further changes to one you have customized that will be the one to start with. If you're new to Order Printer then any Packing Slip template will do. Click "Duplicate Template" to make a copy to work with. This leaves the original un-modified.
I would begin by giving this copy a name that makes it easy to distinguish from the rest, even after 22 months of not considering what you named it.
In the code section you can find a spot to add just the barcode code, if you're working with your previously customized template that is perfect in every way (save the lack of barcode). Or if you're starting more from scratch you can select everything in the code section (ctrl-a) and delete it, to paste in the larger block of fresh code below. (you gotta love the smell of fresh code)
Here is the bit that you'll need to add to generate the barcode:
<img src="https://barcode.tec-it.com/barcode.ashx?data={{ order_name }}&code=Code128&translate-esc=on" alt="the barcode printer" border="0" width="125" height="75">PRO TIP! - When you paste you'll want to check that the above HTML is all on the same line. Having a line break will prevent the barcode from displaying as expected.
In the code above 'order_name' is used rather than 'order_number'. This will include the default hashtag or any prefix that you have added to the order number in the Shopify store general settings. Ultimately the goal here is to have the value of the barcode match the value that the app will search to find the order. If the order in shopify includes a prefix we want to be sure that the barcode value does as well.
IMPORTANT: The # character that shopify adds by default will prevent the barcode from loading properly and you'll see a "broken image" icon.
You can remedy this by changing the order number prefix from a # to something that does not break the URL, Or you can remove the prefix if it is not needed. (see below)
To fix you can remove the # by going to Settings > General
ADVANCED: If you must have the hashtag you can opt to use the order_number rather than order_name and you can add the hashtag by placing %23 immediately after "code=" just before the double brackets. This should "hard code" the hashtag.
Here is what the snippet above looks like with this change:
<img src="https://barcode.tec-it.com/barcode.ashx?data=%23{{ order_number }}&code=Code128&translate-esc=on" alt="the barcode printer" border="0" width="125" height="75">PRO TIP! - When you paste you'll want to check that the above HTML is all on the same line. Having a line break will prevent the barcode from displaying as expected.
If you're just getting started with Order Printer and you're looking for a good starting point, that contains a format that works as a standard packing slip, and includes a barcode, I would give the code below a try first.
I have added both versions of the barcode snippet. If both work, remove one. If one works remove the other.
<center>
<!-- This is a comment! The tags before and after this text hide it.-->
<!-- If the barcode does not find the order when it is scanned it is likely due to the # prefix. To fix it, re-move the comment tags from the first barcode snippet. You can put them around the second snippet to hide it or you can remove the code for the second snippet.-->
<!--
<img src="https://barcode.tec-it.com/barcode.ashx?data=%23{{ order_number }}&code=Code128&translate-esc=on" alt="the barcode printer" border="0" width="125" height="75">
-->
<img src="https://barcode.tec-it.com/barcode.ashx?data={{ order_name }}&code=Code128&translate-esc=on" alt="the barcode printer" border="0" width="125" height="75">
</center>
<div style="margin: 0 0 1.5em 0; padding: 1.5em; border: 1px solid black;">
<h2 style="margin: 0 0 1em 0;">Sender</h2>
<strong>{{ shop.name }}</strong><br/>
{{ shop.owner }}<br/>
{{ shop.address }}<br/>
{{ shop.city }} {{ shop.province_code }} {{ shop.zip | upcase }}<br/>
{{ shop.country }}
</div>
{% if shipping_address %}
<div style="padding: 1.5em; border: 1px solid black;">
<h2 style="margin: 0 0 1em 0;">Recipient</h2>
<strong>{{ shipping_address.name }}</strong><br/>
{% if shipping_address.company %}
{{ shipping_address.company }}<br/>
{% endif %}
{{ shipping_address.street }}<br/>
{{ shipping_address.city }} {{ shipping_address.province_code }} {{ shipping_address.zip | upcase }}<br/>
{{ shipping_address.country }}
</div>
{% endif %}
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
<thead>
<tr>
<th>Quantity</th>
<th>Item</th>
{% if show_line_item_taxes %}
<th>Taxes</th>
{% endif %}
<th>Price</th>
</tr>
</thead>
<tbody>
{% for line_item in line_items %}
<tr>
<td>{{ line_item.quantity }} x</td>
<td><b>{{ line_item.title }}</b></td>
{% if line_item.tax_lines %}
<td>
{% for tax_line in line_item.tax_lines %}
{{ tax_line.price | money }} {{ tax_line.title }}<br/>
{% endfor %}
</td>
{% endif %}
<td>{{ line_item.price | money }}</td>
</tr>
{% endfor %}
</tbody>
</table>
Once your code is in place just click the Save button in the top right. Before celebrating there is one more step!! You'll need to make the new packing slip template the default to be printed. Do this by checking the box beside it under the Print by Default column:
And that should do it! You can now commence celebration!