Depuis le lancement de notre panier latéral dans Candy Rack à la fin de l'année dernière, une demande revenait sans cesse : permettre aux clients d'utiliser un code de réduction sans les rediriger vers le paiement. La plupart des tiroirs de panier autonomes le proposent déjà. Le nôtre ne le faisait pas, jusqu'à aujourd'hui.
Les codes de réduction sont désormais intégrés au pied de page du panier latéral. Le client saisit son code, clique sur Appliquer, et le total du panier ainsi que le détail des articles se mettent à jour immédiatement, sans rechargement de page ni redirection vers le paiement.
Comment ça marche
Chaque saisie est vérifiée en temps réel via l'API de Shopify. Un code valide s'applique instantanément, mettant à jour le total et le détail des articles. Un code invalide ou expiré affiche un message d'erreur, sans modifier le montant total.
Une fois appliqué, le code apparaît sous forme de petite étiquette amovible à côté du champ, permettant aux clients de le retirer pour en essayer un autre s'ils changent d'avis.
Le cumul des codes suit les règles de Shopify, et non celles de Candy Rack : plusieurs codes ne se cumuleront que si vos paramètres de combinaison le permettent. Sinon, le dernier code saisi remplace le précédent. Si un client arrive via un lien de réduction (une URL avec un paramètre ?discount=XYZ, comme dans une campagne e-mail), le code est automatiquement appliqué dès l'ouverture du panier. Il n'a rien à saisir.
Personnalisation du panier
Tout est configurable depuis les paramètres du pied de page de votre panier latéral, aux côtés du total, du texte personnalisé, des conditions générales, des boutons de paiement et des blocs personnalisés :
- Texte d'espace réservé pour le champ (par défaut : "Code de réduction")
- Message d'erreur affiché pour un code invalide, avec réglage de la taille de police
- Bouton Appliquer : libellé, taille de police, couleurs de fond et de texte (état normal et survol), et bordure optionnelle
- Étiquette du code appliqué : taille de police
- Aperçu de réduction : option permettant de visualiser une réduction dans les paramètres pour tester le rendu sans avoir de code réel sous la main
Il existe également une option Champ de réduction pliable. L'activer masque le champ derrière un lien, ce qui est judicieux : un champ vide visible en permanence incite souvent les clients à quitter le panier pour chercher un code ailleurs. Le masquer permet de garder l'option disponible sans qu'elle ne soit trop intrusive.
Activation
- Ouvrez les paramètres de votre panier latéral dans Candy Rack.
- Activez Réductions dans la section Pied de page (et Champ de réduction pliable si vous préférez le masquer).
- Définissez le texte, le message d'erreur et le style du bouton pour qu'ils s'harmonisent avec votre panier.
- Enregistrez.
Pourquoi nous avons créé cela
Les clients qui possèdent un code cherchent souvent à l'utiliser dès l'ouverture du panier, et non à la dernière étape du paiement. S'il n'est pas visible, certains risquent de quitter le site pour en chercher un, ou d'abandonner leur commande avant même d'atteindre le champ de réduction de Shopify. À ce stade, il est souvent trop tard.
C'est l'essence même du panier latéral : garder les clients sur la page au lieu de les envoyer ailleurs. Un champ de réduction qui n'apparaît qu'au paiement va à l'encontre de cet objectif. Combler cette lacune était essentiel pour offrir une expérience fluide et complète.
Cette nouveauté rejoint les fonctionnalités déjà intégrées : barre de récompenses, blocs personnalisés, ventes incitatives par collection, descriptions générées par IA et les moteurs de recommandation récents. Pour la stratégie derrière le panier, consultez notre guide sur les ventes incitatives. Si vous souhaitez optimiser le paiement lui-même, notre guide sur le paiement Shopify couvre ce sujet.
Les codes de réduction sont disponibles dans Candy Rack dès aujourd'hui. Si vous utilisez déjà le panier latéral, vous trouverez les réductions dans les paramètres du pied de page. Vous ne l'avez pas encore testé ? Installez Candy Rack depuis l'App Store Shopify ; le panier latéral, la barre de récompenses, les ventes incitatives et les codes de réduction sont inclus dans la même application.
