Passer au contenu principal

Activer le slide cart avec upsells (vidéo)

Remplacez le panier Shopify par défaut par le Slide cart personnalisable de Candy Rack.

Écrit par Tina

Le slide cart est le tiroir de panier personnalisable de Candy Rack, qui peut remplacer le panier par défaut de votre boutique. Il est conçu pour s'intégrer naturellement à votre thème et reçoit régulièrement de nouvelles fonctionnalités.

Pourquoi utiliser le slide cart

Le slide cart transforme votre panier en source de revenus, et non en simple liste d'articles. Si vous utilisez déjà des offres Candy Rack, c'est l'endroit le plus naturel pour les afficher. Il offre aussi quelques fonctionnalités que le panier par défaut de votre thème n'a pas :

  • Emplacements d'upsell intégrés. Ajoutez des offres Candy Rack directement dans le panier grâce aux emplacements Cart block et Line item. Les upsells apparaissent exactement là où les clients décident de passer commande.

  • Rewards bar pour augmenter l'AOV. Affichez une barre de progression vers la livraison gratuite ou un cadeau offert, mise à jour en temps réel à chaque ajout d'article. Une méthode éprouvée pour augmenter la valeur des commandes.

  • Un design natif. Ajustez les couleurs, la typographie, l'arrondi des angles, le ratio des images, le style des boutons et tous les textes, ou ajoutez du CSS personnalisé pour un contrôle total. Le slide cart doit ressembler à une partie de votre thème, pas à un ajout extérieur.

Comment activer le slide cart

  1. Dans votre admin Shopify, allez dans Candy Rack > Slide cart.

  2. Configurez le contenu, la mise en page et le design du panier dans le menu de gauche. L'aperçu en direct à droite se met à jour au fur et à mesure.

  3. Cliquez sur Preview (en haut à droite) pour vérifier le rendu sur votre boutique.

  4. Cliquez sur Activate. Le slide cart remplacera le panier par défaut de votre thème sur la boutique.

  5. Vous ne le voyez pas sur votre boutique ? Désactivez le tiroir de panier de votre thème ou d'une autre application, car ils peuvent se bloquer mutuellement.

Une fois le slide cart activé, vous pouvez ajuster le style, les traductions, la Rewards bar et les emplacements d'upsell grâce aux sections ci-dessous.

Offres d'upsell dans le slide cart

Les offres d'upsell et de cross-sell dans le slide cart font partie des emplacements les plus performants, et nous vous recommandons vivement de les utiliser. Elles représentent la dernière occasion pour les clients de modifier leur commande avant le paiement, et elles s'intègrent de façon naturelle et discrète.

Le slide cart propose deux emplacements d'offres :

  • Cart block : une section d'offres dédiée dans le panier, par ex. « Get extras for your product ».

  • Line item : des offres affichées directement sous l'article du panier auquel elles se rapportent. Idéal pour les accessoires, recharges ou compléments d'un produit précis.

Comment ajouter des offres d'upsell au slide cart :

  1. Dans Candy Rack, cliquez sur Create offer et configurez l'offre selon vos besoins.

  2. Choisissez un emplacement : Cart block ou Line item.

  3. Allez dans Slide cart > Offers et ouvrez Cart block ou Line item pour ajuster le design. Pour le Cart block, vous pouvez choisir :

    • List layout : offres empilées verticalement.

    • Carousel layout : offres sur une ligne défilante, pour en afficher davantage sans allonger le panier.

    • Offer card style : Standard ou Card (chaque offre sur sa propre carte avec fond et bordure).

  4. Toutes les offres éligibles s'afficheront dans le slide cart selon vos règles de ciblage.

Astuce : un point vert à côté de Cart block ou Line item dans le menu signifie que l'emplacement a au moins une offre active.

Remarque : ces emplacements fonctionnent uniquement dans le slide cart de Candy Rack. Ils n'apparaissent pas dans les tiroirs de panier de votre thème ou d'autres applications. Consultez Offer placements pour la liste complète des emplacements disponibles dans Candy Rack.

Barre de récompenses (Rewards bar)

La Rewards bar est une barre de progression dans votre slide cart qui indique aux clients combien il leur reste à dépenser pour débloquer une récompense, généralement la livraison gratuite ou un cadeau. Elle se met à jour en temps réel à chaque ajout d'article et aide à augmenter le panier moyen.

Vous vendez sur plusieurs marchés ? Les marchés dans la devise de votre boutique utilisent votre montant minimum d'achat. Pour les autres marchés, le montant est converti automatiquement selon les taux de change de Shopify, ou vous pouvez définir un montant personnalisé pour n'importe quel marché.

Important : la Rewards bar est un outil de motivation visuel. Elle n'applique pas automatiquement de réductions ou la livraison gratuite et n'ajoute pas de produits au panier. Vous devez configurer ces règles dans les paramètres d'expédition ou de réduction de Shopify, et vérifier que les seuils saisis dans Candy Rack correspondent exactement à ceux de Shopify, y compris les montants par marché. S'ils ne correspondent pas, les clients verront des messages trompeurs.

Pour ajouter automatiquement des cadeaux au panier, nous recommandons notre application Gift Box, qui s'intègre parfaitement à Candy Rack et à son slide cart. Installez-la via ce lien pour obtenir 25 % de réduction sur votre abonnement mensuel.

Pour la configuration complète, consultez l'article dédié Rewards bar.

Barre d'annonce (Announcement bar)

Affichez un court message tout en haut de votre slide cart. Idéal pour les promotions, les messages de confiance ou les heures limites de livraison (par ex. « Commandez avant 14 h pour une expédition le jour même »).

Vous pouvez mettre le texte en forme (gras, italique, liens), régler la taille de police et les couleurs, et rendre la barre sticky pour qu'elle reste visible pendant le défilement.

Vous la trouverez dans Slide cart > Features > Announcement bar.

Champ de code de réduction

Permettez aux clients d'appliquer un code de réduction directement dans le slide cart, sans attendre le paiement. Les codes valides mettent à jour le total instantanément, les codes invalides affichent un message d'erreur personnalisable.

Activez Collapsible discount field pour garder un panier épuré. Le champ reste alors masqué sous un petit titre « Discount + » jusqu'à ce que le client clique dessus.

Vous le trouverez dans Slide cart > Essentials > Discounts.

Texte personnalisé (Custom text)

Ajoutez une courte ligne juste au-dessus du bouton de paiement, par ex. « Taxes et frais de livraison calculés au paiement » ou une note sur votre politique de retour. Un petit message rassurant au bon moment aide les clients à finaliser leur commande en toute confiance.

Vous le trouverez dans Slide cart > Features > Custom text.

Bloc personnalisé (Custom block)

Les custom blocks vous permettent d'ajouter au slide cart des éléments qui ne sont pas intégrés par défaut : logos de moyens de paiement, preuves sociales, comptes à rebours, informations de livraison, icônes d'avantages, et plus encore. Écrivez-les en HTML et CSS, ajoutez-les au slide cart et placez-les exactement où vous voulez.

Vous disposez de deux custom blocks : un dans le corps du panier (à côté des articles) et un dans le pied du panier (près du bouton de paiement).

Pour la configuration complète, consultez l'article dédié Custom block.

Case à cocher des conditions générales

Le slide cart vous permet de recueillir le consentement de vos clients avant qu'ils passent au paiement.

Activez-le dans Slide cart > Features > Terms and conditions.

  • Text : votre message de consentement, avec un lien vers vos CGV.

  • Required consent : lorsqu'il est activé, les clients doivent cocher une case avant de passer au paiement. Lorsqu'il est désactivé, le texte s'affiche sans case à cocher.

  • Error message : s'affiche si un client clique sur Checkout sans cocher la case (uniquement si Required consent est activé).

Traduction

Traduisez le slide cart dans n'importe quelle langue. Cliquez sur More actions → Manage translations. Candy Rack s'intègre à l'application Shopify Translate & Adapt.

Aperçu

Vous pouvez tester le slide cart sur votre boutique sans le publier, de deux façons :

  • Cliquez sur Preview en haut à droite de la page d'administration du slide cart.

  • Ou ajoutez ?candyrack-slider-cart-preview=true à n'importe quelle URL de votre boutique. Pratique pour partager un aperçu en direct avec votre équipe avant d'activer le slide cart.

Besoin d'aide ? Si quelque chose ne fonctionne pas comme prévu, contactez-nous via le chat de l'application ou à [email protected].

Avez-vous trouvé la réponse à votre question ?