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 d'étendre votre marque au-delà de l'expérience d'achat de votre client. Vous pouvez également utiliser des bons de livraison personnalisés pour vous aider à organiser votre processus de prélèvement et d'emballage.

ShipStation vous permet de créer autant de bordereaux d'expédition personnalisés que nécessaire 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 répondent à des critères particuliers.

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

Personnalisation de base du bon de livraison

Les options de document vous permettent de choisir le format de vos bons de livraison, l'ordre dans lequel les articles apparaissent sur les bons de livraison et si le logo de votre boutique, les prix des articles et le code-barres « Scanner pour afficher » apparaissent sur vos bons de livraison.

Options de document des bordereaux d'expédition

Les options de document du bon de livraison vous permettent de personnaliser des parties de votre bon de livraison, et ce, peu importe votre forfait.

Fenêtre contextuelle Configuration du bordereau d'expédition. Format, Commande d'articles par, Logo du magasin, Prix des articles, UGS des articles, Balayer pour voir le code-barres et Emplacements des articles.

Les options de document du bordereau d'expédition sont des paramètres qui s'appliquent à l'ensemble du compte.

Option

Détails

Format du bordereau d'expédition

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

Si vous avez défini la présentation de l'étiquette de façon à y inclure le bordereau d'expédition, vous ne pouvez pas changer ici le format du bordereau d'expédition.

Options disponibles : 

  • 4 po x 6 po (imprimante thermique)

  • 8,5 po x 11 po (2 par page)

  • 8,5 po x 11 po (page entière)

Impression recto-verso sur macOS

Les paramètres d'impression de votre ordinateur ont une incidence sur l'impression de votre document. Si votre document s'imprime des deux côtés après avoir modifié les préférences de l'imprimante, l'impression bilatérale peut avoir été activée par défaut. Pour désactiver cette option, nous vous recommandons de suivre les étapes suivantes :

Classer les articles par

Cette option détermine l'ordre d'énumération des articles dans le bordereau d'expédition. 

Classer les articles par :

  • UGS

  • Nom

  • Quantité d'articles (de la plus grande à la plus petite ou de la plus petite à la plus grande)

  • Emplacement d'entrepôt

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

Logo du magasin

Cette option permet d'ajouter au bordereau d'expédition le logo du magasin téléversé dans vos paramètres de magasin. 

Dans le bordereau d'expédition par défaut, ShipStation ajoute le logo dans le coin supérieur droit du bordereau. 

Dans le bordereau d'expédition personnalisé, le logo apparaît là où vous avez indiqué que le champ de remplacement [Logo du magasin] devait apparaître dans l'éditeur HTML du bordereau d'expédition.

Prix des articles

Cette option vous permet d'afficher ou de masquer les prix des articles dans le bordereau d'expédition. 

Dans le cas du bordereau d'expédition personnalisé, la désactivation de cette option permet de masquer tout élément HTML utilisant la catégorie « prix ».

UGS/SKU des articles

Cette option vous permet d'afficher ou de masquer les numéros UGS/SKU des articles dans le bordereau d'expédition. 

Dans le cas du bordereau d'expédition personnalisé, la désactivation de cette option permet de masquer tout élément HTML utilisant la catégorie « UGS/SKU ».

Code-barres « Scanner pour afficher »

Cette option vous permet d'afficher ou de masquer le code-barres « Scanner pour afficher » de ShipStation dans votre bordereau d'expédition. 

Le code-barres « Scanner pour afficher » est un code-barres spécial que vous scannez avec un lecteur de codes-barres pour afficher les détails de la commande concernée, et ce, peu importe l'endroit où vous êtes dans l'interface ShipStation

Utiliser la fonction scan pour imprimer

Si vous prévoyez d'utiliser la fonction Scanner pour imprimer, vous devez inclure le code-barres « Scanner pour afficher » dans le bordereau d'expédition.

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

Cette option ne peut être sélectionnée que si vous avez activé le suivi des stocks.

Cette option vous permet d'inclure dans le bordereau d'expédition par défaut l'emplacement des stocks du produit dans l'entrepôt (défini dans l'onglet Inventaire des Détails du produit).

Conditions d'utilisation :

  • S'applique au bordereau d'expédition par défaut uniquement. Ce paramètre n'a aucun effet sur les bordereaux d'expédition personnalisés, mais vous pouvez ajouter le remplacement de champ [Emplacement du produit] pour obtenir les mêmes résultats.

  • L'inventaire doit être attribué à l'expédition pour que les emplacements s'affichent correctement sur le bordereau d'expédition.

Réglage du champ de localisation de l'article

Il existe deux champs pour l'emplacement dans l'entrepôt, dans ShipStation :

  • Emplacement par défaut du produit dans l'entrepôt (dans l'onglet Expédition des Détails du produit)

  • Emplacement des stocks dans l'entrepôt (dans l'onglet Inventaire des Détails du produit)

Cette option affichera uniquement l'emplacement des stocks dans l'entrepôt. Pour afficher l'emplacement par défaut du produit dans l'entrepôt à la place de l'emplacement des stocks dans l'entrepôt, vous devez personnaliser un bon de livraison et inclure le remplacements de champ [Emplacement dans l'entrepôt].

Remise

Permet d'afficher ou de masquer les coupons ou les codes de rabais en tant que lignes d'articles sur le bon de livraison.

Articles à quantité zéro

Cela vous permet d'afficher ou de masquer des lignes d'articles sur le bon de livraison lorsque la quantité de l'article est égale à 0.

Personnalisation avancée du bon de livraison

Pour personnaliser les bons de livraison au-delà des options de base disponibles avec les options de document, ShipStation fournit un modèle de bon de livraison et un éditeur HTML pour que vous puissiez concevoir vos bons de livraison exactement comme vous le souhaitez.

Abonnement requis

Vous devez disposer d'un forfait Argent ou supérieur pour créer et modifier les modèles de bordereau d'expédition.

Vous pouvez créer autant de modèles de bon de livraison que vous le souhaitez.Par exemple, créez un modèle personnalisé pour chaque canal de vente ou des modèles qui comprennent des codes de rabais pour les clients qui dépensent plus d'un montant déterminé sur une seule commande.

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

Exige HTML

Les modèles de bons de livraison nécessitent des connaissances de base en HTML. 

ShipStation ne fournit pas d'assistance personnalisée en HTML. Notre équipe de soutien est à votre disposition pour résoudre des problèmes, mais elle ne fournit pas de services de conception ni de consultation. Consultez notre forum des utilisateurs pour obtenir 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

Vous pouvez ensuite choisir d'effectuer l'une des trois options suivantes :

  • Cliquez sur le bouton +Nouveau modèle de bon de livraison pour créer un bon de livraison à partir de zéro.

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

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

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

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

Si l'option Bon de livraison n'est pas visible dans les paramètres de votre modèle, il se peut que vous êtes abonné à un forfait Bronze ou inférieur. Vous devez disposer d'un forfait Argent ou supérieur pour accéder aux modèles de bon 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 à l'HTML de chaque section du bon de livraison et le modifier.

Dans le modèle par défaut, chaque section contient des renseignements spécifiques à la commande :

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

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

  3. Articles de commande : Une liste des articles contenus dans la commande avec l'UGS de l'article, la description, le prix de l'article, la quantité et le prix total.

  4. Pied de page de la commande : Notes de commande, sous-total, taxe, livraison, total, message sur le bon de livraison, code-barres Scanner pour afficher.

Éditeur de bons de livraison pour les bons de livraison par défaut de 8,5 par 11 : en-têtes de section et éditeur HTML annotés.

Vous pouvez modifier chaque section à l'aide de code HTML et CSS (en ligne et à l'aide de balises <style>). 

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

Si vous n'avez pas d'expérience en HTML et CSS, ne vous inquiétez pas!Nous avons plusieurs exemples d'articles HTML avec les personnalisations les plus courantes et des instructions étape par étape sur la façon de les intégrer.

Remplacements de champs pour les bons de livraison

Les remplacements de champs sont des éléments de texte entre crochets qui fournissent des renseignements spécifiques sur un bon de livraison une fois qu'il est imprimé.Par exemple, le remplacement de champ : [Nom du transporteur] s'affichera comme le nom réel du transporteur lors de l'impression du bon de livraison.

Les remplacements de champ peuvent intégrer des renseignements spécifiques aux boutiques, aux commandes, aux expéditions et aux destinataires dans le bon de livraison créé par ShipStation.Si vous souhaitez en savoir plus sur les renseignements contenus dans chaque remplacement de champ disponible ou les modifier, consultez notre article d'aide Remplacements de champs dans les modèles personnalisés.

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

Si vous saisissez le texte de remplacement, il doit être écrit exactement comme il apparaît dans la liste (y compris les espaces et les majuscules) et placé entre crochets.

Éditeur du modèle de bon de livraison avec la section Remplacement de champ mise en surbrillance

Remarques sur l'éditeur de bon de livraison

  • ShipStation n'a actuellement pas d'éditeur visuel pour les bons de livraison.

  • ShipStation utilise une bibliothèque spécifique 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 quirk.Cependant, l'éditeur validera votre code lorsque vous l'enregistrerez.

  • L'éditeur de bons de livraison ne prend pas en charge le Javascript ou tout autre script.Si vous devez afficher ou masquer certains contenus en fonction de critères spécifiques, nous vous recommandons de créer plusieurs modèles de bon 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 un style conditionnel à l'aide des pseudo-sélecteurs CSS.

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

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

Après avoir créé des modèles de bon 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 depuis 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 les commandes individuelles tout en laissant en place le modèle par défaut de la boutique. 

  • 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 la commande répond à certains critères.Par exemple, appliquez un modèle qui comprend un code de rabais si la commande dépasse un certain montant.

Appliquer un modèle à une boutique

Pour que toutes les commandes importées d'une boutique spécifique utilisent le même modèle de bon de livraison, attribuez le modèle dans les paramètres 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 alors à toutes les nouvelles commandes lors de leur importation à partir de la boutique.

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

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

Appliquer à des commandes individuelles

Vous pouvez modifier le modèle de bon de livraison utilisé pour chaque expédition d'une commande, soit dans l'écran Détails de la commande (pour une seule commande), soit en utilisant une action en masse (pour plusieurs commandes).

Détails de la commande

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

Action en masse

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

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

Si vous devez appliquer un modèle spécifique à une commande mais que vous ne l'avez pas mis à jour dans les détails de la commande avant de sélectionner Imprimer, la fenêtre contextuelle d'impression de ShipStation vous permet de modifier le modèle de bon de livraison directement dans l'écran d'impression.

Il vous suffit de sélectionner 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

Appliquer un modèle à une commande (ancienne mise en page)

Vous pouvez modifier le modèle de bon de livraison utilisé pour les commandes individuelles, soit dans l'écran Détails de la commande (pour une seule commande), soit en utilisant une action en masse (pour plusieurs commandes).

Appliquer un modèle en masse

Remarques sur les bons de livraison personnalisés

  • Redimensionner les logos de boutique : Par défaut, les modèles de bons de livraison 8,5 po x 11 po définissent une largeur maximale de 300 pixels et une hauteur maximale de 80 pixels, et les modèles de bons de livraison 4 po x 6 po définissent une largeur maximale de 150 pixels et une hauteur maximale de 60 pixels pour l'image de votre logo de boutique.

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

  • Produits groupés:

    Pour que les produits groupés apparaissent sur un bon de livraison, utilisez le remplacement du champ [UGS] .

  • Le remplacement du champ [Logo de la boutique], lorsqu'il est ajouté à l'URL http://images.shipstation.com/ dans une balise <img>, inclura l'image téléchargée dans l'onglet Image de marque de votre boutique dans ShipStation à votre bon de livraison.Cependant, vous pouvez également utiliser des URL d'image hébergées en externe dans une balise <img>. Veuillez noter que ShipStation peut être limité par le temps de réponse de l'hôte de l'image.

  • Fichiers de grand logo : ShipStation doit interroger nos bases de données pour obtenir toutes les données à inclure sur chaque bon de livraison.Si les fichiers d'images sont trop volumineux (qu'ils soient hébergés dans ShipStation ou en dehors), ShipStation peut générer le bon de livraison avant que l'image complète n'ait été 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 PDF chaque fois que vous sélectionnez l'option d'impression d'un bon de livraison.Cela permet ShipStation de toujours imprimer les renseignements les plus récents sur les bons de livraison.

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