Comment ajouter et régler un minuteur
⏳ Ce que vous apprendrez
Comment ajouter un minuteur de compte à rebours à votre page de mot de passe
Comment définir l'heure de lancement correcte en utilisant UTC
Comment styliser et positionner le minuteur
Étape 1 : Ouvrir l'éditeur de thème
Dans votre administration Shopify, allez à Boutique en ligne > Personnaliser
Dans le menu déroulant en haut, sélectionnez Mot de passe
Recherchez le Minuterie section dans la barre latérale
S'il n'y est pas, cliquez sur Ajouter une section > Minuteur
Étape 2 : Définir l'heure du compte à rebours
Dans le panneau de paramètres à droite sous Compteur (compte à rebours):
Définissez votre date et heure de lancement
Choisissez Mois, Jour, Année, Heure et 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 de 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
Activer la lueur ou des encadrés autour des chiffres pour un effet visuel
Définir le rayon des bordures de la boîte (Arrondir les coins des boîtes 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 + des étiquettes Jours / Heures / Min / Sec
Étape 5 : Enregistrer et prévisualiser
Cliquez 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.
Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.
Besoin d'aide ? 💬 Rejoignez notre communauté sur Discord :
https://discord.gg/hcc2GvgZc6 📧 Envoyez-nous un e-mail à :
[email protected] 💻 Chat en direct avec nous :
Mis à jour