Pour ajouter un compte à rebours à ta boutique, le plus simple est d'utiliser un widget qui s'installe avec une ligne de code dans le <head> de ton site, puis de régler la date de fin, le texte et les pages où il s'affiche. Ça marche de la même façon sur Shopify, WooCommerce, WordPress ou n'importe quel site. Voici la méthode pas à pas, plateforme par plateforme, et les bonnes pratiques pour qu'il reste crédible.
Pourquoi ajouter un compte à rebours sur ton site ?
Un minuteur rend une échéance visible. « Fin des soldes dans 2 jours 14 heures » parle beaucoup plus qu'une mention « offre valable jusqu'au 15 » perdue en bas de page. Il aide le visiteur qui hésite à décider maintenant, et il évite qu'un client fidèle découvre après coup qu'il a raté ta promotion.
Les cas d'usage les plus courants :
- la fin d'une promotion ou des soldes ;
- le lancement d'un nouveau produit ou d'une collection ;
- la date limite de commande pour une livraison avant Noël, la fête des Mères ou la Saint-Valentin ;
- le Black Friday et le Cyber Monday ;
- l'ouverture des inscriptions à un atelier, un webinaire ou une formation.
Quel type de compte à rebours choisir ?
Avec wwidgets, le minuteur existe en plusieurs variantes. Choisis selon ton objectif :
| Format | Idéal pour | Exemple |
|---|---|---|
| Compte à rebours avec bouton (CTA) | Pousser vers une page d'offre | « -25 % jusqu'à dimanche » + bouton « Voir les offres » |
| Compte à rebours avec collecte d'e-mail | Préparer un lancement | « Lancement le 3 mars : sois prévenu en premier » |
| Barre d'information | Message discret sur tout le site | « Livraison avant Noël : commande avant le 18/12 » |
Tu peux aussi combiner un compte à rebours avec une barre de coupon, pour afficher le code promo juste à côté du minuteur.
Étape 1 : créer ton compte et ton widget
- Crée ton compte sur wwidgets (essai gratuit de 14 jours).
- Ajoute ton site comme campagne dans le tableau de bord.
- Choisis le widget « Compte à rebours » et la variante qui te convient.
- Renseigne la date et l'heure de fin, le titre, le texte du bouton et le lien de destination.
- Personnalise les couleurs, la position (haut, bas, coin de l'écran) et active le mode sombre si ton site en utilise un.
Étape 2 : installer le pixel sur ta plateforme
Le pixel, c'est une ligne de code à copier depuis ton tableau de bord. Elle se place une seule fois dans la balise <head> de ton site et sert ensuite pour tous tes widgets. Le script se charge de façon asynchrone et ne bloque pas l'affichage de tes pages.
Sur Shopify
- Dans l'admin Shopify, va dans Boutique en ligne > Thèmes.
- Sur ton thème actif, clique sur les trois points puis sur Modifier le code.
- Ouvre le fichier theme.liquid dans le dossier Layout.
- Colle le pixel juste avant la balise de fermeture </head> et enregistre.
Astuce : si tu changes de thème plus tard, pense à recoller le pixel dans le nouveau thème.
Sur WooCommerce et WordPress
- Installe une extension qui permet d'ajouter du code dans l'en-tête (il en existe plusieurs gratuites pour insérer des scripts dans le <head>).
- Colle le pixel dans la zone dédiée à l'en-tête.
- Enregistre et vide le cache si tu utilises une extension de cache.
Si tu préfères éviter une extension, tu peux aussi ajouter le code dans le fichier header.php d'un thème enfant. Évite de modifier directement le thème parent : la prochaine mise à jour effacerait ta modification.
Sur n'importe quel autre site
Magento, Wix, un site fait main ou un autre CMS : cherche l'option « code personnalisé », « scripts d'en-tête » ou « tracking code » dans les réglages, ou ajoute la ligne directement dans ton modèle HTML, avant </head>. Le guide de démarrage reprend ces étapes en détail.
Étape 3 : régler le ciblage et les déclencheurs
Un compte à rebours mal placé dérange plus qu'il n'aide. Prends deux minutes pour régler :
- Les pages : affiche-le sur la page d'accueil, les catégories en promo et les fiches concernées, pas forcément sur ton blog ou tes CGV.
- Le moment : immédiatement pour une barre, après quelques secondes ou au défilement pour un pop-up.
- L'appareil : sur mobile, préfère une barre fine à un pop-up qui couvre tout l'écran.
- La fréquence : limite le nombre d'affichages par visiteur pour ne pas le harceler.
- L'intention de sortie : un minuteur qui apparaît quand le visiteur s'apprête à quitter la page peut lui rappeler qu'il reste peu de temps.
Quel texte écrire dans ton compte à rebours ?
Le minuteur fait le travail visuel, le texte doit donc rester très court. Annonce l'avantage d'abord, puis l'échéance : « -20 % sur toute la collection, fin dimanche minuit ». Pour un lancement, mise sur la curiosité : « Nouvelle collection dévoilée dans… ». Pour une date limite de livraison, sois précis : « Commande avant jeudi 14 h pour recevoir ton colis avant Noël ». Le bouton, lui, décrit l'action : « Voir les offres », « Je découvre », « Je m'inscris ». Évite les formules vagues comme « Cliquez ici ».
Étape 4 : vérifier et suivre les résultats
Ouvre ton site en navigation privée, sur ordinateur et sur téléphone, pour vérifier l'affichage. Contrôle que l'heure de fin est la bonne (attention aux fuseaux horaires si tu vends en Belgique, en Suisse ou au Canada). Ensuite, suis les impressions, les clics, le taux de clic et le taux de conversion du widget dans ton tableau de bord.
Si tu gères beaucoup de campagnes, l'API REST de wwidgets permet aussi de piloter campagnes, widgets et statistiques depuis tes propres outils : tout est décrit sur la page développeurs.
Les bonnes pratiques pour un compte à rebours crédible
- Une vraie date de fin, toujours. Un minuteur qui redémarre à chaque visite est trompeur. Il abîme la confiance et peut être sanctionné comme pratique commerciale trompeuse.
- Respecte ta parole. Quand le compteur arrive à zéro, l'offre s'arrête. Si tu prolonges, annonce-le honnêtement (« Prolongation exceptionnelle jusqu'à mardi »).
- Un message court. L'offre en quelques mots, le temps restant, un bouton. Pas de paragraphe.
- Un seul minuteur à la fois. Plusieurs comptes à rebours différents sur une même page brouillent le message.
- Un contraste lisible, sans agresser. Ta couleur d'accent suffit ; inutile de faire clignoter du rouge.
- Retire-le après l'échéance. Un compteur bloqué à zéro donne l'impression d'un site abandonné. Planifie la désactivation.
FAQ sur le compte à rebours
Le compte à rebours ralentit-il ma boutique Shopify ?
Le pixel wwidgets se charge de façon asynchrone, en parallèle du reste de la page. Il n'empêche pas le contenu de ton thème de s'afficher.
Puis-je afficher un compte à rebours seulement sur une fiche produit ?
Oui. Dans les règles d'affichage, tu choisis précisément les pages concernées, par exemple une seule URL de produit ou toute une catégorie.
Combien ça coûte ?
Le compte à rebours fait partie des 26 types de widgets inclus. Les offres démarrent à 9 € par mois (Professional) et 14 € par mois (E-Commerce World), avec 14 jours d'essai gratuit.
Un compte à rebours bien réglé, c'est un rappel honnête et visible qui aide tes clients à ne pas rater une vraie occasion. Installe le pixel une fois, crée ton minuteur pour ta prochaine promotion et regarde ce qu'il change. Tu peux essayer gratuitement dès aujourd'hui.
