Comment ajouter et régler un minuteur
Mis à jour
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
Dans votre administration Shopify, allez à Boutique en ligne > Personnaliser
Dans le menu déroulant en haut, sélectionnez Mot de passe
Recherchez la Section Minuteur section dans la barre latérale
Si elle n'est pas là, cliquez sur Ajouter une section > Minuteur
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
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
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
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.
💬 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
Mis à jour