Skip to main content

​
Hauteur

Le paramètre Height contrôle l’épaisseur d’affichage de la barre d’annonces. Il offre trois options : Slim, Normal et Thick. Slim garde le tiroir plus compact, laissant de la place au contenu du panier — particulièrement utile sur les petits écrans. Normal se situe entre les deux. Thick offre une plus grande emphase visuelle, aidant votre message à se démarquer auprès des clients.

​
Position

Utilisez le paramètre Position pour choisir si la barre d’annonces apparaît Before products ou After products dans le tiroir de panier.
  • Before products place la barre en haut du corps du panier, directement sous l’en-tête.
  • After products la place en bas du corps du panier, juste au-dessus du pied de page — sous les modules de notes et de ventes incitatives si ceux-ci y sont également placés.
Deux paniers Upcart comparant la barre d'annonces positionnée au-dessus et en dessous des produits

​
Durée du minuteur

Si vous souhaitez que l’annonce expire après un délai défini, saisissez un compte à rebours dans le champ Timer duration. Il utilise le format MM:SS — 05:00 pour cinq minutes, 00:30 pour trente secondes. Les secondes doivent être comprises entre 00 et 59 ; le champ rejette toute valeur supérieure. Le compte à rebours ne s’exécute que si le texte de votre annonce contient la variable du minuteur. Une fois écoulé, toute la barre d’annonces est automatiquement supprimée du panier.
Le compte à rebours intégré est basé sur la session et décompte à partir d’un nombre de minutes défini. Il ne prend pas en charge les comptes à rebours récurrents ou quotidiens qui se réinitialisent à une heure précise (par exemple, un compte à rebours jusqu’à 14 h chaque jour). Cette fonctionnalité n’est actuellement pas disponible dans Upcart.

​
Texte de l’annonce

Cette section vous permet de saisir et de mettre en forme le message affiché dans la bannière d’annonce. Vous pouvez styliser des portions spécifiques du texte à l’aide de la barre de mise en forme au-dessus du champ de saisie, qui comprend des options de gras, d’italique, de soulignement et de couleur. Lorsque vous appliquez une couleur, vous pouvez utiliser l’échantillon du sélecteur de couleur ou saisir ou coller un code hexadécimal (par exemple #DDDDDD) dans le champ de texte situé sous le sélecteur. Sélecteur de couleurs ouvert pour styliser le texte dans l'éditeur de texte d'annonce
Le champ Announcement Text ne prend pas en charge les hyperliens — il n’y a pas de bouton de lien ou d’URL dans la barre d’outils de mise en forme, et les balises <a> collées ou les liens Markdown sont supprimés à l’enregistrement. Pour rendre l’annonce cliquable ou inclure un lien, utilisez plutôt le module Custom HTML (voir ci-dessous).
Étant donné que le champ Announcement Text intégré n’affiche pas les hyperliens, vous pouvez remplacer ou compléter la barre d’annonces en injectant un lien avec du Custom HTML :
  1. Allez dans Upcart > Cart Editor > Settings > Custom HTML.
  2. Définissez HTML Location sur Above announcements/rewards (pour apparaître au-dessus de la barre d’annonces) ou Below header/announcements/rewards (pour apparaître directement en dessous).
  3. Collez un extrait avec votre lien, par exemple :
  4. Cliquez sur Save, puis testez dans votre panier en ligne.
Pour en savoir plus sur les emplacements Custom HTML et le style, consultez Custom HTML et Custom CSS. L’équipe d’assistance d’Upcart n’écrit pas et ne débogue pas de code personnalisé — contactez un Shopify Expert si vous avez besoin d’aide pour le créer. Si vous utilisez la fonctionnalité de compte à rebours, insérez la variable du minuteur directement dans votre message. Utilisez {{timer}} pour les paniers V2 ou {TIMER} pour les paniers V1. Champ de texte d'annonce avec la variable de compte à rebours ajoutée au message

​
Important

Assurez-vous de saisir manuellement la variable du minuteur ({{timer}} pour V2, {TIMER} pour V1) plutôt que de la copier-coller. Cela évite des problèmes de mise en forme cachés qui pourraient empêcher le minuteur de s’afficher correctement dans votre panier en ligne.

​
Taille de police

Vous pouvez contrôler la taille du texte de l’annonce à l’aide du curseur, avec des options allant de 10px à 24px. Cela contribue à garantir la lisibilité sur les expériences mobile et ordinateur.

​
Couleurs

Background Color vous permet de définir la couleur de remplissage globale de la barre d’annonces. Border Color vous permet d’ajuster les lignes horizontales au-dessus et en dessous de la bannière pour un aspect de conteneur stylisé.

​
Configuration avancée du minuteur

Pour des fonctionnalités supplémentaires, JavaScript peut être utilisé pour personnaliser le compte à rebours. Ajoutez votre script dans la section « Scripts (Before Load) » plutôt que dans le module Custom HTML. Il s’agit d’une exigence de synchronisation de chargement, pas d’une restriction de sécurité — le Custom HTML exécute bien les scripts, mais ils s’exécutent trop tard pour se raccrocher de manière fiable à l’événement de chargement du panier. La section « Scripts (Before Load) » exécute votre code avant le chargement du panier, de sorte que les rappels comme upcartSubscribeCartLoaded se déclenchent correctement. Exemple de code :
Remarque sur l’héritage : window.upcartOnCartLoaded fonctionne toujours, mais il est obsolète et génère un avertissement dans la console. Utilisez upcartSubscribeCartLoaded pour tous les nouveaux scripts. Veillez à tester attentivement le placement et la syntaxe de votre code. Certaines restrictions de la plateforme peuvent encore affecter la façon dont les scripts sont traités.