Comment permettre aux utilisateurs de masquer/afficher leur mot de passe sur l’écran de connexion de WordPress ?

Chez WPBeginner, nous avons plus de 15 ans d’expérience dans le test et la construction de sites WordPress et de magasins en ligne. Nous avons Version des sites d’adhésion pour nos cours en ligne pour débutants et des magasins de commerce électronique pour vendre notre logiciel.

La majorité de ces sites ont permis aux utilisateurs/utilisatrices de s’inscrire pour accéder au contenu ou acheter des produits numériques. Nous connaissons donc l’importance de la sécurité en ligne et le rôle que joue la protection par mot de passe dans ce domaine.

Si les utilisateurs se connectent régulièrement à votre site, vous devez leur permettre de masquer/afficher les mots de passe sur l’écran de connexion de WordPress. De cette façon, ils peuvent être protégés des curieux tout en ayant l’option de vérifier qu’ils ont saisi/saisie leur mot de passe.

Par défaut, WordPress ajoute automatiquement un bouton afficher/masquer le mot de passe à la page de connexion. Toutefois, vous souhaiterez peut-être ajouter un bouton masquer/montrer le mot de passe à d’autres écrans de connexion, en particulier si vous gérez un site d’adhésion ou une boutique en ligne.

Dans cet article, nous allons vous afficher comment vous pouvez autoriser les utilisateurs à masquer/afficher leur mot de passe sur différents écrans de connexion WordPress.

Qu’est-ce que le bouton Masquer/Afficher le mot de passe sur l’écran de connexion de WordPress ?

En protégeant votre compte WordPress par un mot de passe long et complexe, il sera plus difficile de s’introduire dans votre site WordPress.

Cependant, il existe de nombreuses façons différentes d’essayer de voler votre mot de passe. Parfois, l’utilisation d’un mot de passe fort ne suffit pas à assurer la sécurité de votre site.

C’est là que la fonctionnalité masquer/afficher le mot de passe entre en jeu.

Si vous vous rendez à l’URL de connexion de WordPress et que vous commencez à saisir votre mot de passe, vous remarquerez que WordPress masque votre mot de passe par défaut. Chaque champ numérique, lettre ou symbole que vous saisissez dans le champ « Mot de passe » est affiché sous la forme d’un point.

Même si quelqu’un regarde l’écran pendant que vous tapez, il ne pourra pas voir votre mot de passe. Ceci est particulièrement important si vous vous connectez à votre blog WordPress dans un lieu public tel qu’une bibliothèque.

Cependant, il peut parfois être utile d’afficher le mot de passe du compte au fur et à mesure de la frappe.

Les mots de passe les plus sûrs utilisent un mélange de lettres majuscules et minuscules, de symboles et de chiffres. Ces mots de passe compliqués peuvent être difficiles à taper sans faire d’erreur. En affichant le mot de passe, les utilisateurs/utilisatrices pourront repérer les fautes de frappe ou autres erreurs avant de cliquer sur le bouton « Se connecter ».

La bonne nouvelle, c’est que WordPress permet de retirer facilement ce masquage. Il suffit de cliquer sur l’icône représentant un œil à côté du champ « Mot de passe » pour que WordPress affiche le mot de passe au fur et à mesure de la saisie.

Pour masquer à nouveau le mot de passe, il suffit de cliquer sur le symbole de l’œil.

Cette fonctionnalité fonctionne avant tout pour l’écran de connexion standard de WordPress. Cependant, il y a d’autres endroits où vous pourriez vouloir utiliser la fonctionnalité masquer/afficher le mot de passe.

Ceci étant dit, voyons comment vous pouvez permettre aux utilisateurs de masquer/afficher leur mot de passe sur certains des écrans de connexion WordPress les plus courants. Si vous préférez passer directement à une méthode particulière, alors vous pouvez utiliser les liens ci-dessous.

Méthode 1. Comment permettre aux utilisateurs de masquer/afficher les mots de passe sur l’écran de connexion de WooCommerce.

De nombreux magasins en ligne permettent aux clients/clientes d’enregistrer leurs informations en créant un compte. Cela permet au client/cliente d’acheter plus facilement dans votre magasin en ligne à l’avenir.

L’Inscription peut également être un moyen d’obtenir l’adresse e-mail de l’internaute, afin de lui envoyer des e-mails de marketing et de l’encourager à acheter d’autres produits et services. Pour en savoir plus, consultez notre sélection des meilleurs services de marketing e-mail pour les petites entreprises.

Si vous utilisez WooCommerce pour créer votre stock, l’extension crée automatiquement une page « Mon compte ». Si quelqu’un visite cette page, WooCommerce lui affichera un formulaire de connexion tant qu’il n’est pas connecté à un compte.

Si vous regardez le champ « Mot de passe », vous verrez une icône familière masquant/affichant le mot de passe. L’internaute peut choisir de masquer ou d’afficher son mot de passe en cliquant sur cette icône.

Cela signifie que si vous utilisez WooCommerce, vous n’avez pas besoin de prendre des mesures supplémentaires pour permettre aux utilisateurs de masquer/afficher les mots de passe sur la page de connexion du compte.

Cela dit, vous souhaiterez peut-être ajouter le formulaire de connexion à d’autres parties de votre site. Par exemple, vous pourriez encourager les acheteurs à se connecter à leur compte lorsqu’ils essaient de passer à la caisse.

Il est également possible que vous ayez accidentellement supprimé la page Mon compte par défaut de WooCommerce.

La bonne nouvelle est que vous pouvez ajouter le formulaire de connexion de WooCommerce à n’importe quelle page, publication ou zone prête à recevoir des widgets en utilisant le code court suivant :

[woocommerce_my_account]

Pour obtenir des instructions étape par étape, consultez notre guide du débutant sur l’ajout d’un code court.

Une fois que vous avez ajouté le code court, il vous suffit de visiter votre site. Vous verrez maintenant un formulaire de connexion WooCommerce avec un bouton masquer/afficher le mot de passe.

Méthode 2. Comment permettre aux utilisateurs de masquer/afficher les mots de passe sur les écrans de connexion aux services d’adhésion ?

Un site d’adhésion est un excellent moyen de gagner de l’argent en ligne en permettant aux utilisateurs/utilisatrices de payer pour un contenu premium, des fonctionnalités et l’accès à une communauté.

D’après notre expérience, MemberPress est la meilleure extension d’adhésion WordPress. Nous l’utilisons même pour gérer nos cours WordPress sur WPBeginner Academy.

Nous recommandons cette extension car elle est livrée avec tout ce dont vous avez besoin pour accepter les paiements, créer différents niveaux d’adhésion, restreindre l’accès au contenu en fonction de ces niveaux, et plus encore.

Il est également facile à définir. En savoir plus, consultez notre guide de création d’un site d’adhésion WordPress, étape par étape.

Une fois que vous avez activé l’extension, MemberPress peut créer automatiquement toutes les pages dont vous avez besoin pour transformer votre site WordPress en un site d’adhésion avancé. Cela inclut un écran de connexion où les membres peuvent choisir de masquer ou d’afficher leur mot de passe, comme vous pouvez le voir dans l’image suivante.

Pour créer une page de connexion pour les adhésions, il suffit d’aller dans MemberPress  » Réglages.

Cliquez ensuite sur l’onglet ‘Pages’. Vous verrez maintenant toutes les pages que MemberPress peut créer automatiquement, y compris la page de connexion de MemberPress.

Pour créer toutes ces pages, il suffit de cliquer sur le bouton « Mettre à jour les options ».

Si vous allez dans Pages  » All Pages, vous verrez que MemberPress a créé une page de connexion où les utilisateurs/utilisatrices peuvent masquer ou afficher leur mot de passe.

Gardez à l’esprit que, comme pour WooCommerce, vous n’aurez pas besoin de définir des Réglages supplémentaires pour donner aux utilisateurs l’option d’afficher/cacher leurs mots de passe.

Après avoir créé une page de connexion, c’est une bonne idée de l’ajouter à votre menu WordPress afin que les membres puissent la trouver facilement. En savoir plus, vous pouvez consulter notre guide sur l ‘ajout d’un menu de navigation dans WordPress.

Bonus : Guides d’experts sur la sécurité de WordPress et la gestion des utilisateurs

Voici quelques guides d’experts sur la sécurité de WordPress et la gestion des comptes qui pourraient vous intéresser :

• Comment forcer les utilisateurs/utilisatrices à utiliser des mots de passe forts dans WordPress
• Comment connecter automatiquement les utilisateurs/utilisatrices déconnectés sur WordPress ?
• Comment rediriger les utilisateurs/utilisatrices après l’entrée d’un formulaire dans WordPress
• Comment permettre aux utilisateurs/utilisatrices de supprimer leur compte WordPress ?
• Comment ajouter des champs supplémentaires pour le profil de l’utilisateur dans l’Inscription WordPress
• Comment modérer les inscriptions de nouveaux utilisateurs/utilisatrices dans WordPress

Nous espérons que cet article vous a aidé à apprendre comment permettre aux utilisateurs de masquer/afficher les mots de passe sur l’écran de connexion de WordPress. Vous pouvez également consulter notre guide ultime sur la sécurité de WordPress et nos astuces d’experts sur la sécurisation de votre stock e-commerce.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.