1. ShipStation Centre d'aide
  2. Guide d'aide pour ShipStation
  3. Notifications et documents

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

Avatar

ShipStation Content Team

Mise à jour

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 SKU des articles et le code-barres Scanner pour affichage apparaissent sur vos bons de livraison.

Pour accéder aux options liées au document du bon de livraison :

  1. Accédez aux Paramètres du compte.

    Gros plan de la barre d'outils ShipStation avec l'icône Paramètres encadrée en rouge.

  2. Sélectionnez Impression dans la barre latérale gauche, puis choisissez Configuration de l'impression.

    Barre latérale gauche des paramètres. Sous le menu déroulant Impression, l'option Configuration de l'impression est encadrée en rouge.

  3. Cliquez sur Options liées au document sur la ligne Bons de livraison.

    La fenêtre modale de configuration de l'impression affiche l'action Options liées au document comme étant marquée pour la catégorie 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)

Impression recto-verso sur macOS

Les paramètres d'impression de votre ordinateur détermineront la manière dont votre document sera imprimé. Si votre document s'imprime en recto-verso après que les préférences de l'imprimante ont été modifiées, il est possible que l'impression recto-verso soit active par défaut. Pour désactiver cette option, nous vous recommandons de procéder comme suit :

  1. Activer CUPS

  2. Effacez le cache et les cookies

  3. Mettez à jour vos paramètres d'impression par défaut

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. 

Utilisation de la fonction Scan pour imprimer

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 bon de livraison par défaut. Ce paramètre n'a pas d'effet sur les bons de livraison personnalisés, mais vous pouvez ajouter le remplacement de champ [Emplacement du produit] pour 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 bon de livraison.

Option Emplacements de l'article

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].

Remises

Vous permet d'afficher ou de masquer les réductions et les codes promotionnels sous forme de rubriques sur le bon de livraison.

Articles à quantité nulle

Cette fonction vous permet d'afficher ou de masquer des rubriques 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 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

  1. Accédez aux Paramètres du compte.

    Gros plan de la barre d'outils ShipStation avec l'icône Paramètres encadrée en rouge.

  2. Sélectionnez Modèles puis choisissez Bons de livraison dans la barre latérale de gauche. 

    Barre latérale des paramètres. Menu déroulant des modèles : le bouton Bons de livraison est encadré en rouge.

  3. Sélectionnez le modèle que vous souhaitez modifier (102 × 152 mm ou 216 × 279 mm) dans le menu déroulant Type. 

    Choisissez la taille qui correspond au format de bon de livraison défini dans Paramètres > Impression > Configuration de l'impression (indiqué par le mot Par défaut entre parenthèses).

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 Démarrage. Vous devez être abonné à un forfait Accélérer 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 sont des éléments de texte entre crochets. Ils contiennent des informations spécifiques sur un bon de livraison une fois celui-ci imprimé. Par exemple, le remplacement de champ : [nom du transporteur] apparaîtra comme le nom réel du transporteur lors de l'impression.

Les remplacements de champs peuvent extraire des informations propres à la boutique, à la commande, à l'expédition et au destinataire dans le bon de livraison créé par ShipStation. Si vous souhaitez en savoir plus ou modifier les informations contenues dans chaque remplacement de champ disponible, consultez notre article d'aide Les remplacements de champs dans les modèles personnalisés.

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

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, définissez le modèle dans le paramètre Bons de livraison de la boutique.

  1. Accédez aux Paramètres du compte.

    Gros plan de la barre d'outils ShipStation avec l'icône Paramètres encadrée en rouge.

  2. Sélectionnez Canaux de vente dans la barre latérale, puis choisissez Configuration de la boutique.

    Sélections de la page des paramètres, avec l'option Configuration de la boutique dans Canaux de vente encadrée en rouge.

  3. Cliquez sur le menu Actions Menu des actions à côté de la boutique que vous souhaitez mettre à jour, puis choisissez Modifier les détails de la boutique.

    Page Configuration de la boutique, une flèche rouge pointe vers l'icône trois points et l'option Modifier les détails de la boutique est surlignée dans le menu déroulant.

  4. Accédez à l'onglet Bons de livraison.

    Paramètres > Configuration de la boutique > l'onglet Bordereaux d'expédition est encadré en rouge

  5. Choisissez le modèle dans le menu déroulant Modèle de bon de livraison.

    ShipStation affichera uniquement le format de modèle que vous avez défini dans Configuration de l'impression > Options liées au document.

  6. Cliquez sur Enregistrer les modifications.

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

Pour appliquer un modèle de bon de livraison spécifique à une seule expédition :

  1. Ouvrez l'écran Détails de la commande correspondant à la commande souhaitée. Sélectionnez ensuite l'expédition à laquelle vous souhaitez appliquer un modèle d'e-mail.

    Un nouvel onglet d’expédition a été créé et sélectionné.

  2. Développez la section Communication avec les clients.

    La section Communications avec les clients s'affiche avec le bouton développer/réduire encadré en rouge.

  3. Sélectionnez le modèle de bon de livraison que vous souhaitez utiliser pour l'expédition sélectionnée.

    ODET_SEL_PackingSlipTemplate_MRK.png

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

Action groupée

Pour modifier le modèle de bon de livraison pour plusieurs commandes à la fois :

  1. Accédez à l’onglet Commandes.

  2. Sélectionnez les commandes auxquelles vous souhaitez appliquer le nouveau modèle dans la grille.

  3. Cliquez sur le menu Mise à jour groupée et choisissez Modèle de bon de livraison.

  4. Sélectionnez un modèle dans le menu déroulant Modèle de bon de livraison.

    Mise à jour groupée : Pop-up modèle de bon de livraison. Affiche le menu déroulant Sélectionner un modèle. Indique le nombre de commandes auxquelles cela s'applique

  5. Cliquez sur Mettre à jour la sélection.

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 redimensionner l'image du logo de votre boutique, consultez la section 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 de champ [Sku].

  • Lorsqu'il est ajouté à l'URL http://images.shipstation.com/ dans une identification <img>, le remplacement de champ [logo de la boutique] inclura l'image téléchargée dans l'onglet Marque de votre boutique dans ShipStation sur votre bon de livraison. Toutefois, vous pouvez également utiliser des URL d'image hébergées en externe dans une identification <img>. 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.

Vous n’avez pas trouvé ce que vous cherchiez?