Sections compte à rebours

Grâce à la section Countdown Timer, vous pouvez facilement ajouter des éléments à durée limitée sur votre page - par exemple un compte à rebours jusqu’à la fin d’une promotion ou jusqu’au début d’un événement. Un compte à rebours crée un sentiment d’urgence et pousse efficacement les visiteurs à passer à l’action.

Fonctionnalités clés

• Compte à rebours en temps réel avec des animations fluides
• Possibilité de personnaliser les libellés, les couleurs et le positionnement
• Position fixe avec un bouton Close facultatif
• Intégration de boutons CTA principal et secondaire
• Design entièrement responsive qui s’adapte à tous les appareils
• Masquage automatique des zéros dans la variante texte

Comment ajouter un compte à rebours

Pour créer un compte à rebours dans Easypage, suivez ces étapes:

1. Allez dans votre projet Easypage, sous Websites → Landing Page.
2. Cliquez sur + New Section.
3. Dans la liste des sections, sélectionnez Countdown Timers.
4. Choisissez l’un des templates disponibles et glissez-le sur le canevas.

Le compte à rebours apparaît sur votre page et vous pouvez le personnaliser immédiatement.

Variantes disponibles

Bannières horizontales

• Digital Flip - des cartes animées avec un effet de retournement dynamique. Chaque changement de seconde, de minute ou d’heure est animé en douceur et attire l’attention du visiteur. Ce style moderne et énergique fonctionne très bien pour des campagnes promotionnelles courtes et limitées dans le temps.
• Circular Progress - des indicateurs de progression circulaires qui visualisent le temps qui passe. Chaque cercle représente une unité différente (jours, heures, minutes, secondes) et se remplit progressivement de couleur. Parfait pour des pages élégantes et minimalistes comme des lancements de produit ou des comptes à rebours d’événement.
• Simple Display - un compte à rebours textuel clair et lisible avec des chiffres classiques. Aucune animation - juste un affichage net qui ne détourne pas l’attention du contenu principal. Un excellent choix pour les pages riches en texte ou les formulaires.
• Text Inline - un compte à rebours textuel minimaliste qui masque automatiquement les zéros. Vous pouvez le placer directement au fil d’une phrase (par exemple “L’offre se termine dans 03:25:10”). Il se fond dans votre contenu et garde une mise en page propre.

Sections verticales

• Simple Centered - une mise en page centrée avec un compte à rebours circulaire. Toute la section (titre, compte à rebours, description et boutons) est alignée au centre, ce qui fait du compte à rebours l’élément visuel principal. Parfait pour les pages “Coming soon”, les lancements de produit ou les offres à durée limitée.
• Split with Media - une mise en page en deux parties qui combine du texte (tag, titre, description, compte à rebours, boutons) et un média (image, vidéo ou iframe). Un côté contient le compte à rebours et le texte, l’autre le visuel. Idéal pour les campagnes promotionnelles ou commerciales où le visuel appuie votre message.
• Split with Media Left - une variante avec le média à gauche et le contenu à droite. Cette structure permet aux visiteurs de voir d’abord l’image ou la vidéo, puis de lire le texte et le CTA qui l’accompagnent. Excellent pour les landing pages dynamiques et les sections marketing.

Réglages principaux du compte à rebours

Onglet Content

• Countdown end time - choisissez la date et l’heure exactes de fin de votre promotion ou de votre événement. Une fois ce moment passé, le compte à rebours s’arrête automatiquement et les visiteurs voient l’action que vous avez choisie (par exemple une remise à zéro ou un message personnalisé).
• When timer expires - décidez de ce qui se passe une fois le compte à rebours terminé. Vous pouvez le laisser à zéro ou afficher un message personnalisé comme “Promotion terminée” ou “Rejoignez la prochaine édition”.
• Title - un court titre facultatif qui s’affiche au-dessus ou à côté du compte à rebours. Utilisez-le pour un message clair et orienté action, comme “Les soldes se terminent dans” ou “Temps restant avant le lancement”.
• Unit labels - saisissez votre propre texte pour chaque unité de temps (jours, heures, minutes, secondes) afin de coller à la langue et au ton de votre site.

Boutons

• Primary CTA button - ajoutez un bouton principal qui incite à l’action, comme “Acheter maintenant”, “S’inscrire” ou “Voir l’offre”. Vous pouvez personnaliser son libellé, sa couleur et son lien.
• Secondary button - un bouton supplémentaire facultatif pour les actions secondaires, comme “En savoir plus”.
• Entire banner as link - activez cette option pour rendre toute la bannière cliquable. Les visiteurs peuvent alors cliquer n’importe où sur le compte à rebours pour être redirigés vers la page de votre choix (avec effets au survol).
• Close button - ajoutez un petit bouton X qui permet aux visiteurs de fermer le compte à rebours. C’est particulièrement utile quand le compte à rebours est fixé en haut ou en bas de l’écran.

Onglet Style

• Colors - personnalisez l’apparence de la section aux couleurs de votre marque. Vous pouvez changer le fond, le texte, les boutons, les cartes et les bordures.
• Layout and positioning - choisissez où et comment le compte à rebours doit apparaître sur votre page:
  • Fixed position: Off / Top / Bottom - épinglez le compte à rebours en haut ou en bas de l’écran.
  • Width mode: Full width / Rounded container - décidez si le compte à rebours doit occuper toute la largeur de l’écran ou tenir dans un bloc net aux angles arrondis.

Astuce: utilisez les comptes à rebours avec des boutons CTA pour orienter efficacement l’attention - par exemple: L’offre se termine dans 2 heures - commandez maintenant!”