---
title: "Compte à rebours"
description: "Ajoutez un compte à rebours à un paywall."
---

Le **Countdown timer** décompte d'une durée fixe jusqu'à zéro — une fois arrivé à zéro, l'affichage se fige.

## Templates \{#templates\}

La catégorie propose quatre variantes visuelles :

- **Blocks** — Jours, heures, minutes et secondes dans des cellules séparées avec libellés.
- **Inline Units** — Texte sur une seule ligne avec suffixes d'unités.
- **Inline** — Chiffres seuls.
- **Badge** — Affichage des chiffres en forme de pastille.

## Paramètres \{#settings\}

### Définir la durée \{#set-the-duration\}

Dans la section **Countdown** du panneau droit, saisissez la durée de départ en jours, heures, minutes et secondes.

### Configurer le comportement \{#configure-the-behavior\}

Le menu déroulant **Behavior** contrôle le moment où le minuteur démarre :

- **Every appear** — Redémarre à chaque fois que l'utilisateur ouvre l'écran. Comportement par défaut.
- **First appear** — Démarre à la première vue de l'écran par l'utilisateur dans la session d'application en cours. Continue de décompter si l'utilisateur revient pendant la même session ; se réinitialise à un nouveau lancement de l'application.
- **First appear (persisted)** — Démarre à la première ouverture de l'écran et continue de décompter même après relancement de l'application.

### Déclencher une action à la fin du minuteur \{#trigger-an-action-when-the-timer-ends\}

:::link
Article principal : [Actions](onboarding-actions)
:::

Ajoutez un déclencheur **On timer end** pour exécuter une action lorsque le compte à rebours atteint zéro — par exemple, naviguer vers un autre écran ou masquer un badge de réduction.