CodaScan

Intégration Shopify

Ajoutez des codes-barres à vos bons de livraison et commencez à documenter les expéditions en quelques secondes

Comment fonctionne CodaScan

📱

Scanner le code

Lors de l'emballage d'une commande, scannez le code-barres sur le bon de livraison avec l'application CodaScan

📸

Prendre des photos

Prenez des photos des articles emballés. Ces photos servent de preuve de ce qui a été expédié

☁️

Téléchargement automatique

Les photos sont automatiquement téléchargées vers votre SharePoint, organisées par numéro de commande

Pour intégrer CodaScan à Shopify, il vous suffit d'ajouter un code-barres à vos bons de livraison. Le code ci-dessous inclura automatiquement le numéro de commande, rendant le processus transparent.

Avantages de la documentation automatisée

Gagnez du temps sur les litiges

Accédez instantanément aux preuves d'expédition - fini les longues recherches d'emails

Protégez vos revenus

Gagnez les contestations avec des preuves visuelles claires du contenu des colis

Gardez l'expédition rapide

Documentez les colis sans ralentir votre processus d'expédition

Restez organisé

Toutes les photos automatiquement triées par numéro de commande dans votre SharePoint

📂
Tlécharger la police de code-barres

D'abord, nous devons télécharger le fichier de police de code-barres dans votre boutique Shopify :

  1. Télécharger le fichier CSS

    Téléchargez notre fichier CSS de police de code-barres :

    Télécharger le fichier CSS

  2. Téléverser vers Shopify

    Téléversez le fichier CSS dans votre boutique Shopify :

    Ouvrir le gestionnaire de fichiers

    Ou naviguez vers :Content → Files

  3. Obtenir l'URL

    Après le téléversement, obtenez l'URL du fichier :

    Copy link button preview

    Survolez le fichier dans la liste et cliquez sur 'Copier le lien' lorsqu'il apparaît. Vous aurez besoin de cette URL à l'étape suivante.

⚙️
Accéder au modèle de bon de livraison

Dans votre panneau d'administration Shopify, accédez à l'éditeur de modèle de bon de livraison :

Settings → Shipping and delivery → Packing slips → Edit template

📝
Ajouter le code-barres

Copiez et collez ce code à l'endroit où vous souhaitez que le code-barres apparaisse sur votre bon de livraison (assurez-vous de remplacer [URL CDN de votre boutique] par l'URL obtenue à l'étape précédente) :

<!-- 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>
💡

Configuration de police importante requise

Avant que le code-barres ne fonctionne, vous devrez télécharger la police de code-barres dans votre boutique Shopify. Téléchargez la police 'Libre Barcode 39 Text', convertissez-la en fichier CSS et téléversez-la dans Paramètres → Fichiers. Ensuite, remplacez [URL CDN de votre boutique] par l'URL réelle de votre fichier téléversé.

✅
Tester l'intégration

Prévisualisez votre bon de livraison pour vous assurer que le code-barres s'affiche correctement. Le code utilisera automatiquement vos numéros de commande pour générer des codes-barres uniques pour chaque commande.

⚠️
Limitations de Shopify

En raison des limitations de Shopify, le code-barres généré n'a pas de contrôle d'erreur. Veuillez vérifier que le numéro de commande scanné correspond au numéro de commande réel. Notez que le symbole '#' est automatiquement supprimé des numéros de commande dans le code-barres.