Skip to main content

​
Bonnes pratiques du checkout

Ce guide explique comment tirer le meilleur parti des widgets de checkout d’Aftersell sur Shopify Plus — du choix entre Pages et widgets autonomes, à la configuration des upsells, badges de confiance, récompenses et témoignages, en passant par l’exécution de tests A/B et l’évitement des erreurs de configuration courantes.
Les widgets de checkout ne sont disponibles que pour les marchands Shopify Plus en raison des restrictions de l’API Checkout Extensibility de Shopify. Pour les bonnes pratiques d’upsell post-achat, voir Bonnes pratiques post-achat.

​
Choisissez la bonne structure de widgets

Aftersell offre deux façons d’ajouter des widgets à votre checkout : les Pages et les widgets autonomes. Choisir la bonne structure dès le départ fait gagner du temps et évite les conflits plus tard.

​
Quand utiliser les Pages

Une Page est un groupe de widgets qui partagent un ensemble unique de déclencheurs. Lorsque les conditions de déclenchement sont remplies, tous les widgets de la page s’affichent ensemble. Utilisez les Pages lorsque vous souhaitez montrer un ensemble coordonné de widgets à la même audience — par exemple, un upsell, des badges de confiance et des témoignages apparaissant tous ensemble pour un segment de clients spécifique. Les Pages prennent en charge une configuration guidée qui recommande des widgets en fonction d’un objectif que vous sélectionnez :
  • Increase AOV and conversion rate - Upsells, Trust Badges, Testimonials
  • Build customer trust and reduce abandonment - Trust Badges, Cart Controls, Text
  • Promote add-ons and accessories - Checkbox Upsells, Images, Testimonials
  • Encourage customers to reach free shipping threshold - Upsells (avec Rewards), Text
Votre objectif ne peut pas être modifié après l’enregistrement. Si vous avez besoin d’un objectif différent, vous devrez supprimer la page et en créer une nouvelle. Les widgets peuvent être ajoutés à une page ou retirés à tout moment.

​
Quand utiliser les widgets autonomes

Les widgets autonomes fonctionnent de manière indépendante, chacun avec ses propres déclencheurs et sa priorité configurés au niveau de la variante. Utilisez les widgets autonomes lorsque vous avez besoin d’un widget unique qui fonctionne seul, ou lorsque vous avez besoin de conditions de déclenchement différentes pour différents widgets. Les widgets autonomes prennent également en charge les tests A/B (les Pages ne prennent pas encore en charge les tests A/B), utilisez donc les widgets autonomes si les tests font partie de votre stratégie.

​
Limites de blocs

Les Pages autorisent jusqu’à 5 blocs par type de widget. Les widgets autonomes autorisent un maximum de 3 blocs par type de widget. Une fois tous les blocs utilisés, vous ne pouvez pas créer de widgets supplémentaires du même type tant qu’un bloc existant n’est pas retiré.

​
Stratégie de widgets d’upsell

Les upsells de checkout sont votre principal moteur de revenu à cette étape. L’objectif est d’augmenter le panier moyen sans augmenter l’abandon du checkout.

​
Choisissez le bon mode d’upsell

Aftersell offre trois modes de widgets d’upsell :
  • Single Product Upsell - Affiche un produit avec un bouton Add to Cart. Idéal pour des offres ciblées à forte confiance où vous savez exactement ce que le client est susceptible de vouloir.
  • Multi-Product Upsell - Affiche plusieurs produits dans une disposition en pile ou en carrousel. Les clients peuvent accepter plusieurs offres. Idéal pour les boutiques avec un large catalogue où vous souhaitez donner des options aux clients.
  • Checkmark Upsell - Affiche un seul produit avec une case à cocher au lieu d’un bouton Add to Cart. Idéal pour les compléments à faible coût comme la protection d’expédition, l’emballage cadeau ou le traitement express, où la décision est simple et rapide. Remarque : la case à cocher ne peut pas être pré-cochée ni le produit ajouté automatiquement à la commande par défaut. Shopify ne l’autorise pas. Le client doit activement cocher la case pour ajouter le produit.

​
Choisissez la bonne méthode de sélection de produits

Chaque widget d’upsell prend en charge plusieurs méthodes de sélection de produits. Choisissez en fonction de votre catalogue et de votre stratégie :
  • Specific Products - Sélectionnez manuellement des produits individuels à proposer en upsell. À utiliser lorsque vous voulez un contrôle total sur ce qui apparaît exactement, par exemple pendant une promotion saisonnière ou pour des associations sélectionnées.
  • Collection - Sélectionnez une collection et affichez jusqu’à 5 produits aléatoires de celle-ci. Les produits déjà dans le panier sont automatiquement exclus. À utiliser lorsque vous voulez de la variété au sein d’un ensemble sélectionné sans gérer manuellement des produits individuels.
  • AI Recommendations - Laissez Aftersell recommander automatiquement des produits en fonction du contenu du panier du client. À utiliser lorsque vous avez un grand catalogue et souhaitez des recommandations personnalisées sans curation manuelle.
  • Most Expensive Product - Propose automatiquement en upsell le produit le plus cher du panier du client. À utiliser pour les scénarios de vente croisée où re-proposer l’article phare a du sens.
  • Spend Threshold - Recommande des produits qui aident les clients à atteindre un seuil de livraison gratuite (nécessite l’activation du widget de récompenses). À utiliser avec la barre de récompenses pour combler l’écart entre la valeur actuelle du panier du client et l’objectif de livraison gratuite.

​
Ajoutez toujours une réduction à vos upsells de checkout

Nous recommandons fortement d’ajouter une réduction à chaque widget d’upsell de checkout. Une réduction donne aux clients une incitation immédiate à ajouter le produit à leur commande et augmente significativement les taux d’acceptation. Même une petite réduction signale de la valeur et peut faire la différence entre un client qui s’intéresse à l’offre ou qui l’ignore. Les réductions se configurent directement dans le widget d’upsell Aftersell et sont automatiquement appliquées lorsque le client ajoute le produit d’upsell à sa commande. Vous pouvez soit sélectionner une réduction de checkout Aftersell existante, soit en créer une nouvelle (pourcentage ou montant fixe) directement dans l’éditeur de widget. Voir Types de widgets de checkout pour tous les détails sur la configuration des réductions. Gardez à l’esprit :
  • Shopify n’autorise qu’une seule réduction par ligne d’article à la fois. Si un produit a déjà une réduction appliquée, la réduction d’upsell Aftersell ne se cumulera pas sur la même ligne d’article.
  • Pour que deux réductions se combinent, les deux doivent être explicitement définies comme « combinables » dans Shopify Admin.
  • Si une autre application modifie dynamiquement votre checkout (par exemple, en recalculant les prix), les réductions Aftersell peuvent ne pas s’appliquer comme prévu.

​
Activez les étoiles d’avis produit

Si vous avez une application d’avis compatible installée, activez les notes en étoiles sur vos widgets d’upsell. Les notes d’avis instaurent la confiance et augmentent la probabilité qu’un client accepte l’offre. Vous pouvez définir un seuil de note minimum (4.0 par défaut) afin que seuls les produits bien notés affichent des étoiles. Les applications d’avis prises en charge incluent Shopify Product Reviews, Judge.me, Okendo, Loox, Stamped et d’autres qui stockent les notes dans les metafields de produit. Voir Types de widgets de checkout pour la liste complète.

​
Widgets de contenu qui augmentent la conversion

Les widgets de contenu ne proposent pas directement de produits, mais ils réduisent l’abandon du checkout et instaurent la confiance, ce qui augmente la conversion globale.

​
Badges de confiance

Les badges de confiance mettent en avant les fonctionnalités de sécurité, les garanties et les avantages de livraison. Ils peuvent être empilés verticalement ou affichés horizontalement. Un contenu de badge de confiance efficace inclut :
  • Paiement sécurisé / chiffrement SSL
  • Garantie de remboursement ou garantie de satisfaction
  • Retours gratuits ou échanges faciles
  • Livraison gratuite ou rapide
  • Nombre de clients ou de commandes (« Trusted by 50,000+ customers »)
Gardez les badges concis et utilisez des icônes reconnaissables. Placez-les près de la section de paiement, là où les clients sont le plus susceptibles d’hésiter.

​
Témoignages

Les Flex Testimonials récupèrent de vrais avis depuis votre application d’avis (Judge.me, Klaviyo, Okendo ou Yotpo) et les affichent directement sur le checkout. Les témoignages récupèrent automatiquement des avis en fonction des produits dans le panier du client, de sorte que chaque client voit des avis pertinents par rapport à ce qu’il achète. Les avis se synchronisent automatiquement dans les 24 heures suivant la configuration, puis chaque semaine. Pour importer les avis immédiatement, allez dans Settings > Product Reviews et cliquez sur Sync now.
Définissez un filtre de note minimum (par exemple, 4.0) et utilisez l’option de troncature pour garder les longs avis propres. Un bouton « Read more » apparaît automatiquement pour les avis qui dépassent votre limite de caractères.

​
Barre de récompenses

La barre de récompenses montre aux clients à quel point ils sont proches d’obtenir la livraison gratuite. Cela crée une incitation naturelle à ajouter plus de produits à leur commande. Pour tirer le meilleur parti de la barre de récompenses :
  1. Définissez un objectif basé sur Order Value ou Item Count
  2. Associez-la à un widget d’upsell utilisant le type de produit Spend Threshold, qui recommande automatiquement des produits aidant les clients à combler l’écart jusqu’au seuil de livraison gratuite
  3. Créez la récompense de livraison gratuite dans Shopify en modifiant vos Shipping Rules pour offrir la livraison gratuite à la valeur de commande cible
La barre de récompenses et l’upsell à seuil de dépense fonctionnent mieux en duo — la barre crée la motivation, et l’upsell fournit le produit pour y parvenir.

​
Contrôles de panier

Les contrôles de panier permettent aux clients de modifier leur panier directement sur la page de checkout — changer de variante, ajuster les quantités, retirer des articles ou passer à un abonnement. Cela réduit la friction et peut prévenir l’abandon de la part de clients qui quitteraient autrement le checkout pour effectuer des modifications. Vous pouvez cibler les produits qui affichent les contrôles de panier grâce aux paramètres de visibilité : tous les produits, uniquement les produits sélectionnés, ou tous les produits sauf ceux sélectionnés. Cela vous permet, par exemple, d’activer les passages à l’abonnement uniquement sur les produits éligibles, sans exposer de contrôles inutiles sur d’autres articles.

​
Déclencheurs

Les déclencheurs vous permettent de contrôler quels clients voient quels widgets. Utiliser les déclencheurs efficacement signifie que les bons clients voient les bonnes offres au bon moment. L’ensemble complet des déclencheurs de checkout disponibles :
  • Produits : produits spécifiques, collections spécifiques, quantité d’un produit spécifique
  • Panier : sous-total, quantité, achat d’abonnement
  • Réduction : titres des réductions appliquées, valeur de la réduction
  • Client : pays de livraison, langue du client, tags client, type d’appareil
  • Avancé : groupe de déclencheurs (combinez plusieurs déclencheurs pour une logique complexe)

​
Commencez avec une référence « Show to all »

Avant de construire une logique de déclenchement complexe, configurez vos widgets principaux pour qu’ils s’affichent à tous les clients. Cela garantit que chaque session de checkout voit vos offres et vous donne une référence de mesure avant de commencer à segmenter.

​
Segmentez avec les déclencheurs de produits et de panier

Les déclencheurs les plus impactants pour les upsells :
  • Produits ou collections spécifiques — Affichez un upsell complémentaire lorsqu’un produit ou une collection spécifique est dans le panier
  • Quantité d’un produit spécifique — Affichez un widget uniquement lorsqu’un client a une certaine quantité d’un produit spécifique (par exemple, affichez un upsell de remise de volume lorsqu’un client a 2 unités ou plus d’un produit)
  • Sous-total du panier — Affichez une barre de récompenses ou un upsell uniquement lorsque la valeur du panier est proche d’un seuil (par exemple, affichez la barre de récompenses lorsque le sous-total est entre $40 et $75 si la livraison gratuite commence à $75)
  • Quantité du panier — Affichez ou masquez des widgets en fonction du nombre d’articles dans le panier
  • Achat d’abonnement — Affichez ou masquez des widgets selon qu’un article du panier est un abonnement

​
Utilisez les déclencheurs client pour la personnalisation

  • Pays de livraison — Affichez un contenu ou des offres différents en fonction de la destination de livraison du client
  • Langue du client — Affichez des widgets traduits aux clients dont la locale correspond à une langue spécifique. Définissez le déclencheur sur « is French » et traduisez tous les champs modifiables en français dans le widget
  • Tags client — Ciblez les clients en fonction des tags client Shopify. Utilisez-les pour les clients VIP, les niveaux de fidélité, les comptes de gros ou toute autre segmentation client que vous avez configurée dans Shopify
  • Type d’appareil — Affichez ou masquez des widgets selon que le client est sur mobile ou sur ordinateur. C’est particulièrement important pour la stratégie de placement (voir la section sur le comportement du checkout mobile ci-dessous)

​
Combinez les déclencheurs avec une logique avancée

Utilisez l’option Group of triggers pour combiner plusieurs conditions. Par exemple, affichez un upsell spécifique uniquement lorsque le panier contient le Produit X ET que le sous-total dépasse $50. Cela évite l’apparition d’offres non pertinentes et améliore l’expérience client.

​
Placement et image de marque

​
Placez les widgets de manière réfléchie

L’endroit où vous placez votre widget dans le checkout affecte la probabilité que les clients le voient et interagissent avec lui. Lignes directrices générales :
  • Upsells — Placez-les au-dessus de la section de paiement, là où les clients examinent activement leur commande. Évitez de placer les upsells dans la section du récapitulatif de commande (voir la note sur le mobile ci-dessous).
  • Badges de confiance — Placez-les près de la section de paiement, là où l’hésitation est la plus forte.
  • Barre de récompenses — Placez-la près du haut du checkout pour que les clients voient l’incitation tôt et aient le temps d’agir.
  • Témoignages — Placez-les sous l’upsell pour renforcer la preuve sociale, ou près de la section de paiement.

​
Placer des widgets à l’intérieur d’une ligne d’option d’expédition

Vous pouvez également placer la plupart des widgets de checkout — tous les types sauf Cart Controls — directement à l’intérieur d’une ligne d’option d’expédition. Lorsqu’il est placé là, le widget s’affiche dans la ligne correspondant à la méthode d’expédition que le client a actuellement sélectionnée — il n’apparaît pas simultanément dans chaque ligne. C’est utile pour rattacher une offre ou un message à l’étape de sélection d’expédition — par exemple, un upsell qui apparaît à côté de la méthode d’expédition choisie par le client, ou des badges de confiance qui renforcent la valeur d’un tarif spécifique. Gardez à l’esprit :
  • La section d’expédition ne s’affiche pas pour la collecte locale ou les paniers uniquement numériques, de sorte que les widgets qui y sont placés n’apparaîtront pas pour ces clients.
  • Parce que la ligne est étroite et indentée sous un bouton radio, testez l’apparence du widget sur mobile et sur ordinateur avant de le mettre en ligne.
Consultez Placer un widget à l’intérieur d’une ligne d’option d’expédition pour les étapes de configuration.

​
Soyez conscient du comportement du checkout mobile

Sur mobile, Shopify replie la section du récapitulatif de commande dans un menu déroulant masqué par défaut. Tout widget placé dans la zone du récapitulatif de commande sera caché sous ce menu déroulant et la plupart des clients ne le verront pas. C’est le comportement par défaut de Shopify et Aftersell n’a aucun contrôle dessus. Pour les widgets que vous voulez que chaque client voie (surtout les upsells et les barres de récompenses), placez-les en dehors de la section du récapitulatif de commande afin qu’ils soient visibles sur ordinateur et sur mobile sans que le client ait à déplier quoi que ce soit. Utilisez le déclencheur de type d’appareil pour créer des configurations de widgets distinctes pour mobile et ordinateur. Par exemple, vous pourriez afficher un upsell à produit unique épuré sur mobile (où l’espace d’écran est limité) et un carrousel multi-produits sur ordinateur. Ou vous pourriez placer un widget dans le récapitulatif de commande pour les utilisateurs sur ordinateur (où il est toujours visible) et utiliser un widget distinct en dehors du récapitulatif de commande pour les utilisateurs mobiles.
Si votre widget d’upsell est placé dans le récapitulatif de commande et que vous constatez de faibles impressions sur mobile, c’en est probablement la cause. Déplacez le widget vers une section en dehors du récapitulatif de commande, ou utilisez le déclencheur de type d’appareil pour montrer un widget placé différemment aux clients mobiles.
Après avoir placé les widgets dans l’éditeur Shopify Checkout, cochez l’option « Include app block in Shop Pay » si vous souhaitez que vos widgets s’affichent également dans le checkout Shop Pay. Voir Widgets Shop Pay pour les détails de configuration.

​
Harmonisez votre checkout avec votre boutique

Un checkout qui semble visuellement différent de votre boutique peut éroder la confiance et augmenter l’abandon. Utilisez les Paramètres de personnalisation du checkout pour harmoniser les couleurs de boutons, le rayon des coins et les couleurs de fond de votre checkout avec le design de votre boutique. Si votre boutique n’est pas sur Shopify Plus, effectuez ces modifications dans l’éditeur de checkout Shopify à la place (Settings → Checkout → Customize). Portez une attention particulière au style du bouton principal — c’est l’élément le plus visible du checkout et il doit sembler cohérent avec les boutons CTA de votre boutique.

​
Tests A/B

Les tests A/B sont le moyen le plus efficace d’améliorer la performance des widgets de checkout. Voir le guide complet Tests A/B au checkout pour les instructions de configuration.

​
Concepts clés

  • Les tests A/B sont actuellement disponibles pour les widgets autonomes uniquement (les Pages ne prennent pas encore en charge les tests A/B)
  • Chaque widget prend en charge deux versions (Version A et Version B) avec une répartition automatique du trafic 50/50
  • Les tests comparent le contenu au sein d’un seul widget — vous ne pouvez pas tester entre différents types de widgets ou différents placements
  • Utilisez la terminologie Version A et Version B (pas « Layout » — c’est la terminologie post-achat)

​
Les tests les plus précieux à mener

Tests de widgets d’upsell :
  • Produit spécifique vs recommandations IA vs produit le plus cher
  • Produit complémentaire vs même produit
  • Réduction en pourcentage vs réduction en montant fixe
  • Réduction vs pas de réduction
  • Upsell à produit unique vs upsell à case à cocher
  • Offre active vs Blank (Skip) pour mesurer si l’affichage de l’upsell aide ou nuit à la conversion globale du checkout
Tests de widgets de contenu :
  • Badges de confiance avec vs sans badges spécifiques
  • Différentes sélections de témoignages
  • Contenu actif vs Blank (Skip) pour mesurer l’impact de l’affichage du widget

​
Testez une variable à la fois

Lorsque vous changez plusieurs éléments à la fois, vous ne pouvez pas savoir quel changement a produit le résultat. Gardez des tests propres :
  • Bien : 10 % de réduction vs 20 % de réduction (une variable)
  • À éviter : 10 % de réduction + Produit A vs 20 % de réduction + Produit B (deux variables)

​
Utilisez Blank (Skip) comme contrôle

C’est l’un des tests les plus précieux que vous puissiez mener. Une version Blank n’affiche rien aux clients qui lui sont assignés, vous donnant une véritable référence. Si la version Blank aboutit à un taux de finalisation du checkout plus élevé, le widget nuit peut-être à la conversion et doit être reconsidéré.

​
Surveillez l’abandon du checkout en parallèle de la conversion d’upsell

Un taux d’acceptation d’upsell plus élevé ne signifie rien si l’abandon du checkout augmente en même temps. Suivez le Checkout abandonment rate dans l’onglet Analytics > Checkout pendant l’exécution des tests A/B. Pour les widgets de contenu, l’analytique par version inclut également une métrique de taux d’abandon du checkout.

​
Utilisez le revenu d’upsell par commande comme métrique principale

Le revenu d’upsell par commande (revenu d’upsell de checkout / commandes achetées) est la métrique recommandée pour mesurer la performance des widgets de checkout dans le temps. Il tient compte à la fois de l’acceptation des upsells et de la finalisation globale des commandes, vous donnant une image complète.

​
Erreurs courantes

❌ Décalage de placement entre Aftersell et Shopify - le placement sélectionné dans l’éditeur Shopify Checkout doit correspondre au placement défini dans Aftersell (par exemple, Default placement, Additional placement 1, Additional placement 2). S’ils ne correspondent pas, le widget n’apparaîtra pas ou s’affichera au mauvais endroit. C’est l’une des raisons les plus courantes pour lesquelles un widget ne s’affiche pas. Corriger → ❌ Widget non activé dans Aftersell - créer et placer un widget ne suffit pas. Vous devez également activer le widget à l’aide du bouton bascule en haut à droite des paramètres du widget dans l’admin Aftersell. Si le bouton est désactivé, le widget ne s’affichera pas, quel que soit le placement. Corriger → ❌ Paramètre de bloc d’application Shop Pay manquant - si vous souhaitez que les widgets de checkout s’affichent dans le checkout Shop Pay, vous devez cocher l’option « Include app block in Shop Pay » dans l’éditeur Shopify Checkout pour chaque widget. Elle est désactivée par défaut. Corriger → ❌ Pas de référence « Show to all » - se lancer directement dans une logique de déclenchement complexe sans établir d’abord une référence qui affiche les widgets à tous les clients. Commencez avec « Show to all » pour avoir des données de performance, puis segmentez avec des déclencheurs en fonction de ce que vous apprenez. Corriger → ❌ Cumuler des réductions qui ne se combinent pas - les réductions d’upsell Aftersell suivent les règles de réduction standard de Shopify. Si un produit a déjà une réduction et qu’aucune des deux réductions n’est définie comme « combinable » dans Shopify Admin, la réduction Aftersell ne s’appliquera pas. Vérifiez vos paramètres de combinaison de réductions Shopify avant de supposer qu’une réduction est défectueuse. Corriger → ❌ Pas de barre de récompenses aux côtés des upsells - exécuter des widgets d’upsell sans barre de récompenses manque l’occasion de donner aux clients une raison d’ajouter plus. Associez la barre de récompenses au type de produit Spend Threshold dans votre widget d’upsell afin que l’upsell aide directement les clients à atteindre le seuil de livraison gratuite. Corriger → ❌ Ne pas tester avec Blank (Skip) - la plupart des marchands testent différentes offres les unes contre les autres mais ne testent jamais si l’affichage d’un widget en soi est bénéfique. Utilisez Blank (Skip) comme contrôle pour mesurer si un widget augmente ou diminue la finalisation du checkout. Corriger → ❌ N’exécuter qu’une seule version de test A/B - pour qu’un test A/B de widget autonome fonctionne, les deux versions doivent être actives en même temps. Si une version est désactivée, tout le trafic va à la version restante et aucune donnée de comparaison n’est collectée. Corriger →

​
Besoin d’aide ?

Si vous avez des questions sur la configuration ou l’optimisation de vos widgets de checkout, discutez avec notre équipe d’assistance via le chat en direct en bas à droite de l’application.