Order barcode for shopify order printer

Solved

Order barcode for shopify order printer

ay8
Visitor
2 0 0

The original Order printer app is being sunsetted and replaced by the shopify version. Our old packing slips had barcodes for us to scan so the order appeared in our fulfillment software. Is there a way to add a barcode to the shopify order templates?

 

We have previously tried adding the code below (provided by shopify support) to the default template and it's provided syntax errors. Could someone please assist with getting the order number barcode to generate. 

<p>Order #: {{ [order.name](http://order.name) }}</p> <img src="[barcode.tec-it.com/barcode.ashx?data=](https://barcode.tec-it.com/barcode.ashx?data=){{ [order.name](http://order.name) | url_encode }}&code=Code128&dpi=96" alt="Barcode for Order {{ [order.name](http://order.name) }}" style="margin-top:10px;">

 

We have made no other edits to the default code. We have placed this at the top of the code under the first <div>

Accepted Solution (1)

MakP
Shopify Partner
33 9 13

This is an accepted solution.

Are you just needing the barcode to output the order number when scanned? If so, this worked for me:

 

<img src="https://barcode.tec-it.com/barcode.ashx?data={{ order.order_name | remove: '#' }}&code=Code128&translate-esc=on">

 

 

You may need to play around with the image size to get it where it suits your needs - It's a bit large by default.

View solution in original post

Replies 11 (11)

MakP
Shopify Partner
33 9 13

This is an accepted solution.

Are you just needing the barcode to output the order number when scanned? If so, this worked for me:

 

<img src="https://barcode.tec-it.com/barcode.ashx?data={{ order.order_name | remove: '#' }}&code=Code128&translate-esc=on">

 

 

You may need to play around with the image size to get it where it suits your needs - It's a bit large by default.

ay8
Visitor
2 0 0

Perfect thank you!!

evandor3208
New Member
6 0 0

Looks like you solved this but if you want to have a little more control over font selections, add your logo, and add a personalized message by just filling in the form, let me know and I will share my invoice / packing list / barcode  generator widget with you.

C_Brenneisen
Tourist
14 0 3

Hi there, 

Could you shortly help me where I need to put this code? I dont have any experience with coding so I dont want to put it in a wrong place and crash my shop.... 

Best regards

Christina 🙂 

evandor3208
New Member
6 0 0
Can you please describe what your are attempting to do so I can advise you?

John Dorsey
C_Brenneisen
Tourist
14 0 3

Sorry, my question was a bit too short.
I would like to add a barcode to my packing list that can be scanned and takes me to my order. As mentioned above, the barcode should represent the order number.
I don't use any additional apps for the packing list. I only use the Shopify standard packing list. Can I insert a barcode there?
Kind regards
Christina

evandor3208
New Member
6 0 0
Christina, I can create a packing list with a barcode that represents the order number. My invoice/packing list widget works with Shopify Order Printer which is a free app from Shopify. You set up a new template for your custom packing list, name it and save it. The select Shopify order Printer to pring your barcoded packing lists.

Making the scan send you to your order is a more complicated request. I developed an app that does what you want and a lot more. It currently requires a ShipStation or eHub account (both Rate-Shipping companies).

I will be launching my app, Scan2Ship live next week. In the meanwhile, if you want me to create code you can use for a barcoded packing list, I would be happy to do that for you for free. Just let me know.

Here is the promo for my app:
https://youtu.be/oGTIqlXOAD0

My Shopify ecommerce site where we have used Scan2Ship for years:
https://www.lillarose.com/

John Dorsey

C_Brenneisen
Tourist
14 0 3

Hi there,

 

I would prefer to NOT use any additional app for my request. 

Would that be possible? Has someone an idea? 

 

Is it possible to just put the code in the code from shopify to get a barcode on the packing list?

 

I would really appreciate support, since this would make our packing so much faster

 

best regards

Christina

evandor3208
New Member
6 0 0
Christina, my free solution is the only one I have to offer.

You can pay someone to add the barcode to the existing Shopify template. Check Fiverr or Shopify Experts and reference Shopify liquid code.

Best of luck,

John
rhys100
Tourist
3 0 2

This website has stopped loading more than 1 barcode now.

 

Use shopify default code to display barcodes

You may need to add the order prefix to the code, for example

 

<s-barcode value="ORDERPREFIX{{ order.order_number }}" /></s-barcode>

 

 

C_Brenneisen
Tourist
14 0 3

Thanks for your reply.

 

Where do I need to put the code? Could you tell me?