Créer une page de mot de passe

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.

password page 1

É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:

  1. Icône (+):
  2. 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!

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French and Portuguese.Please check the flags on the page header.

I got it!
Languages