CodaScan

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.

Benefits of Automated Documentation

Save Time on Disputes

Instantly access proof of what was shipped - no more lengthy email searches

Protect Your Revenue

Win chargebacks with clear visual evidence of package contents

Keep Shipping Fast

Document packages without slowing down your fulfillment process

Stay Organized

All photos automatically sorted by order number in your SharePoint

📂
Upload the Barcode Font

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

  1. Download the CSS File

    Download our barcode font CSS file:

    Download CSS File

  2. Upload to Shopify

    Upload the CSS file to your Shopify store:

    Open Files Manager

    Or navigate to:Content → Files

  3. Get the File URL

    After uploading, get the file's URL:

    Copy link button preview

    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.