SScale Themedocs
EN

Ajoutez un timer de compte à rebours sur vos pages produit et sections pour créer un sentiment d'urgence et stimuler les conversions.

Compte à rebours (Timer)

Le bloc Timer affiche un compte à rebours jusqu'à une date limite. Il est disponible comme bloc dans les pages produit et dans de nombreuses sections (Banner, etc.). Il crée un sentiment d'urgence qui pousse à l'action.

Comment l'ajouter

  1. Ouvrez l'éditeur de thème Shopify
  2. Naviguez vers la section souhaitee (page produit, banner, etc.)
  3. Cliquez sur Ajouter un bloc
  4. Sélectionnez Timer

Date du timer

Le timer peut utiliser deux sources de date :

SourceDescriptionCas d'utilisation
Timer globalDate configurée dans les Settings du thème > TimerPromotions sitewide, même date partout
Date personnaliséeDate spécifique à ce blocTimer unique pour une page ou section

Pour utiliser une date personnalisée, activez Override timer et renseignez :

SettingTypeDéfautFormatDescription
DateTexte2026-12-31AAAA-MM-JJDate de fin du compte à rebours
HeureTexte23:59HH:MMHeure de fin
💡Le timer global est configuré dans Settings du thème > Timer. C'est l'option la plus pratique pour une promo sitewide : changez la date une fois et tous les timers sans override se mettent à jour.

4 styles d'affichage

StyleDescriptionIdéal pour
CardsChaque unite (J/H/M/S) dans une carte séparéePages produit, sections hero
BoldChiffres larges et gras, style minimalisteSections promotionnelles
FlipAnimation de retournement style horloge mecaniqueImpact visuel premium
BadgeFormat compact en ligne avec icône optionnelleProduit, compact, inline

Settings

Contenu

SettingTypeDéfautDescription
TitreTexte"Limited offer"Titre affiché au-dessus du timer
TexteInline richtext-Description sous le titre (optionnel)
Texte de finTexte-Message affiché quand le timer atteint zéro

Affichage

SettingTypeOptions / RangeDéfautDescription
StyleSelectBadge / Cards / Bold / FlipCardsStyle visuel du timer
TailleRange50-300%100%Echelle du timer
CouleurSelectAccent 1 / Accent 2 / ForegroundAccent 1Couleur d'accentuation du timer
AlignementSelectGauche / Centre / DroiteCentreAlignement horizontal

Options du style Badge

Ces settings n'apparaissent que lorsque le style Badge est sélectionné :

SettingTypeOptionsDéfautDescription
IcôneSelectListe d'icônesAucuneIcône affichée avant le timer
Icône personnaliséeImage picker--Image custom comme icône
Label flottantTexte--Texte court au-dessus du badge
FondSelectTransparent / TeinteTransparentFond du badge

Timer global vs personnalisé

Settings du theme > Timer
  └─ Date: 2026-03-15, Heure: 23:59
      │
      ├── Section Banner > Bloc Timer (pas d'override)
      │     → Affiche: 2026-03-15 23:59
      │
      ├── Page Produit > Bloc Timer (pas d'override)
      │     → Affiche: 2026-03-15 23:59
      │
      └── Page Produit #2 > Bloc Timer (override)
            → Date custom: 2026-04-01
            → Affiche: 2026-04-01 23:59
ℹ️Quand le timer atteint zéro, il affiche le texte de fin si configure. Sinon, les compteurs affichent simplement "00" partout. Pensez a configurer un message de fin pertinent comme "Offre terminee" ou masquez le bloc quand la promo est finie.

Cas d'utilisation

Promo flash sur page produit

  • Style Cards ou Flip pour un impact visuel fort
  • Date personnalisée (override) pour cette promo spécifique
  • Titre : "Offre flash - Fin dans :"
  • Taille : 100%

Urgence subtile sur page produit

  • Style Badge compact
  • Fond Teinte pour se démarquer
  • Icône horloge ou feu
  • Label flottant : "Promo"
  • Taille : 80%
  • Style Bold pour de grands chiffres
  • Timer global (même date partout)
  • Taille : 150%
  • Couleur Accent 1 pour attirer l'oeil
⚠️Évitez d'utiliser des timers "evergreen" qui se reinitialisent à chaque visite avec des dates toujours dans le futur. Les clients réguliers remarquent l'artifice, ce qui deteriore la confiance. Utilisez de vraies dates de fin de promotion.

Prochaines étapes

PrécédentIndicateur de stockSuivantSocial Proof