# Comment ajouter et régler un minuteur

### ⏳ Ce que vous apprendrez

* Comment ajouter un compte à rebours à votre page de mot de passe
* Comment définir correctement l'heure de lancement en utilisant UTC
* Comment styliser et positionner le minuteur

***

### Étape 1 : Ouvrir l'éditeur de thème

1. Dans votre administration Shopify, allez à **Boutique en ligne > Personnaliser**
2. Dans le menu déroulant en haut, sélectionnez **Mot de passe**
3. Recherchez la **Section Minuteur** section dans la barre latérale
   * Si elle n'est pas là, cliquez sur **Ajouter une section > Minuteur**

***

### Étape 2 : Définir l'heure du compte à rebours

Dans le panneau de réglages à droite sous **Minuteur de compte à rebours**:

* **Définissez la date et l'heure de votre lancement**
  * Choisissez le mois, le jour, l'année, l'heure et la minute
  * Sélectionnez AM ou PM
* **Utilisez l'heure UTC**

  > ⚠️ IMPORTANT : Convertissez votre heure locale en UTC afin que tous les visiteurs voient le même compte à rebours.
  >
  > Exemple :\
  > Si votre lancement est à 17h EST, convertissez-le en **21h UTC**.\
  > Utilisez Google :\
  > `17h EST en UTC` ➜ `21h UTC`

***

### Étape 3 : Ajuster la mise en page du minuteur

Sous **Positionnement du minuteur**:

* Basculer **Centrer le minuteur** si c'est le seul élément principal sur la page
* Définir **Marge supérieure du minuteur** et **Marge inférieure du minuteur** pour l'espacement

***

### Étape 4 : Styliser le minuteur

Sous **Typographie du compte à rebours**:

* Ajustez la taille de la police pour les chiffres et les étiquettes du compte à rebours (bureau uniquement)

Sous **Style du compte à rebours**:

* Basculer les étiquettes : Jours / Heures / Minutes / Secondes
* Activez la lueur ou des encadrés autour des chiffres pour un effet visuel
* Définir le rayon des coins de la boîte (Arrondir les coins du cadre du compte à rebours)
* Ajustez la transparence avec **Opacité de la boîte du compte à rebours**

Sous **Couleurs du compte à rebours**:

* Changez les couleurs de la boîte, des chiffres et des étiquettes :
  * Couleur de la boîte du compte à rebours
  * Couleurs du texte + étiquettes Jours / Heures / Minutes / Secondes

***

### Étape 5 : Enregistrer et prévisualiser

Cliquer sur **Enregistrer** 💾 et actualisez votre boutique en ligne pour tester le compte à rebours.

> 💡 Le compte à rebours est idéal pour les drops, les préventes et le battage autour d'une nouvelle collection. Assurez-vous de le combiner avec votre animation de déverrouillage pour un effet complet.

***

### **Besoin d’aide ?**

* 💬 **Rejoignez notre communauté sur Discord :** <https://discord.gg/hcc2GvgZc6>
* 📧 **Envoyez-nous un e-mail à :** <support@openspaces.design>
* 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web