Générateur de compte à rebours — Intégrez un compte à rebours sur n'importe quel site

Créez un compte à rebours pour un lancement, une vente, un webinaire ou un événement, et intégrez-le partout : Webflow, WordPress, Shopify ou HTML simple. Choisissez la date, l'heure et le fuseau horaire de fin (ainsi, chaque visiteur compte jusqu'au même moment), les unités, un style et vos couleurs, puis ce qui se passe à zéro : afficher un message, masquer le compte à rebours ou rediriger.

Mis à jour le

Aperçu

Code d'intégration

Dans Webflow, ajoutez un élément Embed (ou Paramètres du site → Code personnalisé) et collez le code ; dans WordPress, utilisez un bloc HTML personnalisé.

Vos données ne quittent jamais votre ordinateur. Tout le traitement se fait localement dans votre navigateur.

Comment utiliser : Générateur de compte à rebours

  1. Indiquez la date et l'heure de fin ainsi que le fuseau horaire correspondant : le compte à rebours effectue la conversion, de sorte qu'il se termine au même moment pour chaque visiteur.
  2. Choisissez les unités à afficher et saisissez les libellés dans votre langue.
  3. Définissez ce qui se passe à zéro : un message, la masquage du compte à rebours ou l'accès à une page.
  4. Choisissez un style et des couleurs, puis copiez le code dans un élément Embed (Webflow) ou un bloc HTML personnalisé (WordPress).

Une seule heure pour chaque visiteur

L'heure de fin est enregistrée sous forme de moment UTC exact, calculé à partir de la date, de l'heure et du fuseau horaire choisis, y compris l'heure d'été applicable ce jour-là. Un visiteur à Tokyo et un autre à New York voient des horloges locales différentes, mais le compte à rebours atteint zéro au même instant.

Léger et autonome

Le code d'intégration tient en quelques lignes de HTML, CSS et JavaScript, sans bibliothèque. Ses styles sont limités à une classe unique pour ne pas entrer en conflit avec votre site, il se met à jour chaque seconde, utilise aria-live en mode poli pour ne pas saturer les lecteurs d'écran, et suspend son travail lorsque l'onglet est masqué. Plusieurs comptes à rebours peuvent coexister sur une même page : générez un code par compte à rebours.

Utilisez uniquement des échéances réelles : les faux comptes à rebours « toujours valables » qui redémarrent pour chaque visiteur trompent les clients et sont interdits par la réglementation sur la protection des consommateurs dans de nombreux pays. Voir aussi : Convertisseur de fuseaux horaires, Convertisseur de timestamp Unix.

Aussi recherché comme : générateur compte à rebours, compte à rebours à intégrer, compte à rebours site web, countdown timer html, compte à rebours webflow, compte à rebours lancement, compte à rebours promotion, widget compte à rebours gratuit.

Outils complémentaires : Générateur de compte à rebours

Questions fréquentes

Comment ajouter un compte à rebours sur Webflow ?
Générez le compte à rebours, ajoutez un élément Embed à l'endroit souhaité, collez le code et publiez. Il fonctionne sur le site publié comme en prévisualisation.
Le compte à rebours se terminera-t-il au même moment pour tout le monde ?
Oui. L'heure de fin est convertie depuis le fuseau horaire choisi en un moment exact, elle ne dépend donc ni de l'horloge ni du fuseau horaire du visiteur.
Que se passe-t-il à zéro ?
Ce que vous avez choisi : il affiche votre message, se masque ou envoie le visiteur vers une page, par exemple votre vente en cours.
Puis-je placer deux comptes à rebours sur une même page ?
Oui : chaque code utilise sa propre classe unique, générez donc un code pour chaque compte à rebours.
Puis-je installer Générateur de compte à rebours en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur de compte à rebours est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.

Outils similaires