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 à : [email protected]

• 💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web