Résumé IA
Voulez-vous apprendre à personnaliser une page protégée par mot de passe dans WordPress ?
La personnalisation des pages verrouillées vous permet d'encourager davantage de visiteurs à s'abonner à votre site. De plus, c'est un excellent moyen d'utiliser l'espace pour promouvoir d'autres services ou pages de votre site.
Dans cet article, nous vous guiderons à travers les étapes pour personnaliser vos pages protégées par mot de passe WordPress.
Quand faut-il personnaliser une page protégée par mot de passe dans WordPress ?
Il existe plusieurs scénarios où l'utilisation d'une page personnalisée protégée par mot de passe est une bonne idée.
Par exemple, si votre site est encore en construction, le verrouillage de vos pages avec des mots de passe permet uniquement aux personnes autorisées d'y accéder à des fins de test. Une autre situation courante où les pages protégées par mot de passe sont très utiles est lorsque vous souhaitez restreindre certaines de vos pages aux seuls abonnés payants.
La page par défaut de WordPress protégée par mot de passe a un design très basique avec un champ de mot de passe et un design basé sur votre thème WordPress. Voici à quoi ressemble une page standard protégée par mot de passe WordPress :
Malheureusement, il n'est pas facile d'ajouter des éléments supplémentaires tels que des boutons personnalisés, des widgets, des formulaires et d'autres éléments à l'aide de l'éditeur WordPress par défaut.
Mais pour rendre cela beaucoup plus facile, nous allons utiliser un plugin spécial pour WordPress appelé SeedProd. En tant que meilleur plugin de création de pages pour WordPress, SeedProd vous permet de créer des pages protégées par mot de passe qui sont superbes sans nécessiter de code !
Comment personnaliser une page WordPress protégée par mot de passe avec SeedProd
Pour personnaliser votre page protégée par mot de passe dans WordPress, suivez simplement ces étapes :
- Étape 1 : Installer SeedProd
- Étape 2 : Créer une page "Bientôt disponible"
- Étape 3 : Personnaliser la page protégée par mot de passe
- Étape 4 : Paramètres de la page protégée par mot de passe WordPress
- Étape 5 : Publier votre page WordPress protégée par mot de passe
Commençons.
Étape 1 : Installer SeedProd
SeedProd est un constructeur de pages de destination par glisser-déposer pour WordPress. Il est livré avec des modèles intégrés qui facilitent grandement la personnalisation de vos pages.
Nous allons donc commencer par installer le plugin. Une fois installé, assurez-vous de copier votre clé de licence. Vous pouvez trouver la clé de licence de votre compte SeedProd en accédant à votre tableau de bord SeedProd et en cliquant sur l'onglet Téléchargements. Ensuite, faites défiler vers le bas pour trouver le champ Clé de licence et copiez-la.
Maintenant, ouvrez votre tableau de bord d'administration WordPress et accédez à SeedProd » Paramètres. Entrez ici votre Clé de licence et cliquez sur le bouton Vérifier.
Génial ! Maintenant que SeedProd Pro est actif sur votre site, vous pouvez effectuer toutes sortes de personnalisations passionnantes.
Étape 2 : Créer une page "Bientôt disponible"
SeedProd dispose d'un mode "Bientôt disponible" qui comprend des paramètres de restriction d'accès. Avec ces restrictions d'accès, vous pouvez facilement définir un mot de passe pour votre page.
Pour créer une page "Bientôt disponible" avec SeedProd, cliquez sur l'élément de menu SeedProd dans la barre latérale de votre WordPress.
Maintenant, cliquez sur le bouton Configurer une page "Bientôt disponible".
Ici, vous trouverez une grande variété de modèles parmi lesquels choisir. Vous pouvez en choisir un qui vous plaît, mais nous allons utiliser le modèle Page de webinaire de conférence pour cet exemple.
Après avoir sélectionné le thème, vous devriez maintenant voir le constructeur par glisser-déposer de SeedProd qui vous permet de personnaliser la page de toutes sortes de manières.
Étape 3 : Personnaliser la page protégée par mot de passe
Une fois que vous avez sélectionné votre modèle, vous pouvez personnaliser votre page protégée par mot de passe à l'aide de dizaines de types de blocs différents visibles dans le volet de gauche.
Vous pouvez simplement faire glisser et déposer ces blocs sur la droite pour ajouter un nouvel élément tel qu'un formulaire, des icônes de médias sociaux, des concours, etc.
Comme nous voulons ajouter un champ de mot de passe qui permet aux utilisateurs d'accéder au contenu verrouillé, nous allons faire glisser et déposer le bloc HTML personnalisé sur la page.
Pour ce faire, recherchez simplement HTML personnalisé dans le champ de recherche et placez ce bloc à l'endroit souhaité sur votre page protégée par mot de passe.
Maintenant, cliquez sur le bloc dans l'éditeur en direct pour accéder à ses paramètres. Ici, collez ce code dans le champ HTML personnalisé :
seed_bypass_form msg="Enter passcode" button-txt="Login" return="https://yourwebsite.com/welcome"
Remarque : Assurez-vous d'encadrer le code ci-dessus entre crochets lorsque vous le collez dans le champ HTML personnalisé.
Le code ci-dessus crée un champ de mot de passe standard, mais vous devrez le modifier légèrement pour qu'il fonctionne parfaitement sur votre site. Voici ce que signifient chacune des trois parties de ce code :
- msg: Cette balise spécifie le texte qui apparaît dans le champ du mot de passe. Par défaut, il est défini sur "Entrez le code d'accès". Vous pouvez modifier ce texte si vous le souhaitez, mais ce n'est pas nécessaire.
- button-txt: Cette balise contrôle le texte qui apparaît sur le bouton qui mène à votre page protégée par mot de passe. Encore une fois, vous pouvez modifier ce texte, mais ce n'est pas obligatoire.
- return: Dans cette balise, vous devez fournir l'URL de la page à laquelle vous souhaitez que les utilisateurs accèdent avec un mot de passe. Assurez-vous d'entrer le bon lien.
Dans notre exemple, nous avons personnalisé les valeurs du code comme ceci :
seed_bypass_form msg="Enter passcode" button-txt="Access" return="https://wpforms.example.com/"
Notez que vous ne verrez pas le champ de saisie du mot de passe avant de le prévisualiser. Mais avant de le faire, nous devons configurer quelques paramètres supplémentaires pour activer la protection par mot de passe.
Assurez-vous de cliquer sur le bouton Enregistrer en haut à droite pour sauvegarder vos modifications jusqu'à ce point.
Étape 4 : Paramètres de la page protégée par mot de passe WordPress
Dans cette étape, nous allons définir le mot de passe dont les utilisateurs auront besoin pour accéder réellement à votre contenu protégé.
Sur votre constructeur de page SeedProd, cliquez sur l'onglet Paramètres de la page (3ème option en partant du haut à gauche). Ensuite, sélectionnez Contrôle d'accès dans le menu de gauche. Puis, dans le champ URL de contournement, vous pouvez entrer n'importe quel mot de passe que vous souhaitez définir.
Il est important de noter que le mot de passe que vous choisissez sera également votre URL de dérivation. Cela signifie que si vous souhaitez qu'un utilisateur accède directement à cette page, vous pouvez simplement lui donner l'URL de dérivation.
Vous y êtes presque ! Faites défiler vers le bas jusqu'à la section URL incluses/exclues et cliquez sur les options URL incluses. Ensuite, collez ici le lien vers la page réelle que vous souhaitez masquer derrière un mot de passe.
Et maintenant, il est temps de publier et d'activer notre nouvelle page personnalisée protégée par mot de passe !
Étape 5 : Publier votre page WordPress protégée par mot de passe
Maintenant que nous avons personnalisé la page et configuré les paramètres à notre convenance, nous pouvons passer à sa publication.
Cliquez sur la flèche pointant vers le bas à côté du bouton Enregistrer pour développer le menu, puis appuyez sur Publier.
Vous verrez alors le message suivant apparaître.
Maintenant, retournez à votre tableau de bord SeedProd et appuyez sur le bouton d'activation pour que le statut indique Actif sous le Mode Bientôt disponible.
Votre page personnalisée protégée par mot de passe est maintenant publiée !
Excellent !
Si vous souhaitez personnaliser une page de formulaire protégée par mot de passe, consultez les étapes ci-dessous où nous utilisons WPForms pour y parvenir.
Comment personnaliser les pages de formulaire protégées par mot de passe
Vous pouvez également créer et personnaliser une page de formulaire protégée par mot de passe sur votre site WordPress. C'est très utile si vous souhaitez restreindre l'accès au formulaire aux seuls utilisateurs connectés ou à ceux qui ont un mot de passe.
Pour plus de détails, veuillez consulter ce guide sur comment créer un formulaire protégé par mot de passe.
Et voilà ! Vous savez maintenant comment personnaliser une page protégée par mot de passe dans WordPress.
Ensuite, créez votre propre thème WordPress
Vous voulez créer un thème WordPress qui ressemble exactement à ce que vous voulez ? Heureusement, vous n'avez plus besoin d'être un développeur pour créer votre propre thème WordPress. Consultez notre guide détaillé sur la création de thèmes WordPress sans code pour plus d'informations.
De plus, si vous cherchez un moyen facile d'augmenter le nombre de visiteurs sur votre site, vous pouvez envisager d' envoyer des notifications push depuis WordPress.
Créez votre formulaire WordPress maintenant
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, veuillez nous suivre sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.
