Utiliser l'animation de déverrouillage de la boutique

🎬 Ce que vous allez apprendre

  • Comment fonctionne l'animation de déverrouillage

  • Comment l'activer lorsque le compte à rebours se termine

  • Notes d'installation importantes pour que les clients puissent entrer dans votre boutique


🔓 Qu'est-ce que l'animation de déverrouillage ?

Lorsque votre minuterie atteint zéro, le thème peut afficher une animation de déverrouillage:

  • Un écran plein et fluide apparaît

  • Affiche votre logo et un bouton « Entrer » personnalisable

  • Cliquer sur « Entrer » emmène les visiteurs dans la boutique

💡 Cela crée un moment soigné pour lancer une sortie ou révéler votre site.


✅ Comment l'activer

  1. Dans Boutique en ligne > Personnaliser, allez dans votre Page mot de passe

  2. Cliquez sur la Écran de déverrouillage section

  3. Basculer Activer l'animation de l'écran de déverrouillage

  4. Personnaliser :

    • Image du logo

    • Texte de l'en-tête – par ex. « Bienvenue » ou « L'attente est terminée »

    • Texte du bouton Entrer

    • Couleurs et typographie

💡 Vous pouvez aussi ajuster l'espacement, l'alignement et les styles d'arrière-plan.


⚠️ Important : Vous devez toujours désactiver le mot de passe

L'écran de déverrouillage ne supprime pas automatiquement le mot de passe de votre boutique !

Une fois votre minuterie terminée :

  • Aller à Admin Shopify > Préférences

  • Faites défiler jusqu'à Protection par mot de passe

  • Décochez Activer le mot de passe

  • Cliquez sur Enregistrer

Si vous sautez cette étape, même après que les utilisateurs aient cliqué sur « Entrer », ils seront toujours bloqués.


💬 Bonne pratique

Soyez prêt à votre heure de lancement pour désactiver manuellement le mot de passe une fois le compte à rebours terminé. Cela donne aux clients un accès instantané lorsque l'animation se termine.

🛑 Nous avons souvent constaté des problèmes où les clients ne peuvent pas entrer parce que le mot de passe n'a jamais été désactivé.


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.

Mis à jour