Recommandations produits dans le panier pour augmenter le panier moyen. 3 sources de données et personnalisation complète.
Cart Upsells
Les Cart Upsells sont des recommandations de produits affichées dans le panier (drawer ou page) pour encourager le client a ajouter des articles complémentaires. C'est l'un des leviers les plus efficaces pour augmenter le panier moyen.
Activation
| Setting | Description | Défaut |
|---|---|---|
| Activer upsells | Active les recommandations produits | Non |
| Titre | Titre de la section | "Complete your order" |
Source des produits
| Setting | Options | Défaut |
|---|---|---|
| Source | Recommendations / Collection / Products | Recommendations |
Recommendations (automatique)
Utilise l'API Shopify Product Recommendations pour afficher des produits pertinents bases sur le contenu actuel du panier.
Collection (manuelle)
Affiche les produits d'une collection spécifique :
| Setting | Description |
|---|---|
| Collection | La collection source des upsells |
Products (sélection manuelle)
Permet de sélectionner manuellement les produits a afficher :
| Setting | Description |
|---|---|
| Produits | Liste de produits (max 8) |
Nombre de produits
| Setting | Description | Défaut |
|---|---|---|
| Limite | Nombre maximum de produits affichés (2-8) | 4 |
Position dans le drawer
| Setting | Options | Défaut |
|---|---|---|
| Position | Scroll / Fixed | Scroll |
Scroll
Les upsells sont places dans le body scrollable du drawer, en dessous des articles du panier. Le client doit scroller pour les voir.
Fixed
Les upsells sont places dans le footer fixe du drawer, toujours visibles au-dessus du bouton checkout.
Affichage mobile
| Setting | Options | Défaut |
|---|---|---|
| Affichage mobile | Show / Collapsed / Hide | Collapsed |
| Option | Description |
|---|---|
| Show | Toujours visible sur mobile |
| Collapsed | Replie par défaut, expandable via un bouton chevron |
| Hide | Masque complètement sur mobile |
Style du bouton
| Setting | Options | Défaut |
|---|---|---|
| Style du bouton | Primary / Secondary / Tertiary | Secondary |
Fonctionnement
Chaque produit upsell affiche :
- Image du produit (miniature)
- Titre du produit
- Prix (avec prix barre si applicable)
- Bouton d'ajout rapide
Quand le client clique sur le bouton :
- Le produit est ajouté au panier via l'API Shopify
- Le drawer se met à jour immédiatement
- Le compteur du panier est incremente
- Les upsells se rafraichissent (si mode Recommendations)
Skeleton loading
En mode Recommendations, les upsells affichent des skeletons (placeholders animés) pendant le chargement des recommandations. L'expérience est fluide et sans "flash" de contenu.
Cas d'utilisation
Mode automatique (recommande)
- Source : Recommendations
- Limite : 4
- Position : Scroll
- Mobile : Collapsed
- Bouton : Secondary
Collection spécifique
- Source : Collection ("Accessoires")
- Limite : 3
- Position : Fixed
- Mobile : Show
- Bouton : Tertiary
Selection manuelle
- Source : Products (garantie, protection, emballage cadeau)
- Limite : 3
- Position : Fixed
- Mobile : Show
Difference avec Quick Add
| Cart Upsells | Quick Add | |
|---|---|---|
| Format | Carte produit complète (image, titre, prix) | Bouton compact avec label |
| Source | Recommendations, collection ou produits | Produits manuels uniquement |
| Max produits | 8 | 5 |
| Position | Scroll ou Fixed | Footer uniquement |
| Usage | Recommandations complémentaires | Add-ons rapides (protection, emballage) |
Prochaines étapes
- Cart drawer — Configurez le tiroir panier complet
- Bundles — Créez des offres groupées pour augmenter le panier moyen
- Cartes produit — Personnalisez l'apparence des recommandations
- Cadeau gratuit — Autre stratégie pour encourager l'ajout au panier