<html lang="fr-fr" dir="ltr"><head></head><body>### [Créer un formulaire de connexion personnalisé](https://wpforms.com/docs/creating-a-custom-login-form/)

**Publié le :** 24 mai 2024
**Auteur :** David Ozokoye

**Extrait :** Apprenez à créer un formulaire de connexion personnalisé avec le module complémentaire d'inscription des utilisateurs.

**Contenu :**

Souhaitez-vous créer un formulaire personnalisé pour permettre aux utilisateurs de se connecter à votre site ? Notre module complémentaire d'inscription des utilisateurs fournit des options spéciales pour utiliser le modèle de formulaire de connexion utilisateur comme formulaire de connexion.

Ce tutoriel explique les étapes pour créer un formulaire de connexion utilisateur dans WPForms.

**Remarque :** Pour utiliser notre modèle de formulaire de connexion utilisateur, vous devrez avoir le [module complémentaire d'inscription des utilisateurs](https://wpforms.com/docs/how-to-install-and-use-user-registration-addon-with-wpforms/) installé et activé sur votre site.

---

### Accéder au modèle de formulaire de connexion

Après avoir activé et configuré le module complémentaire d'inscription des utilisateurs, accédez à **WPForms » Ajouter nouveau**. Sur la page de configuration, recherchez « Connexion utilisateur ». Ensuite, survolez le modèle **Formulaire de connexion utilisateur** et cliquez sur **Utiliser le modèle**.

![Utilisation du modèle de formulaire de connexion utilisateur](https://wpforms.com/wp-content/uploads/2024/05/select-user-login-form.png)

Le modèle est prêt à l'emploi tel quel, vous n'avez donc pas besoin de le personnaliser. Cependant, nous vous montrerons comment personnaliser le formulaire de connexion ci-dessous.

### Personnalisation du formulaire de connexion

Pour cela, allez dans **Paramètres » Inscription utilisateur** dans le constructeur de formulaires. Ici, vous verrez l'option **Masquer le formulaire si l'utilisateur est connecté**.

![Paramètres du formulaire de connexion](https://wpforms.com/wp-content/uploads/2024/05/login-form-settings.png)

Masquer le formulaire de connexion pour les utilisateurs connectés est un excellent moyen d'améliorer l'expérience utilisateur car cela permet de réduire la confusion.

Dans le champ **Message pour les utilisateurs connectés**, vous pourrez personnaliser le message que les utilisateurs connectés verront s'ils essaient d'accéder à votre formulaire de connexion.

![Paramètres du module complémentaire d'inscription des utilisateurs pour le modèle de formulaire de connexion utilisateur](https://wpforms.com/wp-content/uploads/2021/03/login-form-user-registration-settings.png)

Voici un exemple de ce à quoi ressemble ce message sur le front-end.

![Exemple d'un message pour les utilisateurs connectés sur le front-end](https://wpforms.com/wp-content/uploads/2024/02/logged-in-confirmation.png)

Lorsque vous êtes satisfait de votre formulaire de connexion, n'oubliez pas de l'enregistrer avant de quitter le constructeur de formulaires et de [l'intégrer sur une page](https://wpforms.com/docs/displaying-forms-on-your-site/).

**Remarque :** Pour plus d'idées et de détails sur la façon de personnaliser votre formulaire de connexion, consultez notre article de blog sur [la création d'une page de connexion personnalisée](https://wpforms.com/how-to-create-custom-wordpress-login-form/).

Voilà ! Vous savez maintenant comment créer un formulaire de connexion personnalisé dans WPForms.

Ensuite, souhaitez-vous permettre aux utilisateurs de réinitialiser leur mot de passe s'ils l'ont oublié ? Assurez-vous de consulter notre tutoriel sur [la création d'un formulaire de réinitialisation de mot de passe](https://wpforms.com/docs/creating-a-custom-password-reset-form/) pour savoir comment faire.

**Catégories :** Fonctionnalités de formulaire avancées

---</body></html>