Depuis que nous avons lancé le panier latéral dans Candy Rack à la fin de l'année dernière, une demande revient plus souvent que presque toutes les autres : laisser les acheteurs utiliser un code promo sans les envoyer au checkout. La plupart des paniers latéraux autonomes le permettent déjà. Le nôtre non, jusqu'à maintenant.
Les codes promo sont désormais intégrés au pied de page du panier latéral. L'acheteur saisit un code, appuie sur Apply, et le total du panier ainsi que le détail par ligne se mettent à jour immédiatement, sans rechargement de page et sans passer au checkout.
Comment ça fonctionne
Tout ce que l'acheteur saisit est vérifié en temps réel via l'API de remises de Shopify. Un code valide s'applique aussitôt au panier, en mettant à jour le total et le détail par ligne. Un code invalide ou expiré affiche à la place un message d'erreur en ligne, et le total reste inchangé.
Une fois un code appliqué, il apparaît sous forme de petite étiquette supprimable à côté du champ, pour que l'acheteur puisse l'enlever et en essayer un autre s'il change d'avis.
Le cumul suit les règles de Shopify, pas celles de Candy Rack : si plusieurs codes sont saisis, ils se combinent uniquement si vos réglages de combinaison de remises l'autorisent. S'ils ne se combinent pas, le dernier code saisi remplace celui qui était appliqué. Et si l'acheteur arrive par un lien de remise (une URL avec un paramètre ?discount=XYZ, du type que vous envoyez dans une campagne e-mail), le code apparaît déjà appliqué dès l'ouverture du panier. Il n'a rien à saisir.
L'adapter à votre panier
Tout le champ se configure depuis les réglages Footer de votre panier latéral, à côté de Total, Custom text, Terms and conditions, Checkout buttons et Custom block :
- Placeholder text du champ (par défaut : « Discount code »)
- Error message affiché pour un code qui ne peut pas être appliqué, avec sa taille de police
- Apply button : libellé, taille de police, couleurs de fond et de texte pour l'état normal et au survol, et une bordure facultative
- Taille de police de l'étiquette du code appliqué
- Order-level discount preview, une option qui affiche une remise appliquée dans l'aperçu des réglages, pour vérifier le rendu de cet état sans avoir besoin d'un vrai code sous la main
Il y a aussi une option Collapsible discount field. L'activer masque le champ derrière un lien au lieu d'afficher une zone de texte ouverte par défaut, ce qui mérite réflexion : une case de remise vide posée dans le panier est une raison bien connue pour laquelle les acheteurs partent chercher un code ailleurs au lieu de finaliser leur commande. La replier garde l'option accessible sans la mettre en avant.
L'activer
- Ouvrez les réglages de votre panier latéral dans Candy Rack.
- Activez Discounts sous Footer (et Collapsible discount field si vous préférez le garder replié).
- Réglez le placeholder, le message d'erreur et le style du bouton pour qu'ils correspondent au reste de votre panier.
- Enregistrez.
Pourquoi nous l'avons fait
Les acheteurs qui ont un code, ou qui pensent en avoir un, le cherchent au moment où ils ouvrent le panier, pas à la dernière étape du checkout. S'il reste introuvable jusque-là, certains seront déjà partis en chercher un ailleurs, ou auront abandonné la commande, avant même d'atteindre le champ de remise que Shopify propose au checkout. À ce moment-là, il est souvent trop tard.
C'est en réalité un cas particulier de tout l'argument du panier latéral : garder les acheteurs sur la page au lieu de les envoyer ailleurs. Un champ de remise qui n'apparaît qu'au checkout va à l'encontre de ça, et c'est un manque qu'on repère vite dès qu'on a utilisé un panier latéral qui le gère nativement. Le combler consistait moins à ajouter quelque chose de nouveau qu'à ne pas laisser une pièce évidente de côté.
Cela rejoint tout ce que nous avons construit dans le panier latéral depuis son lancement : la barre de récompenses, les blocs personnalisés, les ventes additionnelles par collection, les descriptions générées par IA et les nouveaux moteurs de recommandation. Pour le raisonnement derrière le panier lui-même, voyez notre guide de stratégie d'upsell. Si c'est le checkout que vous cherchez à optimiser plutôt que le panier, notre guide du checkout Shopify couvre cet aspect.
Les codes promo sont disponibles dans Candy Rack dès aujourd'hui. Si vous utilisez déjà le panier latéral, vous trouverez Discounts sous Footer dans vos réglages. Pas encore essayé ? Installez Candy Rack depuis le Shopify App Store : le panier latéral, la barre de récompenses, les ventes additionnelles et les codes promo sont tous inclus dans la même application.
