Cette vidéo vous donnera les principes de base de la page de mot de passe de PageFly avant de créer plus facilement une page de mot de passe avec PageFly.
Avant de passer aux étapes spécifiques, vous pouvez regarder cette vidéo pour avoir une vue générale sur la façon de créer une page à venir par page de mot de passe
Dans cet article, vous apprendrez à créer une page de mot de passe et à personnaliser sa conception avec PageFly.
Étape 1: activer la fonction de mot de passe
Tout d’abord, activez la fonction de mot de passe en accédant au tableau de bord Shopify> Boutique en ligne> Préférences> Protection par mot de passe.
Cochez la case Activer le mot de passe> Tapez un mot de passe (et un message pour les visiteurs)> cliquez sur Enregistrer.
Étape 2: créer une page de mot de passe
Il existe 2 façons de créer une page de mot de passe:
- Dans le tableau de bord principal de PageFly
- Dans le tableau de bord principal des pages de mot de passe
Dans le tableau de bord principal de PageFly
Vous pouvez rapidement créer une page de mot de passe en sélectionnant l’une des deux options:
- Icône (+):
- Bouton [Créer une nouvelle page]
Une fenêtre de Paramètres de page apparaîtra. Pour créer une nouvelle page de mot de passe, choisissez l’option Mot de passe dans la section Détails de la page comme l’image ci-dessous
Dans le tableau de bord principal des pages de mot de passe
Choisissez l’option Pages de mot de passe dans le menu PAGES pour ouvrir le tableau de bord principal Pages de mot de passe. Dans le tableau de bord principal des pages de mot de passe, cliquez sur Créer une page de mot de passe.
Ensuite, un Paramètres de page apparaîtra. Cependant, de cette façon, l’option Page de mot de passe est automatiquement choisie pour vous dans la section Détails de la page. Cela signifie que vous n’avez pas à choisir l’option de mot de passe comme indiqué dans la première méthode.
Mot de passe de la vitrine
La section Mot de passe de la vitrine s’affiche lorsque vous choisissez la page Mot de passe
- Activer: permet aux visiteurs d’accéder à votre boutique en entrant un mot de passe
- Désactiver: afficher uniquement le contenu de la page de mot de passe
Optimisation de page
La partie Optimisation de page qui configure les paramètres d’optimisation de votre page. Il s’agit d’un nouveau paramètre disponible avec PageFly version 2.5.0.
Vous pouvez choisir d’activer Lazyload images pour n’importe quelle page de votre choix. Pour les pages sur lesquelles vous configurez Lazyload images, lorsque vous faites défiler vers le bas, les images ci-dessous seront chargées progressivement. Il est appliqué à toutes les images telles que l’image de collection, l’image d’arrière-plan, l’image du produit, etc.
L’option Lazyload Images permet d’optimiser la vitesse de chargement de votre page. Il aide vos pages à se charger très rapidement.
Lorsque vous avez terminé la configuration dans le modal Paramètres de page, cliquez sur le bouton Suivant à la fin du modal, puis la bibliothèque de template est ouverte, où vous pouvez choisir une template de page approprié pour commencer.
La Bibliothèque de Template s’ouvrira selon l’image ci-dessous.
Vous pouvez commencer rapidement avec l’une de nos templates en accédant au type de template> choisissez Mot de passe> choisissez 1 des 3 templates de mot de passe et cliquez sur le bouton Suivant.
Si vous souhaitez recommencer à zéro, revenez à Tous les types et choisissez l’option Vide. Vous êtes maintenant libre de laisser libre cours à votre créativité.
Voici à quoi ressemble la page de mot de passe en direct avec l’option cochée. Le style du bouton de mot de passe est dicté par le thème que vous utilisez, pas par PageFly.
Si vous ne souhaitez pas que les utilisateurs puissent saisir un mot de passe, revenez au mode Paramètres de page en cliquant sur le titre de la page. Dans la section Mise en page, choisissez l’option Désactiver, puis cliquez sur le bouton Enregistrer.
Le bouton permettant d’afficher la page avec un mot de passe a été supprimé.
Étape 3: Vérifiez la conception mobile
Pour vérifier si la page est réactive sur mobile, accédez à la barre de menus> choisissez Mobile dans Sélecteur de périphérique.
N’oubliez pas de cliquer sur Enregistrer et publier lorsque vous avez terminé avec votre chef-d’œuvre!