Order barcode for shopify order printer

[ay8]

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>

[MakP · 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]

Perfect thank you!!

[evandor3208]

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]

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]

Can you please describe what your are attempting to do so I can advise you?

John Dorsey

[C_Brenneisen]

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]

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]

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]

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]

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]

Thanks for your reply.

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