Shipping Dispute Prevention for Shopify

Tired of 'item not received' claims? Protect your business with automated shipping documentation

Never Lose a Shipping Dispute Again

Quick Scan

Just scan the packing slip barcode while packaging - takes less than a second

Snap Photos

Take quick photos of packed items - your bulletproof evidence of what was shipped

Auto-Organized

Photos are automatically uploaded and organized in SharePoint by order number - find evidence in seconds when needed

Getting started is easy. Just add our special barcode to your packing slips using the code below. Each barcode automatically includes the order number, making the process seamless.

Operational benefits

Reliable visual records, wherever work happens

Orders · batches · products · assets · inspections

Capture the right evidence

Link photos to a barcode, QR code, or manually entered reference while the product, batch, asset, shipment, or inspection is still in front of you.

Keep working offline

No signal? Keep documenting. CodaScan stores the work on the device and resumes uploading automatically when internet access returns.

Find records without hunting

Photos arrive in SharePoint organized by the identifier your team already uses—not scattered across phones, messages, and folders.

Reduce missing proof and admin

A consistent capture process gives operational teams fewer steps and office teams cleaner, more complete records to review.

Upload the Barcode Font

First, we need to upload the barcode font file to your Shopify store:

Download the CSS File
Download our barcode font CSS file:
Download CSS File
Upload to Shopify
Upload the CSS file to your Shopify store:
Open Files Manager
Or navigate to:Content → Files
Get the File URL
After uploading, get the file's URL:
Hover over the file in the list and click 'Copy file link' when it appears. You'll need this URL in the next step.

Access Packing Slip Template

In your Shopify admin panel, navigate to the packing slip template editor:

Settings → Shipping and delivery → Packing slips → Edit template

Add Barcode

Copy and paste this code where you want the barcode to appear on your packing slip (make sure to replace [Your store's CDN URL to the barcode font CSS] with the URL you got in the previous step):

<!-- Add this at the top of your packing slip template -->
<link rel="stylesheet" href="[Your store's CDN URL to the barcode font CSS]" type="text/css" media="all">

    <!-- locate the order number in your template -->
     <p class="text-align-right">
        Order {{ order.name }}
      </p>
      <!-- Add CodaScan QR code here -->
      <div class="codascan-qr text-align-right" style="margin: 10px 0;">
        <p style="font-family: 'Libre Barcode 39 Text'; font-size: 60px; white-space: nowrap;">*{{ order.name | replace: "#", "" }}*</p>
      </div>

Important Font Setup Required

Before the barcode will work, you'll need to upload the barcode font to your Shopify store. Download the 'Libre Barcode 39 Text' font, convert it to a CSS file, and upload it to Settings → Files. Then replace [Your store's CDN URL] with the actual URL from your uploaded file.

Test the Integration

Preview your packing slip to ensure the barcode appears correctly. The code will automatically use your order numbers to generate unique barcodes for each order.

Shopify Limitations

Due to Shopify's limitations, the generated barcode has no error checking. Please verify that the scanned order number matches the actual order number. Note that the '#' symbol is automatically removed from order numbers in the barcode.