Depuis le lancement du slide cart au sein de Candy Rack plus tôt cette année, le retour qu'on entend le plus souvent des marchands ressemble toujours à : « c'est super, mais j'aimerais ajouter une chose de plus. » Une rangée de logos de moyens de paiement. Un badge de confiance. Un compte à rebours. Une scratch card. Chaque boutique a son propre levier de conversion, et un tiroir à mise en page figée ne peut en accueillir qu'un nombre limité.
Les blocs personnalisés sont notre réponse. Vous écrivez votre propre HTML et CSS, vous le déposez directement dans le slide cart, et vous le positionnez exactement où vous voulez • à côté des articles du panier ou juste à côté du bouton de paiement. Si vous savez le faire dans une section Shopify, vous savez le faire dans le slide cart.
Ce que vous pouvez construire
Un bloc personnalisé est avant tout un conteneur libre, ce qui ouvre la porte à un large éventail d'usages. Voici les motifs qu'on voit revenir le plus souvent chez les marchands en accès anticipé :
- Logos de moyens de paiement pour rassurer les acheteurs sur les options disponibles
- Preuve sociale • notes, extraits d'avis, compteurs façon « X clients ont acheté ce produit aujourd'hui »
- Comptes à rebours pour les offres de livraison gratuite ou les fins de promo
- Badges de confiance et de paiement sécurisé pour réduire les frictions de dernière minute
- Scratch cards qui révèlent une réduction mystère quand le visiteur « gratte »
- Mentions sur la livraison et les retours • seuil de livraison gratuite, retours sans douleur
- Icônes USP pour résumer vos arguments clés sur une seule ligne
- Bannières promotionnelles pour vos campagnes ou les temps forts saisonniers
C'est la même boîte à outils que celle déjà utilisée par les boutiques orientées conversion sur leurs pages produit et panier • appliquée cette fois au slide cart, qui reste, pour une boutique axée upsell, le moment du parcours d'achat où l'attention est la plus dense.
Où se placent les blocs personnalisés
Vous disposez d'un bloc personnalisé dans chacune des deux zones du slide cart :
- Le corps, à côté des articles du panier
- Le pied de page, près du bouton de paiement
Cela fait jusqu'à deux blocs personnalisés par slide cart. La position exacte dans chaque zone se règle depuis les paramètres de mise en page, ce qui vous permet de glisser le bloc au-dessus ou en dessous de la barre de récompense, entre les lignes du panier ou sous le sous-total • selon ce que demande votre mise en page.
Nous avons volontairement gardé la fonction contrainte. Deux blocs suffisent à enrichir le merchandising sans transformer le slide cart en panneau publicitaire. Si l'acheteur ne voit plus le bouton de paiement sans scroller, plus rien d'autre ne compte.
Comment en ajouter un
La configuration est volontairement courte :
- Ouvrez les paramètres du slide cart dans Candy Rack.
- Repérez le composant Bloc personnalisé dans la section corps ou pied de page.
- Collez votre HTML et votre CSS dans le champ de code.
- Enregistrez vos modifications.
- Glissez le bloc à l'endroit voulu dans les paramètres de mise en page.
Les blocs personnalisés prennent en charge l'intégralité du HTML et du CSS. Le CSS que vous écrivez s'applique à l'intérieur du slide cart, donc gardez vos sélecteurs précis • une règle globale sur button finira par déborder sur d'autres éléments. Côté JavaScript, c'est plus partiel : les balises <script> ne sont pas exécutées, mais les attributs d'événement en ligne comme onclick, onmouseover ou onload fonctionnent. C'est suffisant pour la plupart des petites interactions • un bouton qui déclenche une alerte, un timer qui met à jour le DOM, un clic qui ouvre une infobulle. Si vous avez besoin d'appels fetch, d'état complexe ou de SDK tiers, écrivez-nous : nous suivons les demandes en ce sens et ajouterons un champ JS dédié si suffisamment de marchands le réclament.
Prévisualiser avant la mise en ligne
Un détail qui vaut le coup : vous pouvez enregistrer un bloc personnalisé, laisser la fonction désactivée, et voir tout de même exactement le rendu dans le slide cart via un lien d'aperçu dédié. Le bouton de prévisualisation classique n'affiche que les blocs déjà actifs • ce lien est donc la seule façon de valider un bloc sans l'exposer aux vrais clients.
C'est le mode opératoire que nous utilisons nous-mêmes pour faire valider un bloc en interne ou le tester sur un vrai appareil avant de l'activer.
Vous ne codez pas ? Demandez à une IA
La plupart de nos clients ne sont pas développeurs, et c'est très bien comme ça. Les exemples livrés dans le centre d'aide • un carrousel d'avis qui défile, un compte à rebours de 10 minutes, une rangée d'éléments de réassurance, une scratch card • sont prêts à coller, et les ajuster relève typiquement du genre de petite tâche front-end où les LLM sont aujourd'hui vraiment bons. Collez le code dans Claude (ou l'assistant de votre choix), décrivez la modification souhaitée, et vous récupérez du HTML et du CSS fonctionnels en quelques secondes. Si quelque chose ne colle toujours pas, notre support est joignable par chat.
Pourquoi nous l'avons construit
Un slide cart se joue sur deux choses : la rapidité et la densité de merchandising. La rapidité, c'est un problème d'ingénierie • c'est réglé. La densité de merchandising, en revanche, est propre à chaque boutique • certaines ont besoin de badges de confiance, d'autres d'urgence, d'autres d'un compte à rebours sur la livraison gratuite, d'autres d'une scratch card pour faire basculer un visiteur indécis. Les blocs personnalisés vous permettent de prendre ces décisions vous-mêmes, plutôt que d'attendre que nous livrions le composant exact que vous avez en tête.
La fonctionnalité est disponible dans Candy Rack dès maintenant. Si vous utilisez déjà le slide cart, vous trouverez le composant Bloc personnalisé dans votre mise en page existante. Si vous ne l'avez pas encore essayé, vous pouvez installer Candy Rack depuis le Shopify App Store • le slide cart, la barre de récompense et les blocs personnalisés sont tous inclus dans la même application.
Pour aller plus loin sur l'usage du panier, consultez notre guide d'upsell et nos notes sur l'optimisation du checkout Shopify.
