Vous cherchez à créer un formulaire d'inscription utilisateur personnalisé dans WordPress ? Excellente idée ! Par défaut, le formulaire d'inscription utilisateur de WordPress est assez ennuyeux. Pourquoi ne pas le pimenter avec votre image de marque personnelle ?
Dans cet article, nous vous montrerons comment créer un formulaire d'inscription utilisateur personnalisé dans WordPress, étape par étape.
Pourquoi s'embêter à ajouter un formulaire d'inscription utilisateur personnalisé ?
Tout est une question d'image de marque, bébé ! Le formulaire d'inscription utilisateur par défaut de WordPress affiche leur image de marque, pas la vôtre. Il ne s'intègre pas au reste de l'aspect général de votre site web.
Vous pouvez également ajouter un formulaire d'inscription utilisateur personnalisé à n'importe quelle page de votre site WordPress. De plus, vous pouvez le configurer pour qu'il redirige les utilisateurs une fois qu'ils se sont inscrits ; cela signifie que vous pouvez envoyer les utilisateurs vers n'importe quelle page de destination que vous souhaitez. C'est un excellent moyen de collecter des prospects si, par exemple, vous redirigez les utilisateurs vers votre page d'optin par e-mail.
Donc, maintenant que vous connaissez le « pourquoi », passons au « comment ». À partir de maintenant, nous allons vous apprendre exactement ce dont vous avez besoin pour créer un formulaire d'inscription utilisateur personnalisé dans WordPress.
Comment créer un formulaire d'inscription utilisateur personnalisé dans WordPress
Commencez par télécharger le plugin WPForms. Ensuite, installez-le et activez-le. Vous ne savez pas comment faire ? Pas de problème. Vous pouvez consulter notre guide sur comment installer un plugin WordPress pour régler tout cela.
Gardez à l'esprit que vous aurez besoin du plan Pro (ou supérieur) de WPForms pour créer un formulaire d'inscription utilisateur personnalisé dans WordPress. Ne craignez rien cependant. En utilisant notre code promo, SAVE10, vous pouvez bénéficier d'une réduction de 10 % sur le coût dès le départ.
Après avoir activé le plugin, rendez-vous sur WPForms » Addons pour installer le module complémentaire d'enregistrement d'utilisateur. Cliquez simplement sur « Installer le module complémentaire », puis sur « Activer » une fois qu'il est installé.
Tout est prêt ? Super. Il est temps de commencer à créer votre formulaire d'enregistrement d'utilisateur personnalisé dans WordPress.
Lancez le constructeur WPForms en allant sur WPForms » Ajouter nouveau.
Nommez votre formulaire, puis sélectionnez le modèle « Formulaire d'enregistrement d'utilisateur ».
Cet exemple / modèle aura les champs d'enregistrement d'utilisateur suivants pré-ajoutés :
- Nom
- Nom d'utilisateur
- Mot de passe
- Courte biographie
Si vous aimez ce que vous voyez, vous pouvez continuer votre chemin vers la prochaine étape.
Si vous souhaitez réorganiser les champs, vous pouvez le faire avec la fonction glisser-déposer. Ou, vous pouvez ajouter des champs supplémentaires en les faisant glisser depuis la colonne de gauche. Ou, vous pouvez supprimer les champs dont vous n'êtes pas satisfait. WPForms est connu pour ses fonctionnalités de personnalisation. Amusez-vous avec.
Une fois que vous êtes prêt, cliquez sur Enregistrer et passez à l'étape suivante.
Comment ajouter des champs personnalisés à votre formulaire d'enregistrement d'utilisateur
WPForms dispose d'une fonctionnalité astucieuse qui vous permet de connecter des profils d'utilisateur personnalisés à votre formulaire d'enregistrement d'utilisateur. Cependant, pour ce faire, vous devrez apporter des ajustements à votre site WordPress : à savoir, vous devrez ajouter des champs de profil d'utilisateur supplémentaires.
Pour y parvenir, vous aurez besoin d'un plugin WordPress supplémentaire.
Tout plugin qui utilise les champs personnalisés standard de WordPress pour ajouter et stocker des métadonnées fonctionnera avec WPForms. Cependant, pour ce tutoriel, nous allons utiliser User Meta Manager.
Téléchargez, installez et activez le plugin User Meta Manager. Une fois activé, rendez-vous sur la page Users » User Meta Manager et cliquez sur « Add Custom Meta ».
Vous devrez entrer une clé pour que le champ de profil utilisateur personnalisé soit reconnu en interne. Ensuite, vous devrez choisir un type de champ. Pour ce tutoriel, nous utilisons un champ URL afin d'ajouter une adresse de profil Facebook.
Sous « Étiquette », vous devrez entrer une étiquette pour décrire ce qu'est le champ. Celle-ci sera visible par les utilisateurs sur votre site Web lorsqu'ils rempliront votre formulaire.
Pour ajouter le champ méta personnalisé, cliquez sur « Soumettre ». Ensuite, allez dans Utilisateurs » Votre profil pour voir la magie à l'œuvre.
Maintenant que vous avez créé un champ de profil utilisateur personnalisé, il est temps de l'ajouter au formulaire d'inscription utilisateur personnalisé dans WordPress via WPForms. Pour ce faire, vous devrez aller dans WPForms » Tous les formulaires et modifier le formulaire que vous avez enregistré précédemment (ou en créer un nouveau).
Une fois que votre formulaire est à l'écran, cliquez sur un champ de la colonne de gauche et faites-le glisser sur votre formulaire. Pour ce tutoriel, nous allons ajouter un champ Site Web / URL au formulaire.
Ensuite, puisque vous avez ajouté une option d'URL de profil Facebook pour vos utilisateurs, vous voudrez que le nouveau champ le reflète. Cliquez sur le champ pour le modifier. Ensuite, changez le libellé de « Site Web / URL » à « URL du profil Facebook » dans la section Options du champ sur le côté gauche. Vous pouvez également ajouter une description, si nécessaire.
Enregistrez votre formulaire une fois que vous avez terminé.
Ensuite, vous devrez cliquer sur le bouton Paramètres pour accéder aux paramètres avancés du formulaire et au mappage des champs. Sur cette page, cliquez sur l'onglet Enregistrement de l'utilisateur.
WPForms affichera maintenant les champs de votre formulaire avec un menu déroulant en dessous pour sélectionner le champ d'enregistrement WordPress avec lequel le mapper.
WPForms mappera automatiquement vos champs par défaut tels que Nom, E-mail, Mot de passe, etc. Vous pouvez également sélectionner une page vers laquelle vous souhaitez que les utilisateurs soient redirigés une fois qu'ils soumettent le formulaire.
À partir d'ici, faites défiler jusqu'à la section « Métadonnées personnalisées de l'utilisateur ». Tapez la clé de métadonnées personnalisée que vous avez créée précédemment, puis sélectionnez le champ du formulaire avec lequel vous souhaitez la mapper.
Une fois cela fait, cliquez sur Enregistrer et passez à la dernière étape.
Comment ajouter votre formulaire d'enregistrement d'utilisateur personnalisé dans WordPress
C'est la partie facile. Tout se passe comme sur des roulettes à partir de maintenant.
Avec WPForms, vous pouvez ajouter des formulaires facilement et rapidement aux articles, pages ou widgets de la barre latérale de votre site WordPress.
Pour cet exemple, nous allons créer une nouvelle page.
Sur l'écran d'édition de la page, vous trouverez un bouton WPForms juste au-dessus de votre barre d'outils. Cliquez dessus fermement.
Maintenant, une fenêtre contextuelle devrait apparaître sur votre écran. Sélectionnez le formulaire que vous avez créé dans le menu déroulant, puis cliquez sur le bouton Insérer le formulaire.
Et voilà ! Maintenant, un shortcode pour votre formulaire est sur votre page. Cliquez sur « Publier » (ou « Mettre à jour » si vous modifiez une ancienne page), et votre formulaire sera en ligne sur votre site.
Vous préférez un widget de barre latérale ? Pas de problème. Allez simplement dans Apparence » Widgets et faites glisser le widget WPForms dans votre zone de barre latérale.
Sélectionnez le formulaire que vous avez créé dans le menu déroulant des paramètres du widget. Ensuite, cliquez sur Enregistrer. C'est tout ! Votre formulaire d'inscription utilisateur se trouve maintenant dans votre barre latérale.
Consultez également comment créer un formulaire AMP dans WordPress.
Nous espérons que cet article vous a aidé à apprendre comment créer un formulaire d'inscription utilisateur personnalisé dans WordPress.
Si vous cherchez d'autres choses géniales que vous pouvez faire avec WPForms, consultez nos articles sur comment créer un sondage dans WordPress et comment créer un formulaire d'inscription avec paiements PayPal.
Commentaires Laisser une réponse