Skip to main content
Ce guide vous accompagne dans la configuration d’Upcart avec ses principaux modules, de la personnalisation visuelle à l’activation sur votre boutique. Upcart remplace visuellement le tiroir de panier de votre thème, mais il ne s’intègre pas au tiroir de panier ni à la page de panier de votre thème. La page de panier Shopify restera accessible.

​
Gérer les modules

Chaque module Upcart peut être facilement activé ou désactivé. Il suffit de cliquer sur le bouton Enable/Disable dans le coin supérieur droit pour activer ou désactiver un module à tout moment. Vos modifications prennent effet immédiatement une fois enregistrées. Ligne du module Announcements marquée Disabled avec une flèche pointant vers le bouton Enable

​
Design du panier

Lorsque vous ouvrez pour la première fois le Cart Editor d’Upcart, vous arrivez dans le module Design. Vous pouvez y personnaliser les couleurs de base du tiroir pour correspondre à l’image de marque de votre boutique. Module Design du Cart Editor d'Upcart avec les paramètres de couleur à côté d'un aperçu en direct du tiroir de panier

​
Annonces

Pour afficher un message de panier ou un compte à rebours, allez dans Body > Announcements. Dans le coin supérieur droit, cliquez sur Enable. Le badge à côté du nom du module passe de Disabled à Active. Saisissez votre message dans le champ Announcement Text et configurez la minuterie si nécessaire. Paramètres d'annonce avec minuterie, champ de texte d'annonce et options de couleur Assurez-vous d’utiliser la variable {TIMER} pour les comptes à rebours dans votre texte d’annonce afin d’assurer son bon fonctionnement (par exemple, « Cette offre n’est disponible que pendant . ») Évitez de copier du texte formaté directement depuis des outils tiers. Une fois terminé, assurez-vous de cliquer sur Save dans le coin supérieur droit.

​
Problèmes au niveau du thème

  • Conflits de CSS ou d’applications : vérifiez que des propriétés CSS comme display: none; ne masquent pas la barre d’annonce. Vérifiez également que des applications tierces n’écrasent pas ces paramètres.
  • Visibilité du texte : confirmez que la couleur du texte de la barre d’annonce contraste avec l’arrière-plan et ajustez-la dans les paramètres de votre thème si nécessaire.

​
Étapes de débogage avancées

Pour les problèmes persistants, examinez les erreurs de la console du navigateur à la recherche de problèmes de script affectant la barre d’annonce et désactivez temporairement les applications tierces pour identifier les conflits.

​
Récompenses

Pour afficher une barre de progression qui encourage les clients à dépenser plus, activez le module Rewards.

​
Paramètres généraux

Définissez les couleurs de votre marque et le message affiché après l’atteinte du dernier palier de récompense. Choisissez une base de récompense dans la carte Rewards calculation située sous les paramètres généraux :
  • Cart total ($) : suit la valeur totale du panier
  • Cart quantity (#) : suit la quantité d’articles
Paramètres généraux du module Rewards avec les couleurs de la barre et les champs de message de complétion

​
Paramètres des paliers

Choisissez votre type de récompense :
  • Shipping : débloque la livraison gratuite au palier
  • Discount : débloque une remise au palier
  • Product : ajoute un produit au panier
Le fait que la progression des paliers soit mesurée avant ou après les remises se définit une seule fois pour l’ensemble de la barre, via la case à cocher Use pre-discounted prices for cart total dans Rewards calculation — ce n’est pas une propriété du type de récompense. Définissez un seuil minimum pour déclencher la récompense et personnalisez le champ Title before achieving tier. Vous pouvez créer jusqu’à quatre paliers de récompense. Paramètres des paliers avec le sélecteur de type de récompense, le montant minimum et les champs de titre du palier
Cette capture d’écran est antérieure aux libellés actuels : elle montre la section sous le nom « Rewards settings » et le champ sous le nom « Text before achieving ». Il s’agit des mêmes contrôles — ils s’intitulent désormais Tier settings et Title before achieving tier.

​
Upsells

Activez Use AI Recommended Upsells, sélectionnez l’algorithme Related et activez Smart Variant Matching pour présélectionner les variantes de produits correspondantes en fonction du contenu du panier. Paramètres d'upsells avec les upsells recommandés par IA, l'algorithme Related et la correspondance intelligente des variantes activés Personnalisez le titre de votre section et le libellé du bouton Add. Champs d'upsell pour le nombre maximum d'upsells à afficher et le texte du titre de la section

​
Add-ons

Pour afficher un add-on à bascule dans le pied de page, vous pouvez activer l’une de ces options :

​
Protection d’expédition

Sélectionnez Shipping Protection et configurez des paliers de tarification dynamique en fonction de la valeur du panier.
Cela crée un produit réel dans votre catalogue Shopify. Paramètres de l'add-on Shipping Protection avec titre, description et paliers de tarification

​
Add-on produit

Passez à l’onglet Product Add-On et sélectionnez un produit existant à proposer en upsell. Onglet d'add-on produit avec un produit Energy Drink sélectionné et un bouton Change Product

​
Activer Upcart sur votre boutique

​
Première étape : mettre votre panier en ligne

Une fois que tout est configuré, allez dans Manage All Carts > sélectionnez le panier que vous souhaitez activer > cliquez sur Publish. Une fois publié, le panier passe dans la section en ligne du tableau des paniers. Il affiche un badge d’avertissement « App embed off » jusqu’à ce que vous activiez l’app embed Upcart dans votre thème, ce qui constitue l’étape suivante. Avec l’embed activé, le badge devient un badge vert « Live » confirmant que le panier s’affiche sur votre boutique.
L’app embed contrôle si le tiroir de panier Upcart s’affiche sur votre boutique. Si vous avez des remises configurées, ces règles restent actives via le système de remises de Shopify même lorsque l’app embed est désactivé.
Publication d'un panier dans Upcart avec la boîte de dialogue de confirmation Publish ouverte

​
Deuxième étape : activer le Theme App Embed

Pour activer Upcart sur votre thème, allez dans Shopify Admin → Online Store → Themes → Customize → App embeds, activez l’app embed Upcart et cliquez sur Save. Activation de l'interrupteur Upcart Cart Drawer dans le panneau App embeds du thème Shopify Si vous rencontrez des problèmes ou des soucis de compatibilité, n’hésitez pas à contacter notre chat de support pour obtenir de l’aide.