Créer des bordereaux d'expédition personnalisés

Explique comment créer des modèles personnalisés pour les bons de livraison et comment appliquer des modèles personnalisés à vos commandes.

Les bons de livraison personnalisés sont un excellent moyen de prolonger votre expérience de marque au-delà de l'expérience d'achat de vos clients. Vous pouvez également utiliser des bons de livraison personnalisés pour organiser votre processus de préparation et d'emballage des commandes.

ShipStation vous permet de créer autant de bons de livraison personnalisés que vous le souhaitez et de les appliquer au niveau de la boutique ou de la commande. Vous pouvez même utiliser des règles d'automatisation pour appliquer des bons de livraison aux commandes qui correspondent à des critères spéciaux.

ShipStation vous permet de personnaliser vos bons de livraison de deux manières :

Personnalisation de base du bon de livraison

Les options liées au document vous permettent de choisir le format du bon de livraison, l'ordre d'apparition des articles, et de choisir si le logo de votre boutique, les prix des articles, les SKU des articles et le code-barres Scanner pour affichage apparaissent sur vos bons de livraison.

Options des documents pour la catégorie Bordereau d'expédition

Ces options vous permettent de personnaliser certaines parties du bordereau d'expédition, quel que soit votre abonnement.

Pop-up de configuration du bordereau d'expédition. Options : Format, Trier les articles par, Logo de la boutique, Prix des articles, SKU des articles, Code-barres Scanner pour affichage et Emplacements des articles.

Les options des documents pour la catégorie Bordereau d'expédition sont des paramètres définis au niveau du compte.

Option

Détails

Format de bordereau d'expédition

L'imprimante que vous utilisez détermine le format du bordereau d'expédition.

Si vous définissez la dimension de l'étiquette pour inclure les bordereaux d'expédition, vous ne pouvez pas modifier le format du bordereau d'expédition ici.

Options disponibles : 

  • 4 × 6 po (imprimante thermique)

  • 220 mm x 280 mm (8,5” x 11”) (2 par page)

  • 220 × 280 mm (8,5” x 11”) (page entière)

Articles de la commande pour le

Détermine l'ordre dans lequel les articles d'une commande sont énumérés sur les bordereaux d'expédition. 

Trier les articles par :

  • SKU

  • Nom

  • Quantité de l'article (ordre croissant ou décroissant)

  • Emplacement de l'entrepôt

  • Aucun : les articles apparaîtront dans le même ordre que sur les détails de la commande.

Logo de la boutique

Le logo importé dans les paramètres de la boutique sera ajouté sur le bordereau d'expédition. 

Par défaut, ShipStation ajoute le logo en haut à droite du bordereau d'expédition. 

Sur les bordereaux d'expédition personnalisés, le logo apparaîtra là où vous avez placé le champ [Logo de la boutique] sur l'éditeur HTML du bordereau d'expédition.

Prix des articles

Vous permet d'afficher ou de masquer le prix des articles sur le bordereau d'expédition. 

Pour les bordereaux d'expédition personnalisés, la désactivation de cette option permet de masquer tout élément HTML utilisant la classe « prix ».

SKU des articles

Vous permet d'afficher ou de masquer les SKU des articles sur le bordereau d'expédition. 

Pour les bordereaux d'expédition personnalisés, la désactivation de cette option permet de masquer tout élément HTML utilisant la classe « sku ».

Code-barres « Scanner pour affichage »

Vous permet d'afficher ou de masquer le code-barres « Scanner pour affichage » de ShipStation sur vos bordereaux d'expédition. 

Le code-barres « Scanner pour affichage » est un code-barres spécial que vous scannez avec un scanner de codes-barres pour ouvrir les détails de la commande dans n'importe quelle partie de l'interface de ShipStation

Conseil

Si vous prévoyez d'utiliser la fonction Scanner pour impression, votre bordereau d'expédition doit inclure le code-barres Scanner pour affichage.

Emplacements des articles (non disponible dans l'ancienne version de ShipStation).

Cette option n'est disponible que si vous avez activé le suivi des stocks.

Vous permet d'inclure l'emplacement du produit dans l'entrepôt (défini dans l'onglet Stock des détails du produit) sur le bordereau d'expédition par défaut.

Conditions :

  • S'applique uniquement au bordereau d'expédition par défaut. Pour les bordereaux d'expédition personnalisés, ce paramètre n'a pas d'effet, mais vous pouvez ajouter le champ [Emplacement des produits] et obtenir le même résultat.

  • Le stock doit être affecté à l'expédition pour que les emplacements s'affichent avec précision sur le bordereau d'expédition.

Remarque

Deux champs s'affichent pour l'emplacement du produit dans l'entrepôt dans ShipStation :

  • L'emplacement par défaut du produit dans l'entrepôt (que vous trouverez dans l'onglet Expédition des détails du produit)

  • L'emplacement du stock dans l'entrepôt (que vous trouverez dans l'onglet Stock des détails du produit)

Ce paramètre n'affichera que l'emplacement du stock dans l'entrepôt. Si vous souhaitez plutôt afficher l'emplacement par défaut du produit dans l'entrepôt, vous devez personnaliser un bon de livraison et inclure le champ de remplacement [Emplacement dans l'entrepôt].

Personnalisation avancée du bon de livraison

Pour personnaliser les bons de livraison de manière plus avancée que les options de base, ShipStation fournit un modèle de bon de livraison et un éditeur HTML qui permettent de concevoir vos bons de livraison exactement comme vous le souhaitez.

Forfait nécessaire

Vous devez être abonné à un forfait Accélérer ou supérieur pour pouvoir créer et modifier des modèles de bon de livraison. 

Vous pouvez créer autant de modèles que nécessaire. Par exemple, créez un modèle personnalisé pour chaque canal de vente ou des modèles qui comprennent des codes de réduction à l'intention des clients qui dépensent plus qu'une somme définie pour une seule commande.

Une fois que vous avez créé des modèles de bons de livraison personnalisés, vous devez les attribuer à vos commandes. Vous pouvez le faire au niveau de la boutique ou au niveau de la commande individuelle.

Compétences HTML requises

Les modèles de bon de livraison nécessitent quelques connaissances de base en HTML. 

ShipStation ne fournit pas d'assistance HTML personnalisée. Notre équipe est disponible pour vous aider à résoudre les problèmes, mais elle ne fournit pas de services de design ou de conseil. Visitez notre forum d'utilisateurs, où vous pourrez demander de l'aide sur les modèles personnalisés à d'autres utilisateurs de ShipStation.

Accéder à l'éditeur de modèle de bon de livraison

Ensuite, les trois options suivantes s'offrent à vous :

  • Cliquez sur le bouton +Nouveau modèle de bon de livraison pour créer un bon de livraison de A à Z.

  • Cliquez sur Copier pour faire une copie d'un modèle existant et la modifier.

  • Cliquez sur Modifier pour modifier un bon de livraison existant.

Quelle que soit l'option choisie, une fenêtre affichera ensuite un éditeur dans lequel vous pourrez personnaliser le code HTML de votre bon de livraison.

Bon de livraison non visible dans les paramètres du modèle

Si l'option Bons de livraison n'est pas visible dans les paramètres des modèles, il se peut que vous ayez un forfait Bronze ou inférieur. Vous devez disposer d'un forfait Argent ou supérieur pour accéder aux modèles de bons de livraison.

À propos de l'éditeur de bon de livraison

L'éditeur de bon de livraison est divisé en quatre sections. Cliquez sur l'en-tête d'une section pour accéder au code HTML de chaque section et le modifier.

Dans le modèle par défaut, chaque section contient des informations propres à la commande : 

  1. En-tête de commande : logo de la boutique, adresse de livraison et de livraison, numéro de commande, date de commande, nom d'utilisateur du client, date d'expédition

  2. En-tête des articles commandés : Article (SKU), Description, Prix, Qté, Ext. Étiquettes de prix pour la liste des articles commandés.

  3. Articles commandés : liste des articles contenus dans la commande avec UGS, description, prix, quantité et prix total. 

  4. Pied de page de la commande : remarques sur la commande, sous-total, taxes, frais d'expédition, total, message sur le bon de livraison, code-barres Scanner pour affichage.

Éditeur de bon de livraison pour un bon par défaut de 220 × 280 mm : en-têtes de section et éditeur HTML annotés.

Vous pouvez modifier chaque section à l'aide de code HTML et CSS (à la fois dans les lignes de code et à l'aide de balises <style>). 

Les bons de livraison de ShipStation reposent fortement sur des tableaux HTML pour le formatage. Certains éléments des tableaux sont masqués et ne peuvent pas être modifiés. Si vous avez de l'expérience avec le code HTML et CSS, téléchargez l'exemple de fichier de modèle au bas de cet article, ouvrez-le dans un navigateur et affichez le code source pour comprendre tous les éléments, les attributs de style et les classes, et enfin la structure globale du bon de livraison.

Si vous n'avez pas d'expérience en HTML ou en CSS, ne vous inquiétez pas ! Nous avons plusieurs articles d'exemples HTML avec des personnalisations couramment demandées et des instructions pas à pas sur la façon de les mettre en œuvre.

Remplacements de champs pour les bons de livraison

Les remplacements de champs intègrent des informations propres à la boutique, à la commande, à l'expédition et au destinataire dans le bon de livraison créé par ShipStation.

Les remplacements de champs sont indiqués par le texte entre crochets [] dans l'éditeur de bon de livraison. Vous pouvez ajouter des remplacements de champs à votre modèle en sélectionnant le remplacement de champ souhaité dans la liste déroulante Remplacements de champ ou en tapant manuellement le remplacement de champ dans l'éditeur HTML.

Si vous saisissez le remplacement manuellement, il doit être saisi exactement comme vous le voyez dans la liste (y compris les espaces et les majuscules) et mis entre crochets.

Éditeur de modèle de bon de livraison, la section Remplacements de champs est encadrée en rouge

Pour plus de détails sur chaque remplacement de champ disponible et une description des informations que chaque remplacement de champ ajoute à votre modèle, consultez notre article d'aide Remplacements de champs dans les modèles personnalisés.

Remarque sur l'éditeur de bon de livraison

  • À l'heure actuelle, ShipStation n'a pas d'éditeur visuel pour les bons de livraison.

  • ShipStation utilise une boîte à outils particulière pour convertir le HTML en PDF pour l'impression. La boîte à outils ne prend pas en charge toutes les balises HTML et s'appuie également sur le mode Quirks. Toutefois, l'éditeur validera votre code lorsque vous l'enregistrerez.

  • L'éditeur de bon de livraison ne prend pas en charge les scripts de type JavaScript ou autres. Si vous devez afficher ou masquer certains contenus en fonction de critères particuliers, nous vous recommandons de créer plusieurs modèles de bons de livraison et d'utiliser les règles d'automatisation pour attribuer les modèles aux commandes en fonction de ces critères.

    Vous pouvez également créer des styles conditionnels à l'aide de pseudo-sélecteurs CSS.

  • Utilisez le bouton Télécharger l'exemple dans l'éditeur pour afficher votre bon de livraison au fur et à mesure que vous travaillez. Votre navigateur téléchargera un fichier PDF de votre bon de livraison avec les détails de l'exemple de bon de livraison de ShipStation.

Appliquer des modèles de bons de livraison personnalisés

Après avoir créé des modèles de bons de livraison personnalisés, vous pouvez les appliquer aux commandes de plusieurs façons.

  • Appliquer le modèle au niveau de la boutique. Cette méthode appliquera le même modèle à toutes les commandes importées de ce canal de vente. 

  • Appliquer le modèle au niveau de la commande. Cette méthode vous permet de modifier le modèle utilisé pour chaque commande tout en laissant le modèle par défaut de la boutique en place. 

  • Appliquer le modèle à l'aide des règles d'automatisation. Utilisez les règles d'automatisation pour appliquer un modèle à une commande lors de son importation si celle-ci répond à certains critères. Par exemple, appliquez un modèle qui inclut un code de réduction si la commande dépasse un certain montant.

Appliquer un modèle à une boutique

Pour vous assurer que toutes les commandes importées à partir d'une boutique particulière utilisent le même modèle de bon de livraison, attribuez le modèle dans le paramètre Bons de livraison de la boutique.

Répétez les étapes ci-dessus pour chaque boutique connectée. Le modèle sélectionné s’appliquera ensuite à toutes les nouvelles commandes lorsqu’elles seront importées de la boutique.

Les commandes précédemment importées ne seront pas affectées

Les commandes qui ont déjà été importées ne seront pas affectées par ce changement. Pour modifier le modèle utilisé pour les commandes qui ont déjà été importées, appliquez le modèle aux commandes individuelles.

Appliquer un modèle à une commande individuelle

Vous pouvez modifier le modèle de bon de livraison utilisé pour chaque expédition d'une commande dans l'écran Détails de la commande (pour une seule commande) ou à l'aide d'une action groupée (pour plusieurs commandes).

Détails de la commande

ShipStation utilisera maintenant le modèle sélectionné pour l'expédition lorsque vous imprimerez le bon de livraison.

Action groupée

ShipStation mettra à jour les modèles pour les expéditions sélectionnées et utilisera ces modèles lorsque vous imprimerez les bons de livraison. 

Appliquer le modèle dans l'écran d'impression

Si vous devez appliquer un bon de livraison particulier à une commande mais que vous n'avez pas mis à jour les détails de la commande avant de sélectionner Imprimer, la fenêtre pop-up d'impression de ShipStation vous permet de modifier le modèle de bon de livraison directement sur l'écran d'impression.

Sélectionnez simplement le nouveau modèle dans le menu déroulant Modèle avant d'imprimer ou de télécharger le bon de livraison.

ODET_PRT_ChangePSTemplate.gif

Remarques sur les bons de livraison personnalisés

  • Redimensionner les logos des boutiques : par défaut, les modèles de bons de livraison de 220 × 280 mm imposent une largeur maximale de 300 pixels et une hauteur maximale de 80 pixels pour le logo de votre boutique. Les modèles de 100 × 150 mm imposent une largeur maximale de 150 pixels et une hauteur maximale de 60 pixels pour le logo de votre boutique.

    Pour savoir comment redimensionner le logo de votre boutique, consultez l'article Comment ajuster la taille de mon logo ? .

  • Le remplacement de champ [Logo de la boutique] utilise uniquement l'image téléchargée dans l'onglet Marque de votre boutique dans ShipStation. Toutefois, vous pouvez utiliser des URL d'images hébergées en externe dans une balise <img> si vous le souhaitez. Veuillez noter que ShipStation peut être limité par le temps de réponse de l'hôte de l'image.

  • Fichiers de logo volumineux : ShipStation doit interroger nos bases de données pour toutes les données à inclure sur chaque bon de livraison. Si les fichiers d'image sont trop volumineux (qu'ils soient hébergés dans ShipStation ou en externe), il se peut que ShipStation génère le bon de livraison avant que l'image complète ne soit chargée.

  • ShipStation ne met pas en cache les PDF des bons de livraison. Cela signifie que ShipStation génère un nouveau bon de livraison au format PDF à chaque fois que vous sélectionnez l'option d'impression d'un bon de livraison. De cette manière, ShipStation imprime toujours les informations les plus récentes sur les bons de livraison.

  • Pour résoudre les problèmes courants liés aux bons de livraison dans ShipStation, veuillez consulter notre Guide de dépannage pour les bons de livraison.