Voulez-vous ajouter une page de connexion frontale et des widgets dans WordPress ?
La page de connexion WordPress par défaut n’offre pas la meilleure expérience utilisateur et peut dérouter vos utilisateurs. L’ajout d’une page de connexion frontale permet à vos utilisateurs de se connecter directement depuis le frontal de votre site Web.
Dans cet article, nous allons vous montrer comment ajouter une page de connexion frontale et des widgets dans WordPress.
Pourquoi et quand avez-vous besoin d’une connexion frontale dans WordPress ?
Par défaut, la page de connexion WordPress affichera la marque WordPress et ne correspondra généralement pas à la conception de votre site Web WordPress actuel.
Cela fonctionne pour les petits blogs et sites Web WordPress.
Toutefois, si vous disposez d’un site d’adhésion, d’une boutique en ligne ou d’un autre site sur lequel les utilisateurs peuvent s’inscrire et se connecter, l’ajout d’une page de connexion frontale et d’un widget offre une meilleure expérience à vos utilisateurs.
Vous pouvez même personnaliser cette page avec votre propre image de marque ou ajouter un simple formulaire de connexion à votre barre latérale WordPress.
Il existe plusieurs façons d’ajouter une page de connexion frontale et un widget de connexion dans WordPress. Dans ce tutoriel, nous allons vous montrer les 3 façons les plus simples de le faire.
Didacticiel vidéo
Si vous préférez des instructions écrites, continuez à lire.
Méthode 1. Ajouter une page de connexion frontale et des widgets dans WordPress avec WPForms
WPForms est le meilleur plugin de formulaire de contact WordPress sur le marché utilisé par plus de 4 millions de sites Web. Il vous permet de créer facilement une page de connexion frontale personnalisée et un widget de connexion sur votre site Web.
Pour commencer, vous aurez besoin de leur module d’inscription d’utilisateur qui vous permet de créer des formulaires d’inscription et de connexion d’utilisateur WordPress.
Ensuite, utilisez simplement le générateur de formulaires par glisser-déposer pour créer votre formulaire de connexion, puis ajoutez-le à votre site à l’aide de l’éditeur de blocs WordPress ou d’un code court de formulaire.
Pour plus de détails, consultez notre guide sur la façon de créer une page de connexion personnalisée pour WordPress.
Une fois que vous avez créé votre formulaire de connexion utilisateur, vous pouvez également ajouter ce formulaire à votre barre latérale WordPress ou à d’autres zones de widgets.
Tout ce que vous avez à faire est de faire glisser le widget WPForms vers n’importe quelle zone de widget de votre site et de sélectionner le formulaire de connexion.
Pour plus de détails, consultez notre guide sur la façon d’ajouter un formulaire de connexion dans votre barre latérale WordPress.
Méthode 2. Ajouter une page de connexion frontale dans WordPress avec SeedProd
SeedProd est le meilleur constructeur de pages WordPress par glisser-déposer sur le marché, utilisé par plus d’un million de sites Web.
Il vous permet de créer une page de connexion entièrement personnalisée qui peut correspondre à la conception de votre site Web actuel ou être quelque chose d’unique.
Il est très convivial pour les débutants et est livré avec une tonne de modèles de page de connexion conçus par des professionnels que vous pouvez utiliser pour créer votre page de connexion.
Tout ce que vous avez à faire est de choisir un modèle et d’utiliser le générateur de glisser-déposer pour personnaliser la page.
Vous pouvez même concevoir une page de connexion frontale entièrement personnalisée à partir de zéro en utilisant un modèle vierge.
Pour plus de détails, consultez notre guide sur la façon de créer une page de connexion WordPress personnalisée.
Méthode 3. Ajouter une page de connexion frontale et des widgets dans WordPress avec le thème Ma connexion
Si vous souhaitez ajouter une page de connexion frontale très simple à votre site, vous pouvez utiliser le plugin gratuit Theme My Login.
La première chose à faire est d’installer et d’activer le plugin. Pour plus de détails, consultez notre guide du débutant sur l’installation d’un plugin WordPress.
Lors de l’activation, le plugin créera automatiquement des pages pour la connexion, la déconnexion, l’oubli du mot de passe et l’enregistrement.
Vous pouvez naviguer vers Thème Ma connexion » Général et afficher les paramètres du plug-in.
Tout d’abord, vous pouvez définir le type de connexion. Le paramètre « Par défaut » est le plus sécurisé car il demande un e-mail et un mot de passe pour se connecter.
Ensuite, vous pouvez choisir vos paramètres d’enregistrement.
Nous avons conservé les paramètres par défaut ici car il nécessite à la fois un e-mail et un mot de passe pour se connecter.
Vous pouvez également cocher la case « Mots de passe » pour permettre aux utilisateurs de créer leurs propres mots de passe et la case « Connexion automatique » qui connecte automatiquement les utilisateurs après leur inscription.
Après cela, vous pouvez modifier vos URL de connexion et d’enregistrement dans les paramètres « Slugs ».
Ceux-ci créent automatiquement des redirections. Ainsi, l’URL de connexion standard « votresite.com/wp-admin » redirigera vers « votresite.com/login ».
Vous pouvez conserver ces URL ou les modifier.
Une fois que vous avez terminé d’apporter des modifications, assurez-vous de cliquer sur le bouton « Enregistrer les modifications ».
Vous ne pouvez pas ajouter de fonctionnalités beaucoup plus avancées à moins de mettre à niveau pour utiliser leurs extensions premium.
Néanmoins, c’est une bonne solution pour les utilisateurs à petit budget qui souhaitent créer une simple page de connexion frontale.
Vous pouvez également ajouter un formulaire de connexion à vos zones de widget WordPress en utilisant le shortcode inclus.
Accédez simplement à Apparence » Widgets et faites glisser le widget « Texte » vers votre barre latérale.
Ensuite, copiez et collez le shortcode ci-dessous. Vous pouvez personnaliser le widget en modifiant le titre ou en ajoutant plus de texte. N’oubliez pas de cliquer sur le bouton « Enregistrer » lorsque vous avez terminé.
[theme-my-login]
Désormais, vos utilisateurs verront le formulaire de connexion sur la barre latérale WordPress ou toute autre zone de votre site où vous avez ajouté le shortcode.
Nous espérons que cet article vous a aidé à ajouter une page de connexion frontale et des widgets dans WordPress. Vous pouvez également consulter nos sélections d’experts des meilleurs plugins d’adhésion pour WordPress et notre guide de sécurité WordPress ultime pour améliorer la sécurité de vos pages de connexion et widgets.
Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.