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.

Page de connexion WordPress par défaut

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

Abonnez-vous à WPBeginner

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.

Formulaire de connexion WPForms

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.

Widget de connexion WPForms

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.

Affichage du widget de connexion WPForms

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.

Exemple de page de connexion SeedProd

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.

Modèles de page de connexion SeedProd

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.

Thème Mes paramètres de connexion

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.

Paramètres d'enregistrement du thème Ma connexion

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 ».

Paramètres du slug de l'URL de ma connexion du thème

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 ».

Enregistrer les paramètres de mon thème de connexion

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]

Ajouter un widget Thème Ma connexion

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.

Thème Affichage du widget de la barre latérale Ma connexion

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.

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici