> ## Documentation Index > Fetch the complete documentation index at: https://docs.nocnoc/llms.txt > Use this file to discover all available pages before exploring further. # Add barcode to packing slip > How to add nocnoc's barcode to your Shopify order template for shipping labels. nocnoc requires a barcode on shipping labels to process your orders. Choose the method that works best for your setup. Requires the [Order Printer Pro](https://apps.shopify.com/order-printer-pro) app from the Shopify App Store. Uses Shopify's built-in packing slip template. No additional apps needed. We recommend **Option 1 (Order Printer Pro)** whenever possible. It's easier to set up and provides a more reliable barcode rendering. *** ## Option 1: Order Printer Pro [Order Printer Pro](https://apps.shopify.com/order-printer-pro) is a Shopify app that you need to install from the Shopify App Store before starting. ### Step 1: Open the template editor Access the **Manage Templates** section of Order Printer Pro. Select your **Packing Slip** template and click **Edit Template**. Order Printer template editor ### Step 2: Add the barcode code Insert the following two code blocks into your template. **Code 1** — Captures the nocnoc Order ID. Add this at the **beginning** of the template. ```liquid theme={null} {% if order.note contains "NocNoc Order Id:" %} {% capture nocnoc_order_id %}{{ order.note | split: ":" | last | strip }}{% endcapture %} {% endif %} ``` Capture code in template editor **Code 2** — Adds the barcode and the `nocnoc OrderID: NCXXXXX` label. Add this **wherever you want** in your template. It only displays for nocnoc orders and won't affect the rest of your operation. ```liquid theme={null}
{% if nocnoc_order_id != blank %}

nocnoc Order Id: {{ nocnoc_order_id }}

{% endif %}
``` Barcode code in template editor Once you've made both changes, click **Save**. *** ## Option 2: Native packing slips ### Step 1: Download and upload the barcode font Download the Barcode 39 Text font from Google Fonts: [https://fonts.google.com/specimen/Libre+Barcode+39+Text](https://fonts.google.com/specimen/Libre+Barcode+39+Text) Extract the `.zip` file and upload the `.ttf` file to your Shopify store. Go to **Content → Files** and click **Upload Files**. Upload font file in Shopify Content Files Copy and save the URL that Shopify generates for your uploaded file — you'll need it in the next step. ### Step 2: Modify the packing slip template Go to **Settings → Shipping and Delivery → Packing Slips Template** and add the following three code blocks. **Code 1** — Loads the barcode font. Add this at the **beginning** of the template. Replace `URL_OF_YOUR_FONT_FILE` with the URL from Step 1. ```html theme={null} ``` **Code 2** — Captures the nocnoc Order ID. Add this at the **beginning** of the template. ```liquid theme={null} {%- assign nocnoc_order_id = '' -%} {%- if order.note contains "NocNoc Order Id:" -%} {%- assign nocnoc_order_id = order.note | split: ":" | last | strip | upcase -%} {%- endif -%} ``` Capture code in native packing slip template **Code 3** — Adds the barcode and the `nocnoc OrderID: NCXXXXX` label. Add this **wherever you want** in your template. It only displays for nocnoc orders and won't affect the rest of your operation. ```liquid theme={null}
{%- if nocnoc_order_id != blank -%}

*{{- nocnoc_order_id -}}*

nocnoc Order Id: {{ nocnoc_order_id }}

{%- endif -%}
``` Barcode code in native packing slip template Once you've made all changes, click **Save**.