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.

Bénéfices opérationnels

Des preuves visuelles fiables, partout où le travail se fait

Commandes · lots · produits · équipements · contrôles

Capturez les bonnes preuves

Associez les photos à un code-barres, un QR code ou une référence saisie manuellement pendant que le produit, le lot, l’équipement, l’expédition ou le contrôle est encore devant vous.

Continuez à travailler hors ligne

Pas de réseau ? Continuez à documenter. CodaScan conserve le travail sur l’appareil et reprend automatiquement les envois dès que la connexion revient.

Retrouvez chaque dossier sans chercher

Les photos arrivent dans SharePoint, classées selon l’identifiant déjà utilisé par votre équipe, plutôt que dispersées entre téléphones, messages et dossiers.

Réduisez les preuves manquantes et l’administratif

Un processus de capture cohérent simplifie le travail des équipes opérationnelles et fournit aux équipes administratives des dossiers plus propres et plus complets.

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 :

Télécharger le fichier CSS
Téléchargez notre fichier CSS de police de code-barres :
Télécharger le fichier CSS
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
Obtenir l'URL
Après le téléversement, obtenez l'URL du fichier :
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.