Comment créer un formulaire d'inscription WordPress (étape par étape)

Publié: 2022-07-18
Facebook Tweeter LinkedIn

Vous souhaitez mettre en place un formulaire d'inscription WordPress pour que vos utilisateurs puissent s'inscrire sur votre site web ?

Un formulaire d'inscription est généralement un formulaire assez simple que les utilisateurs peuvent remplir très facilement et rapidement. Cela devrait être indolore et pas trop long, sinon il est possible que les utilisateurs ignorent l'enregistrement !

Dans cet article, nous allons vous montrer comment créer facilement et rapidement un formulaire d'inscription simple et attrayant.

Cet article concerne la création de formulaires d'inscription d'utilisateurs pour l'inscription de nouveaux utilisateurs. Si vous recherchez d'autres formulaires d'inscription ou des formulaires personnalisés, consultez Comment ajouter un formulaire de contact dans WordPress (en toute simplicité).

MonsterInsights est le meilleur plugin WordPress Analytics. Achetez le gratuitement!

Meilleures pratiques du formulaire d'inscription WordPress

Avant de passer en revue les étapes de création de votre formulaire, parlons rapidement de quelques bonnes pratiques.

  1. Utilisez le moins de champs possible : personne ne veut passer beaucoup de temps à remplir un formulaire. Il vaut mieux que ce soit le plus simple possible pour éviter que des personnes décident de ne pas s'inscrire parce qu'elles ne veulent pas remplir votre formulaire !
  2. Configurez une notification par e-mail : une fois que quelqu'un a rempli votre formulaire, il devrait recevoir immédiatement un e-mail de suivi confirmant son inscription.
  3. Rendez votre page agréable : Vous voulez ravir vos utilisateurs ? Faites en sorte que vos pages de connexion/inscription soient superbes. Vous pouvez même ajouter une offre sur votre page de connexion pour une publicité facile !

Tutoriel sur le formulaire d'inscription d'utilisateur WordPress

Il est temps de commencer votre nouveau formulaire d'enregistrement d'utilisateur. Allons-y!

Pour créer notre formulaire, nous allons utiliser le meilleur plugin de création de formulaires de contact WordPress (et au-delà), WPForms.

WPForms

WPForms Pro inclut un module d'inscription d'utilisateur, qui est exactement ce dont vous avez besoin pour créer un formulaire d'inscription personnalisé.

Très bien, commençons notre tutoriel.

Étape 1 : Installer WPForms
Étape 2 : Activez le module complémentaire d'enregistrement d'utilisateur
Étape 3 : Créer un formulaire d'inscription d'utilisateur
Étape 4 : Personnalisez les champs de votre formulaire
Étape 5 : Personnalisez les paramètres du formulaire
Étape 6 : Intégrez votre formulaire d'inscription d'utilisateur
Étape 7 (facultative) : créer des formulaires de connexion et de réinitialisation de mot de passe personnalisés
Étape 8 : Configurer le suivi de la soumission des formulaires

Étape 1 : Installer WPForms

Pour installer WPForms, récupérez la licence Pro :

WPForms Pro

Ensuite, rendez-vous dans l'onglet Téléchargements pour télécharger votre plugin :

Téléchargement du plugin WPForms

Une fois que vous avez téléchargé votre fichier zip, dirigez-vous vers votre tableau de bord WordPress, puis Plugins » Ajouter un nouveau » Plugin de téléchargement. Là, téléchargez votre fichier zip :

Télécharger des formulaires WP

Maintenant, activez WPForms en cliquant sur le bouton bleu d'activation :

Activer WPForms

Enfin, récupérez votre clé de licence depuis votre compte WPForms, puis rendez-vous dans WPForms » Paramètres » Général pour la coller :

Paramètres WPForms - Clé de licence

Étape 2 : Activez le module complémentaire d'enregistrement d'utilisateur

Maintenant, pour créer votre formulaire d'enregistrement d'utilisateur, vous aurez besoin du module complémentaire d'enregistrement d'utilisateur. Pour le configurer, rendez-vous sur WPForms » Addons , recherchez User Registration et cliquez sur Install Addon .

Installer le module d'enregistrement d'utilisateur WPForms

Étape 3 : Créer un formulaire d'inscription d'utilisateur

Pour prendre un raccourci sur notre formulaire, nous allons utiliser le modèle de formulaire d'inscription d'utilisateur. Pour ce faire, allez d'abord dans WPForms » Add New :

Ajouter un nouveau formulaire WP

Maintenant, cliquez sur Modèles d'extension pour trouver le formulaire d'inscription de l'utilisateur. Cliquez sur Utiliser le modèle :

Modèle de formulaire d'inscription d'utilisateur

Étape 4 : Personnalisez les champs de votre formulaire

Lorsque vous choisissez d'utiliser le modèle de formulaire d'inscription d'utilisateur, il ajoutera automatiquement des champs de formulaire à votre formulaire pour vous. Il ajoute :

  • Nommer le premier Dernier)
  • Nom d'utilisateur
  • E-mail
  • Mot de passe
  • Courte biographie

Si vous avez besoin d'autres champs ou si vous n'avez pas besoin de la courte biographie, par exemple, vous pouvez ajouter et supprimer des champs selon vos besoins à cette étape. Pour supprimer un champ, survolez-le et cliquez sur l'icône de la corbeille :

Supprimer le champ WPForms

Pour ajouter un champ, recherchez simplement ce dont vous avez besoin, puis cliquez dessus et faites-le glisser sur votre formulaire.

Étape 5 : Personnalisez les paramètres du formulaire

Maintenant que votre formulaire contient les bons champs, vous pouvez personnaliser d'autres aspects du fonctionnement du formulaire.

Pour ce faire, rendez-vous dans l'onglet Paramètres . Ici, vous verrez toutes les différentes choses que vous pouvez personnaliser, y compris les notifications du formulaire, la configuration de la confirmation, les paramètres d'abandon du formulaire, les paramètres d'enregistrement des utilisateurs, etc. Différentes options de paramètres seront disponibles ici en fonction des addons que vous avez installés.

Dans l'onglet Général , vous trouverez le nom du formulaire, la description du formulaire, les balises, le texte du bouton, etc. Dans l'onglet Notifications , vous pourrez configurer les e-mails qui seront envoyés lorsque votre formulaire sera soumis. Dans l'onglet Confirmations , vous configurerez ce que l'utilisateur voit lorsqu'il soumet le formulaire.

Tous ces paramètres sont importants ! Si vous avez besoin d'aide, consultez Un guide complet des paramètres WPForms.

Pour les besoins de ce didacticiel, nous allons ignorer ces paramètres de base et passer en revue les paramètres d'enregistrement des utilisateurs .

Paramètres d'enregistrement des utilisateurs WPForms

La première chose que vous verrez dans l'onglet des paramètres d'enregistrement de l'utilisateur est le mappage des champs . C'est ici que vous pouvez mapper les champs que vous avez dans votre formulaire avec les nouveaux champs de compte d'utilisateur qui seront créés lorsqu'un utilisateur s'inscrira.

Enregistrement de l'utilisateur : mappage des champs

Ensuite, vous verrez le menu déroulant Rôles d'utilisateur . Ici, vous choisirez le rôle que vos nouveaux utilisateurs auront sur votre site.

Rôle de l'utilisateur - Formulaire d'inscription de l'utilisateur WordPress

Ensuite, vous verrez les options d'activation et de connexion de l'utilisateur . C'est ici que vous choisirez si vous souhaitez que vos nouveaux utilisateurs effectuent une étape supplémentaire pour activer leurs comptes ou non.

Si vous voulez cette étape supplémentaire , retournez le commutateur pour activer l'activation de l'utilisateur.

Activer l'activation de l'utilisateur

Choisissez ensuite si vous souhaitez approuver manuellement le compte ou demander à l'utilisateur de cliquer sur un lien dans un e-mail d'activation :

Méthode d'activation de l'utilisateur WPForms

Vous pouvez désormais personnaliser l'objet et le message de l'e-mail d'activation :

Courriel d'activation de l'utilisateur

Vous pouvez utiliser des balises actives pour ajouter le nom de l'utilisateur ou d'autres informations :

Balises intelligentes pour e-mail personnalisé

Enfin, choisissez la page vers laquelle l'utilisateur doit être redirigé après avoir soumis le formulaire.

Choisissez la page de confirmation d'activation de l'utilisateur

Si vous ne souhaitez pas activer l'activation de l'utilisateur , ignorez ces étapes. Vous pouvez également choisir dans cette case d'activer la connexion automatique et de masquer le formulaire si un utilisateur est connecté.

Ensuite, vous pouvez choisir quelles notifications par e-mail sont envoyées lorsqu'un nouveau compte est créé ou activé :

Notifications par e-mail du formulaire d'inscription de l'utilisateur

Enfin, vous avez la possibilité d'ajouter des métadonnées utilisateur personnalisées.

Meta WPForms utilisateur personnalisé

Après avoir apporté toutes vos modifications, assurez-vous de cliquer sur le bouton Enregistrer :

Enregistrer le formulaire - WPForms

Étape 6 : Intégrez votre formulaire d'inscription d'utilisateur

Maintenant que votre formulaire d'enregistrement d'utilisateur est prêt à être utilisé, vous pouvez continuer et l'intégrer à votre page d'enregistrement d'utilisateur.

Vous voulez une page d'inscription personnalisée qui a l'air géniale ? Nous vous recommandons d'utiliser SeedProd, le meilleur constructeur de pages de destination WordPress et de thèmes personnalisés. Utilisez leurs modèles de page de connexion pour créer les meilleures pages d'inscription et de connexion pour vos utilisateurs.

Exemple de modèle de page de connexion SeedProd

Pour obtenir des instructions sur la conception des meilleures pages d'inscription et de connexion, consultez
Comment créer une page de connexion personnalisée WordPress (étapes faciles).

Pour intégrer votre formulaire sur une page existante à l'aide de l'éditeur de blocs, recherchez simplement le bloc WPForms :

Ajouter un bloc WPForms

Une fois le bloc ajouté, vous pourrez choisir le formulaire à intégrer :

Choisissez un formulaire WPForms à intégrer

Vous souhaitez plutôt intégrer votre formulaire dans votre barre latérale ? Visitez Apparence » Widgets et choisissez le widget WPForms.

Étape 7 (facultative) : créer des formulaires de connexion et de réinitialisation de mot de passe personnalisés

Lorsque vous activez l'addon WPForms User Registration, vous avez non seulement la possibilité de créer un formulaire d'inscription personnalisé, mais vous recevez également deux autres formulaires : User Login et User Password Reset.

User registration addon form templates

Vous pouvez utiliser ces deux formulaires pour personnaliser entièrement votre processus d'inscription et de connexion.

Étape 8 : Configurer le suivi de la soumission des formulaires

Avoir les bons formulaires sur votre site est important, tout comme les suivre pour s'assurer qu'ils fonctionnent bien sur votre site. C'est là qu'intervient le suivi des formulaires MonsterInsights.

MonsterInsights est le meilleur plugin Google Analytics pour WordPress. Il vous permet de connecter facilement votre site WordPress à Google Analytics (Universal Analytics et GA4), afin que vous puissiez afficher toutes les données les plus importantes directement dans votre tableau de bord WordPress.

Tableau de bord d'accueil MonsterInsights

De plus, d'un simple clic sur un bouton, vous pouvez configurer des fonctionnalités de suivi sophistiquées telles que le suivi des événements, le suivi du commerce électronique, le suivi des formulaires, le suivi des dimensions personnalisées, le suivi des liens sortants, etc.

Lorsque vous configurez le suivi des formulaires, vous pourrez voir en un coup d'œil les performances de chacun de vos formulaires. Est-ce que beaucoup de gens le voient, mais choisissent de ne pas le soumettre ? Utilisez ces analyses pour déterminer comment vous pouvez améliorer votre site et développer votre entreprise.

Rapport de formulaires MonsterInsights

Pour en savoir plus sur le suivi des formulaires avec MonsterInsights, consultez Comment suivre les soumissions de formulaires dans Google Analytics et WordPress.

C'est ça!

Nous espérons que vous avez trouvé notre tutoriel sur le formulaire d'inscription WordPress utile. Vous pouvez également consulter Comment suivre les clics sur les liens dans Google Analytics 4 et WordPress.

Vous n'utilisez pas encore MonsterInsights ? Qu'est-ce que tu attends?

Suivez-nous sur Twitter, Facebook et YouTube pour des conseils Google Analytics et WordPress plus utiles.