Créez des formulaires de connexion et d'inscription personnalisés dans WordPress

La page de connexion est la première page que les utilisateurs voient lorsqu'ils doivent accéder à votre site Web, elle doit donc être belle et conviviale. Une page de connexion ennuyeuse donnera aux utilisateurs une mauvaise impression de votre site Web ! La personnalisation de votre connexion en fonction de votre marque se traduira par une meilleure expérience pour vos utilisateurs.

Dans cet article, nous apprendrons comment créer des pages de connexion et d'inscription personnalisées à l'aide du plugin UserPro de CodeCanyon.

Avantages de la connexion et de l'inscription personnalisées

Expérience utilisateur améliorée

La personnalisation peut fournir des fonctionnalités améliorées à vos utilisateurs. Les utilisateurs peuvent préférer une page de connexion personnalisée adaptée au thème de votre site Web plutôt que la page de connexion WordPress par défaut.

Gestion des utilisateurs

La personnalisation vous permet de gérer tous les aspects de vos utilisateurs nouvellement créés. Vous pouvez attribuer des rôles et approuver ou bloquer des utilisateurs à volonté.

Marque

La marque est un aspect important de toute entreprise. Votre entreprise doit présenter sa marque dans chaque section de votre site Web. Les pages de connexion et d'inscription personnalisées peuvent permettre à votre marque de se démarquer. La personnalisation crée également un look unique dont les utilisateurs se souviendront probablement.

Sécurité

La connexion et l'enregistrement personnalisés vous permettent d'ajouter des mesures pour éliminer les spammeurs et les pirates.

Fonctionnalités du plug-in UserPro

Connexion sociale

La plupart des gens ont un compte sur au moins un réseau social majeur. Proposer des connexions sociales sur votre site Web offre un moyen simple de s'inscrire, car les utilisateurs n'ont qu'à accorder l'accès aux informations de leur profil sur l'un des réseaux et n'ont pas à se soucier de trouver ou de mémoriser un nouveau mot de passe. Un autre avantage est la réduction du spam, puisque les réseaux sociaux obligent les utilisateurs à vérifier leur identité de plusieurs manières.

Avec UserPro, vous pouvez autoriser la connexion sociale via Facebook, LinkedIn, Instagram, Twitter et Google.

Publication frontale et contenu généré par les utilisateurs

La publication frontale vous offre un moyen de vous connecter avec vos utilisateurs, rendant ainsi votre site Web plus actif. Si vous souhaitez que les utilisateurs ajoutent, modifient ou suppriment du contenu, vous pouvez utiliser UserPro pour le faire.

Fonction d'adhésion

UserPro vous permet d'afficher de superbes profils de membres et des fonctionnalités d'adhésion telles qu'un répertoire de membres amélioré, des badges et des réalisations. Vous pouvez également rechercher des membres dans la liste des membres consultable.

Plusieurs formulaires d'inscription

Plusieurs formulaires d'inscription vous permettent de créer des formulaires d'inscription distincts. Par exemple, un site d'offres d'emploi peut avoir besoin de fournir une telle fonctionnalité aux demandeurs d'emploi et aux employeurs.

Commencer

Téléchargez d'abord le plugin depuis CodeCanyon. Si vous n'avez pas de compte, rendez-vous sur la page d'inscription et créez-en un. Une fois connecté, vous pouvez acheter le plugin depuis sa page produit.

Vous obtiendrez alors un lien vers le fichier ou vous pourrez accéder à la section téléchargements de votre compte et télécharger le fichier zip.

Connectez-vous à votre compte WordPress maintenant. Accédez à Plugins > Ajouter un nouveau plugin et téléchargez le fichier zip. Cliquez ensuite sur Installer maintenant, et une fois l'installation terminée, cliquez sur Activer maintenant. Vous pouvez maintenant commencer à utiliser le plugin.

Configuration

Après avoir installé le plugin, vous pouvez configurer les propriétés suivantes sur la page des paramètres.

Créer une page d'inscription

UserPro est livré avec des pages par défaut telles que l'inscription, la connexion, le profil, le répertoire des membres, etc. Sélectionnez la page que vous souhaitez utiliser dans les paramètres Général.

Après avoir sélectionné la page, vous pouvez ajouter ou supprimer n'importe quel champ selon vos besoins. Vous pouvez également modifier d'autres propriétés telles que les paramètres d'apparence, de validation et de profil.

Paramètres des membres

Cette option vous permet de désactiver ou d'activer l'enregistrement de votre site Web depuis le frontend.

Permettre à quiconque de s'inscrire rend votre site Web plus accessible et plus convivial. Il permet également aux administrateurs d'attribuer des rôles aux utilisateurs.

Paramètres d'approbation de l'utilisateur

La plupart des sites Web s'appuient sur plus d'un type d'authentification pour les nouveaux utilisateurs ; cela garantit qu'ils sont exempts de toute personne malveillante accédant au site. Dispose d'un système d'approbation des utilisateurs :

• Vous permet de rejeter ou d'accepter l'inscription d'un utilisateur
• Vérifiez l'identité des nouveaux utilisateurs en demandant leur email d'activation
• Éloignez-vous des spammeurs

Vous pouvez créer des formulaires d'inscription et de connexion d'utilisateurs en faisant simplement glisser et en déposant les champs dans les sections fournies, comme indiqué ci-dessous.

Apparence et apparence

UserPro vous permet d'ajouter de magnifiques formulaires d'inscription en un simple clic. UserPro vous offre également la possibilité d'ajouter plus de champs si vous le souhaitez. Par conséquent, vous pouvez obtenir de vos utilisateurs les informations appropriées à votre entreprise.

Vous pouvez également rendre votre formulaire d'inscription cohérent avec votre marque en modifiant les propriétés telles que la police, la taille, l'apparence, la disposition des champs et les icônes.

UserPro fournit aux utilisateurs 19 champs tels que le pays, le rôle, la photo, le sexe, le site Web, etc. Vous pouvez également créer une question de sécurité de type CAPTCHA pour vérifier les utilisateurs réels et rendre la tâche plus difficile pour le bot.

Après quelques personnalisations, la page d'inscription devrait maintenant ressembler à ceci :

Paramètres d'inscription

Les paramètres d'inscription supplémentaires incluent :

• Autoriser ou bloquer certains enregistrements de domaines de messagerie
• Certains rôles autorisés lors de l'inscription
• Définir le statut après l'inscription
• Validation et sécurité du formulaire

Créez une page de connexion personnalisée

UserPro fournit une page de connexion par défaut avec les champs obligatoires : nom d'utilisateur et mot de passe. Tout comme la page d'inscription, vous pouvez cliquer sur n'importe quel champ et modifier les propriétés telles que les espaces réservés aux étiquettes et le texte d'aide. Vous pouvez également faire glisser des champs ou des sections sur la page.

Les étapes pour créer une page de connexion sont similaires à la page d'inscription :

• Allez dans Général et sélectionnez la page de connexion par défaut fournie.
• Modifiez son apparence et son apparence pour la rendre plus conviviale ou adaptée à votre marque.
• Modifiez les paramètres de connexion selon vos besoins.

Les paramètres d'apparence et d'apparence appliqués à un champ seront automatiquement appliqués à tous les autres champs.

Intégration sociale

Accédez à Paramètres où vous trouverez une liste de réseaux sociaux que vous pouvez intégrer. Choisissez les médias que vous souhaitez mettre à disposition de vos utilisateurs et autorisez les connexions sociales. Chaque réseau nécessite des informations légèrement différentes pour permettre la connexion sociale. Par exemple, Facebook nécessite un Facebook App ID, que vous pouvez obtenir sur le site des développeurs Facebook.

D'autres réseaux sociaux nécessitent des étapes similaires.

Page WordPress personnalisée

WordPress fournit deux URL de connexion par défaut : /wp-admin/ et wp-login.php, afin que toute personne familiarisée avec WordPress puisse trouver l'URL de connexion ou d'enregistrement. UserPro vous permet également de créer des liens URL personnalisés pour toutes les pages liées aux utilisateurs.

Accédez à l'onglet Page Paramètres et mettez à jour les permaliens si nécessaire.

Notifications personnalisées par e-mail

Cliquez sur l'onglet Notifications par e-mail pour voir une liste de tous les e-mails personnalisables.

Cette section vous permet de personnaliser les notifications par e-mail. Sélectionnez simplement un type de message et vous pourrez personnaliser les e-mails auxquels vous envoyez :

• Inscription d'un nouvel utilisateur
• Vérification d'un nouvel utilisateur
• E-mail de bienvenue
• Réinitialiser le mot de passe
• Changer le mot de passe
• Changement de statut du compte
• Et plus encore

Conclusion

La personnalisation de vos pages de connexion et d'inscription est simple et constitue un investissement important qui peut rapporter gros pour votre entreprise. Il vous permettra également d'obtenir les informations client nécessaires dont vous avez besoin pour faire passer votre entreprise au niveau supérieur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!