Comment personnaliser une page protégée par mot de passe dans WordPress

Vous avez passé des heures à créer du contenu premium pour votre site WordPress. Mais lorsque les visiteurs accèdent à vos pages protégées par mot de passe, ils sont accueillis par un formulaire par défaut peu attrayant qui a mal vieilli.

Il est frustrant de voir des clients potentiels partir parce que la page ne reflète pas votre marque ou ne renforce pas la confiance. 🤷

Nous comprenons. C'est l'un de ces petits détails de WordPress qui peuvent avoir un impact discret sur votre entreprise.

D'après notre expérience dans la gestion de sites d'adhésion, même de simples personnalisations de la page de mot de passe peuvent améliorer l'expérience utilisateur et aider aux conversions.

C'est pourquoi nous avons rassemblé ce guide. Apprenons à personnaliser une page protégée par mot de passe dans WordPress qui soit attrayante, corresponde à votre marque et maintienne l'engagement des visiteurs.

Pourquoi personnaliser les pages protégées par mot de passe dans WordPress ?

Pour le dire simplement, le design par défaut de la page de mot de passe semble dépassé et peu professionnel – et cela peut nuire à la confiance et à l'engagement.

Si vous souhaitez créer un article ou une page sur votre blog WordPress qui ne doit être visible que par des clients ou des membres sélectionnés, vous pouvez le verrouiller en utilisant la fonctionnalité de protection par mot de passe.

De même, si vous créez un nouveau site Web WordPress et que vous ne souhaitez pas que tout le monde le voie, l'utilisation d'une page protégée par mot de passe est judicieuse.

Cependant, le design par défaut de la page protégée par mot de passe est très basique et peu attrayant. Voici un aperçu de ce à quoi elle ressemble :

La personnalisation de la page protégée par mot de passe vous permet de modifier sa conception et sa mise en page. Cela rendra votre page plus attrayante et vous pourrez l'adapter à votre marque pour un aspect plus professionnel et une meilleure expérience utilisateur.

Dans les sections suivantes, nous vous montrerons comment activer la protection par mot de passe dans WordPress. Nous partagerons également différentes façons de personnaliser une page spécifique, votre site entier et différentes sections.

Voici un aperçu rapide de tous les sujets que nous allons aborder :

• Comment protéger une page par mot de passe dans WordPress
• Méthode 1 : Personnaliser la conception par défaut de la page protégée par mot de passe à l'aide de CSS Hero
• Method 2: Customize a Specific Password-Protected Page Using SeedProd
• Bonus Tips: More Custom Password-Protected Page Use Cases
• FAQ : Personnalisation des pages protégées par mot de passe dans WordPress
• Guides supplémentaires sur la protection de contenu et la sécurité du site

Prêt à relooker la conception de votre page protégée par mot de passe ? Commençons !

Comment protéger une page par mot de passe dans WordPress

Avant de vous montrer comment personnaliser une page WordPress, vous devez savoir que WordPress dispose de paramètres intégrés pour protéger vos pages et vos articles par mot de passe.

Tout ce que vous avez à faire est de modifier une page ou d'en ajouter une nouvelle.

Une fois dans l'éditeur de contenu WordPress, cliquez sur l'option « Public » sous « Statut et visibilité » dans le panneau des paramètres de droite.

Ensuite, vous verrez différentes options de « Visibilité de l'article ».

Sélectionnez simplement l'option « Protégé par mot de passe » et entrez un mot de passe pour votre page.

Maintenant, cliquez sur « Mettre à jour » ou « Publier ».

Vous pouvez maintenant visiter votre site Web et voir la page protégée par mot de passe en action.

Voyons maintenant comment vous pouvez personnaliser votre page protégée par mot de passe par défaut.

Méthode 1 : Personnaliser la conception par défaut de la page protégée par mot de passe à l'aide de CSS Hero

Lorsque vous activez la protection par mot de passe depuis votre éditeur de contenu WordPress, la page utilise le thème de votre site pour le style.

Pour personnaliser la page, vous pouvez simplement utiliser un outil comme CSS Hero.

Il vous permet de modifier la conception et la mise en page de votre page sans modifier le code. Nous l'avons testé de manière approfondie, et vous pouvez tout savoir dans notre avis sur CSS Hero.

Tout d'abord, vous devrez installer et activer le plugin CSS Hero. Pour plus de détails, veuillez consulter notre guide sur comment installer un plugin WordPress.

Une fois activée, l'option CSS Hero sera ajoutée à la barre d'administration de WordPress en haut. Cliquez sur l'option « Personnaliser avec CSS Hero ».

Cela lancera le constructeur visuel CSS Hero, où vous pourrez modifier et personnaliser votre page.

Pour commencer, cliquez simplement sur n'importe quel élément de la page.

Ensuite, vous pouvez modifier les couleurs d'arrière-plan, ajouter une image d'arrière-plan, utiliser une police différente, modifier l'espacement, et plus encore depuis le panneau de gauche.

Par exemple, allons dans l'onglet « Arrière-plan » et ajoutons une couleur d'arrière-plan dégradée. Nous allons également changer la couleur de la boîte où les utilisateurs doivent saisir le mot de passe et la couleur du bouton « Entrer ».

En outre, vous pouvez ajouter une bordure autour du titre principal de la page en allant dans l'onglet Bordures.

Choisissez simplement une largeur de bordure, une couleur, un style et toute autre modification que vous souhaitez.

Une fois que vous avez terminé la personnalisation, n'oubliez pas de cliquer sur le bouton « Enregistrer et publier » en bas.

Vous pouvez maintenant visiter votre site web pour voir la page protégée par mot de passe par défaut personnalisée.

The drawback of using CSS Hero is that it doesn’t offer the flexibility and advanced customization options that a landing page builder offers.

For instance, you can’t add elements like contact forms, social media buttons, opt-in forms, or countdown timers.

With that in mind, let’s see how you can use a landing page builder to customize specific password-protected pages in WordPress.

Method 2: Customize a Specific Password-Protected Page Using SeedProd

Customizing a specific password-protected page is easiest with SeedProd, the best website and page builder for WordPress.

We have used SeedProd ourselves to build custom landing pages and even entire themes, and we absolutely love it. If you want to learn more about what it can do, take a look at our detailed SeedProd review.

First, let’s install and activate the SeedProd plugin. If you need help, please see our guide on how to install a WordPress plugin.

Lors de l'activation, vous verrez l'écran d'accueil de SeedProd dans votre tableau de bord WordPress.

À partir de là, vous devrez saisir la clé de licence et cliquer sur le bouton « Vérifier la clé » pour activer SeedProd Pro. Votre clé de licence se trouve dans votre espace compte SeedProd.

Après cela, allons sur SeedProd » Pages de destination depuis votre tableau de bord WordPress et ajoutons une nouvelle page de destination personnalisée protégée par mot de passe.

Plus tard dans cet article, nous vous montrerons comment choisir les pages qui seront protégées par mot de passe. Vous pouvez protéger l'ensemble de votre site par mot de passe ou seulement des pages spécifiques.

Nous utiliserons une page « Prochainement » comme exemple, mais ces techniques de personnalisation fonctionnent pour tout contenu protégé par mot de passe sur votre site WordPress.

Pour commencer, cliquez simplement sur le bouton « Configurer une page « Prochainement » ».

Sur l'écran suivant, SeedProd vous présentera différents modèles de page afin que vous puissiez les personnaliser rapidement.

Survolez n'importe quel modèle que vous souhaitez utiliser et cliquez sur le bouton de coche orange.

Après avoir sélectionné un modèle, SeedProd ouvrira une fenêtre contextuelle intitulée « Entrez les détails de votre nouvelle page ».

Il vous suffit de sélectionner un nom de page et un slug d'URL, puis de cliquer simplement sur le bouton « Enregistrer et commencer à modifier la page ».

Cela lancera le constructeur de pages par glisser-déposer de SeedProd.

Ici, vous pouvez personnaliser votre page de destination protégée par mot de passe et ajouter différents éléments tels que du texte, des images, des boutons, etc.

SeedProd propose également des blocs avancés tels qu'un formulaire d'inscription, un formulaire de contact, un compte à rebours, une barre de progression, des options de partage social, et plus encore.

Pour ajouter un élément, faites glisser n'importe quel bloc du menu de gauche et déposez-le sur le modèle à droite. Ensuite, personnalisez l'élément en cliquant dessus et en ajustant les options qui apparaissent.

C'est aussi ainsi que SeedProd vous permet d'ajouter un formulaire de mot de passe à l'avant de votre page pour protéger votre contenu.

Tout d'abord, vous pouvez ajouter un bloc « HTML personnalisé » dans le constructeur SeedProd. Faites simplement glisser et déposez le bloc HTML personnalisé sur le modèle.

Ensuite, vous pouvez cliquer sur le bloc « HTML personnalisé ».

À partir de là, vous devrez entrer le shortcode [seed_bypass_form] dans le champ « Code personnalisé ».

N'oubliez pas de cliquer sur le bouton « Enregistrer » une fois que vous avez terminé. Et voilà !

Désormais, SeedProd s'intègre également à différents services de marketing par e-mail.

Vous pouvez ajouter un formulaire de contact à votre page de destination et connecter un outil de marketing par e-mail pour créer votre liste d'e-mails et rester en contact avec les utilisateurs.

Allez simplement dans l'onglet « Connecter » du constructeur de pages de destination et sélectionnez votre service de marketing par e-mail.

Configuration de la protection par mot de passe pour des pages spécifiques dans SeedProd

Après avoir créé une page « Prochainement » personnalisée qui utilise le shortcode [seed_bypass_form], l'étape suivante consiste à configurer la protection par mot de passe sur des pages spécifiques à l'aide de SeedProd.

Pour commencer, vous pouvez aller dans l'onglet « Paramètres de la page » du constructeur SeedProd et cliquer sur les paramètres « Contrôle d'accès ».

Après cela, entrez simplement un mot de passe dans le champ « URL de contournement » que les gens pourront utiliser pour accéder à votre contenu restreint.

Notez que le texte que vous écrivez dans le champ « URL de contournement » servira de mot de passe et aussi de lien que les clients et les membres de l'équipe pourront utiliser pour contourner la protection par mot de passe et accéder à la page.

SeedProd vous permet d'exclure des URL spécifiques de vos sites, telles que l'administration, la connexion, le tableau de bord et le compte. Cela garantit que les propriétaires de sites ne seront pas exclus de leurs sites.

Maintenant, vous devrez choisir quelles URL seront protégées par mot de passe.

Faites simplement défiler vers le bas jusqu'à la section « Inclure/Exclure les URL » sous les paramètres « Contrôle d'accès ». Après cela, sélectionnez l'option « Inclure les URL » puis entrez les pages spécifiques que vous souhaitez restreindre.

Lorsque vous avez terminé, cliquez simplement sur le bouton « Enregistrer » en haut.

Ensuite, vous pouvez accéder aux paramètres « Général » sous l'onglet « Paramètres de la page » et changer le statut de la page de « Brouillon » à « Publier ».

Après cela, vous pouvez fermer le constructeur de pages de destination et aller dans SeedProd » Pages de destination depuis votre panneau d'administration WordPress.

À partir de là, cliquons sur le bouton bascule sous « Mode Bientôt disponible » pour activer votre page personnalisée protégée par mot de passe.

C'est tout !

Vous avez créé avec succès une page de destination personnalisée protégée par mot de passe qui n'apparaîtra que sur des pages spécifiques dans WordPress.

Visitez simplement ces pages sur votre site Web pour voir la page personnalisée protégée par mot de passe en action.

Conseils bonus : plus d'utilisations de pages personnalisées protégées par mot de passe

Vous voulez explorer d'autres façons de protéger par mot de passe votre site WordPress ? Voici 2 astuces pour améliorer la protection par mot de passe de votre page.

Astuce 1 : Créez une page personnalisée protégée par mot de passe pour l'ensemble du site Web

En utilisant SeedProd, vous pouvez également afficher votre page protégée par mot de passe sur chaque page de votre site Web. De cette façon, les utilisateurs devront entrer un mot de passe pour accéder à n'importe lequel de vos contenus.

Tout d'abord, vous pouvez aller dans SeedProd » Pages de destination depuis votre tableau de bord WordPress. Ensuite, cliquez sur le bouton « Modifier la page » dans le panneau « Mode hors ligne ».

Ensuite, vous voudrez accéder à l'onglet « Paramètres de la page » en haut et aller dans les paramètres « Contrôle d'accès ».

Après cela, vous pouvez faire défiler jusqu'à la section « Inclure/Exclure les URL » et sélectionner l'option « Afficher sur l'ensemble du site Web ».

Une fois que vous avez apporté les modifications, cliquez sur le bouton « Enregistrer » en haut. SeedProd affichera alors la page personnalisée protégée par mot de passe sur l'ensemble de votre site Web.

Astuce 2 : Créez une section personnalisée protégée par mot de passe dans WordPress

Vous pouvez également protéger par mot de passe différentes sections de votre site Web dans WordPress pour différents groupes d'utilisateurs. Ceci est utile si vous gérez un site Web d'adhésion et que vous souhaitez contrôler l'accès à votre contenu, plugins, applications et autres fichiers téléchargeables.

La meilleure façon de restreindre différentes parties de votre site Web est d'utiliser MemberPress, le meilleur plugin d'adhésion WordPress. Il vous permet de créer plusieurs niveaux d'adhésion pour protéger votre contenu par mot de passe.

Nous l'utilisons même pour notre site d'adhésion vidéo, nous pouvons donc garantir à quel point il est excellent. Vous pouvez obtenir plus d'informations sur l'outil dans notre critique complète de MemberPress.

MemberPress vous permet désormais de définir différentes règles pour que les utilisateurs ne puissent accéder au contenu qu'en fonction de leur niveau d'adhésion. Pour plus de détails, veuillez consulter notre guide sur la création d'un site d'adhésion WordPress.

Pour commencer, vous devrez d'abord ajouter des adhésions à votre site Web. Allez simplement dans MemberPress » Memberships depuis votre tableau de bord WordPress et cliquez sur le bouton « Ajouter ».

Après cela, vous pouvez entrer un nom pour votre niveau d'adhésion, ajouter une description et définir un prix.

Vous pouvez également changer le type de facturation de ponctuel à récurrent, ainsi que modifier l'adhésion pour qu'elle soit à vie ou expire après une certaine période. Vous pouvez également offrir un essai gratuit.

N'oubliez pas de cliquer sur le bouton « Publier » lorsque vous avez terminé.

Ensuite, vous pouvez aller dans MemberPress » Règles depuis votre tableau de bord WordPress et cliquer sur le bouton « Ajouter ».

À partir d'ici, vous pouvez cliquer sur le menu déroulant sous l'option « Contenu protégé ».

MemberPress offre de nombreuses options pour protéger votre contenu, qu'il s'agisse d'une seule page ou de toutes vos pages WordPress. Pour ce tutoriel, nous allons protéger par mot de passe une seule page.

Alors, choisissons l'option « Une seule page » dans le menu déroulant et entrons le titre de la page.

Ensuite, vous devrez configurer les conditions d'accès et déterminer qui peut voir la page restreinte. MemberPress vous permet de protéger le contenu en fonction du niveau d'adhésion, du rôle d'utilisateur WordPress, des capacités et des membres individuels.

Définissons « Adhésion » sur « Premium » à partir des menus déroulants pour ce tutoriel. De cette façon, seuls les membres premium pourront accéder à la page. Vous pouvez ajouter d'autres conditions et autoriser plus d'un niveau d'adhésion à consulter la page.

Lorsque vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer la règle ».

Vous pouvez ensuite visiter votre site Web pour voir la page protégée par mot de passe en action. Les membres devront maintenant se connecter à leurs comptes pour afficher le contenu de la page.

Vous voulez en faire plus ? Voici des cas d'utilisation intéressants que vous pouvez réaliser avec MemberPress :

• Configuration de mots de passe pour vos vidéos ou offre d'adhésions de groupe pour les équipes d'entreprise.
• Créer un mot de passe pour donner aux abonnés l'accès à une newsletter payante et plus encore.
• Ajouter un mot de passe pour vos formulaires WordPress.

FAQ : Personnalisation des pages protégées par mot de passe dans WordPress

Vous avez encore des questions sur la personnalisation des pages protégées par mot de passe dans WordPress ? Voici quelques questions courantes que nous recevons – ainsi que des réponses rapides et claires pour vous aider.

Quelle est la différence entre une page protégée par mot de passe et une page privée ?

Une page protégée par mot de passe peut être consultée par toute personne possédant le mot de passe correct. Une page privée n'est visible que par les utilisateurs connectés sur votre site, tels que les administrateurs et les éditeurs.

Pour plus de détails, vous pouvez consulter notre guide sur la différence entre les articles publics, privés et protégés par mot de passe.

La personnalisation de la page de mot de passe ralentira-t-elle mon site ?

Si vous utilisez un plugin bien codé comme SeedProd, cela ne devrait pas avoir d'impact notable sur la vitesse de votre site. SeedProd est optimisé pour la performance.

Cependant, soyez attentif à l'ajout d'images volumineuses non optimisées ou de scripts complexes, qui peuvent affecter les temps de chargement. Suivez toujours les meilleures pratiques pour l'optimisation des images pour le web.

Les moteurs de recherche peuvent-ils indexer mon contenu protégé par mot de passe ?

Non, les robots d'exploration des moteurs de recherche ne peuvent pas entrer de mot de passe pour accéder à votre contenu. Cela signifie que tout ce qui se trouve derrière le formulaire de mot de passe ne sera pas indexé ni n'apparaîtra dans les résultats de recherche.

Puis-je utiliser le même mot de passe pour plusieurs pages ?

Oui, vous pouvez utiliser le même mot de passe pour plusieurs pages différentes dans WordPress. Cependant, pour une meilleure sécurité et gestion, un plugin comme MemberPress est une bien meilleure solution pour contrôler l'accès à différents groupes de contenu.

Guides supplémentaires sur la protection de contenu et la sécurité du site

Nous espérons que cet article vous a aidé à apprendre comment personnaliser une page protégée par mot de passe dans WordPress. Si vous souhaitez explorer d'autres moyens de sécuriser votre site Web, ces guides pourraient vous être utiles :

• Comment masquer les articles protégés par mot de passe dans la boucle WordPress
• Comment afficher l'extrait d'un article protégé par mot de passe dans WordPress
• Façons de protéger le contenu dans WordPress
• Comment créer une connexion temporaire pour WordPress
• Comment ajouter des questions de sécurité à l'écran de connexion WordPress
• Comment créer un paywall dans WordPress (avec options de prévisualisation)
• Meilleurs plugins de protection de contenu WordPress
• Le guide ultime de la sécurité WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.