Les utilisateurs peuvent créer un profil utilisateur enregistré, se connecter et modifier leur mot de passe sur votre site WordPress, qui est doté d'une plateforme de gestion des utilisateurs robuste.
Le logo et le symbole WordPress sont affichés par défaut sur ces pages. Si vous et votre équipe êtes les seuls à consulter votre espace d'administration, cela ne pose aucun problème.
Toutefois, si vous gérez un site web de commerce électronique ou un site web d'adhésion, vos clients devront également s'enregistrer.
Modifier ces pages web pour les adapter au style de votre site, mettre en valeur votre logo et ajouter du contenu peut offrir une expérience utilisateur bien meilleure.
Vous avez peut-être déjà suivi nos autres recommandations visant à améliorer l'expérience utilisateur en ajoutant un formulaire de demande d'utilisateur personnalisé et une page Web de connexion.
Examinons comment modifier la page de réinitialisation du mot de passe pour offrir une expérience utilisateur plus cohérente. Nous étudierons trois approches possibles.
Approche 1 : Utiliser Prolific Form pour personnaliser la page de réinitialisation du mot de passe.
Le composant Formidable Forms doit d'abord être installé. Consultez notre guide pas à pas sur l'installation d'un plugin WordPress pour plus d'informations.
Formidable Form est l'extension de formulaires WordPress la plus performante du marché. Bien qu'une version gratuite soit disponible, un abonnement Pro est nécessaire pour créer une page de réinitialisation de mot de passe.
Après l'activation, vous devez vous rendre sur la page « Extensions » de Formidable. Vous y trouverez le plugin d'inscription utilisateur, indispensable pour ajouter un écran de connexion et une page de réinitialisation du mot de passe à votre site web.
Il suffit de cliquer sur le bouton Activer pour activer le module complémentaire après l'avoir découvert.
Vous êtes maintenant prêt à créer une page Web personnalisée de réinitialisation de mot de passe.
Pour créer une nouvelle page, cliquez sur Page » Ajouter. Ensuite, ajoutez une description à votre page web et utilisez le code [frm-reset-password] dans l'outil de personnalisation WordPress.
Saisissez le code court sur une page Web de réinitialisation de mot de passe basique.
Une fois que vous avez ajouté d'autres éléments à la page, cliquez sur le bouton Soumettre situé dans le coin supérieur droit de l'écran.
Enfin, vérifiez que WordPress utilise bien cette page pour réinitialiser les mots de passe. Pour ce faire, accédez à Formidable » Réglages généraux, puis à l’onglet « Inscription ».
Vous devez d'abord localiser l'option « Page de réinitialisation du mot de passe », puis choisir la page Web que vous venez de générer dans la liste déroulante.
N'oubliez pas d'enregistrer vos modifications en cliquant sur le lien « Mettre à jour » en haut de la fenêtre.
Vous pouvez également voir la page Web de réinitialisation de mot de passe personnalisée en fonctionnement sur votre site Web.
Vous pouvez également voir la page Web de réinitialisation de mot de passe personnalisée en fonctionnement sur votre site Web.
Approche 2 : Utiliser Design My Login pour personnaliser la page Web de réinitialisation du mot de passe
Theme My Login n'est pas extrêmement personnalisable, mais c'est une solution rapide et gratuite pour adapter les pages web d'inscription et de connexion de votre thème WordPress.
La première étape consiste à installer et activer l'extension Customize My Login. Pour plus d'informations, consultez le tutoriel pas à pas sur l'installation de WordPress.
Theme My Login génère des URL personnalisées pour vos activités de connexion, déconnexion, inscription, mot de passe oublié et réinitialisation du mot de passe directement après l'activation.
Ces URL peuvent être consultées ou personnalisées sur la page « Thème » > « Mon identifiant » > « Général ». Modifiez les URL utilisées par les plugins pour l'authentification en faisant défiler la page jusqu'à la section « Slugs ».
Il convient de noter les noms d'URL « Mot de passe oublié » et « Réinitialiser le mot de passe ». Nous allons commencer par créer une nouvelle page de récupération de mot de passe, en conservant la configuration par défaut.
Pour créer une page WordPress plus performante, rendez-vous dans Page » Ajouter. Ensuite, ajoutez une description à votre page et insérez le code [theme-my-login action="lostpassword"] dans la section contenu.
Il serait préférable de modifier le suffixe d'URL de la page en lostpassword pour que la page Theme My Way fonctionne et soit redirigée depuis l'URL standard de mot de passe oublié.
Cliquez sur le bouton « Publier » une fois que vous avez terminé la mise à jour du contenu de la page Web pour voir votre page de connexion personnalisée en action.
Méthode 3 : Modifier l’icône de réinitialisation du mot de passe à l’aide d’un programme ou d’un plugin
Il est probable que vous n'ayez pas besoin de créer une page de connexion WordPress distincte pour votre site web. En pratique, de nombreux sites web remplacent simplement le logo WordPress et l'URL de copyright par l'URL de leur page de connexion habituelle. À la fin de cet article sur la création d'une page d'identification WordPress personnalisée, nous vous présentons deux méthodes pour modifier le symbole d'affichage de la page de connexion : l'une utilise une extension et l'autre du code.
Le plus intéressant, c'est que ces deux méthodes modifieront automatiquement le logo sur la page de réinitialisation du mot de passe.
Nous espérons que ce tutoriel vous a aidé à apprendre comment personnaliser la page de réinitialisation du mot de passe WordPress.
Vous pouvez également apprendre à créer une adresse e-mail professionnelle gratuite ou consulter notre liste de plugins indispensables pour développer votre site.
Conclusion
La fonctionnalité de réinitialisation du mot de passe est désormais opérationnelle. Nous avons donc terminé la personnalisation de l'expérience de connexion WordPress, de l'inscription d'un nouvel utilisateur à la connexion et à la réinitialisation d'un mot de passe oublié. Rendez-vous sur Seahawk Media si vous souhaitez disposer de tous les outils nécessaires pour effectuer des personnalisations supplémentaires.
