Ajouter un compte à rebours.

Apprendre DXPR BuilderCréer des pagesAjouter du contenuDonnées et animation

Vous obtenez une horloge en direct qui décompte jusqu’à votre événement, votre date limite ou la fin de votre offre. Utilisez-la quand une date compte et que vous voulez que vos visiteurs agissent avant qu’elle ne passe.

Compte à rebours en style 3D flip affichant les jours, heures, minutes et secondes avant une journée portes ouvertes

Ajouter un compte à rebours

Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. Votre première page présente les bases.

  1. Survolez la colonne et cliquez sur + dans sa barre de contrôle, ou cliquez sur Ajouter des éléments sur une page vide. Ouvrez l’onglet Contenu et cliquez sur Compte à rebours. L’élément apparaît en haut de la colonne et sa boîte de dialogue de paramètres s’ouvre.
  2. Choisissez un Countdown style, par exemple 3D flip.
  3. Laissez Date / Time Limitations sur sa valeur par défaut, Specify date only, et définissez la Date de fin du compte à rebours.
  4. Display options a ses cinq unités cochées. Décochez celles dont vous n’avez pas besoin ; ici, nous décochons Show remaining years.
  5. Cliquez sur Enregistrer dans la boîte de dialogue, puis sur Enregistrer dans la barre d’outils en haut de la zone de contenu pour stocker la page.

Ce que vous voyez

L’horloge décompte jusqu’à la date choisie, dans le style et les unités choisis. Dans la vidéo, une horloge 3D flip affiche les jours, les heures, les minutes et les secondes avant une date dans trois mois. Les visiteurs la voient une fois la page enregistrée et publiée.

Configurer votre compte à rebours

Survolez l’élément et ouvrez Plus > Paramètres dans sa barre de contrôle. Options :

  • Countdown style : l’aspect de l’horloge : Plain, Grid, 3D flip, Disc, Airport style ou Transparent.
  • Date / Time Limitations : ce jusqu’à quoi l’horloge compte. Choisissez Specify date only (par défaut), Specify date and time, Specify time only (répétition quotidienne) ou Resetting counter (intervalle jusqu’à 24 heures).
  • Date : le jour de fin du compte à rebours. Il se termine à minuit, au début de ce jour, dans le fuseau horaire de chaque visiteur. Les autres modes affichent Date / Time ou Time à la place.
  • Reset in hours : avec Reset in minutes et Reset in seconds, l’intervalle d’un compteur à réinitialisation.
  • Page referrer : une page qui s’ouvre quand le temps est écoulé. Elle n’apparaît que pour les modes à répétition et à réinitialisation.
  • Automatic restart : relance un compteur à réinitialisation quand il atteint zéro.
  • Display options : les unités affichées par l’horloge, de Show remaining years à Show remaining seconds. Les cinq sont cochées par défaut.

Si rien ne s’affiche

  • Le compte à rebours ne figure pas dans l’onglet Contenu. Votre profil d’utilisateur le masque. Demandez à un administrateur de cocher Countdown sous Elements dans Profils d’utilisateurs.
  • Il a disparu après rechargement. La page n’a pas été enregistrée. Ajoutez-le de nouveau et cliquez sur Enregistrer dans la barre d’outils en haut de la zone de contenu.
  • Tous les chiffres affichent zéro. La date cible est passée. Survolez l’élément et ouvrez Plus > Paramètres, puis définissez une Date future.
  • Il n’y a pas de champ Date. Date / Time Limitations est réglé sur un autre mode. Choisissez Specify date only, ou renseignez le champ Date / Time ou Time affiché par ce mode.
  • L’horloge recommence chaque jour. Date / Time Limitations est réglé sur Specify time only (répétition quotidienne). Choisissez Specify date only pour un événement ponctuel.

Et ensuite ?

Onglet Style pour modifier l’espacement et l’arrière-plan de votre compte à rebours.