Comment afficher les formulaires de connexion et d'inscription sur n'importe quelle page WordPress

Publié: 2022-04-08


Voulez-vous afficher les formulaires de connexion et d'inscription sur n'importe quelle page WordPress de votre site ?

Les formulaires de connexion et d'inscription sont très simples à créer, et les ajouter à plusieurs pages de votre site Web peut aider les utilisateurs à s'inscrire ou à se connecter plus rapidement.

Dans cet article, nous expliquerons comment ajouter des formulaires de connexion et d'inscription WordPress sur n'importe quelle page.

Créez un formulaire de connexion WordPress maintenant >>

Comment créer des formulaires de connexion et d'inscription sur n'importe quelle page WordPress

Voici les étapes pour créer un formulaire de connexion et d'inscription pour n'importe quelle page WordPress :

Commençons.

Étape 1 : Installez le plug-in WPForms

La première chose à faire est d'installer et d'activer le plugin WPForms. WPForms fournit la méthode la plus simple pour ajouter un formulaire de connexion et d'inscription WordPress à n'importe quelle zone de votre site.

WPforms-accueil

C'est un processus assez simple, et vous pouvez voir ce guide étape par étape sur la façon d'installer un plugin dans WordPress pour une procédure pas à pas.

Étape 2 : Activez le module d'enregistrement d'utilisateur

Une fois que vous avez installé le plugin, vous devrez ensuite installer l'addon WPForms User Registration .

Vous pouvez installer cet addon en accédant à WPForms » Addons depuis votre tableau de bord WordPress.

Modules complémentaires WPForms

Sur la page WPForms Addons, faites défiler vers le bas pour trouver l'addon d'enregistrement d'utilisateur . Vous pouvez également utiliser la barre de recherche à droite pour le rechercher.

Cliquez sur Installer le module complémentaire sous le module d'enregistrement des utilisateurs pour l'ajouter à votre site WordPress.

Installer l'addon d'enregistrement d'utilisateur

Avec l'addon d'enregistrement d'utilisateur, vous pouvez utiliser n'importe quel WPForms comme formulaire d'inscription ou de connexion.

Étape 3 : créer un formulaire d'inscription

Ouvrez votre zone d'administration WordPress et cliquez sur WPForms » Ajouter nouveau . Entrez n'importe quel nom pour votre formulaire afin de pouvoir y revenir facilement plus tard si vous devez apporter des modifications.

Ajouter un nouveau formulaire

Ensuite, vous pouvez sélectionner le modèle de formulaire d'inscription prédéfini à partir des modèles de formulaire de WPForms pour créer rapidement votre formulaire d'inscription d'utilisateur. Consultez ce guide sur la création d'un formulaire d'inscription à partir d'un modèle pour obtenir des instructions détaillées.

Vous pouvez également utiliser un formulaire existant ou créer un nouveau formulaire à partir de zéro et le transformer en formulaire d'inscription en ajoutant des champs pertinents permettant les paramètres d'inscription des utilisateurs. Découvrez comment créer un formulaire d'inscription d'utilisateur dans WordPress pour un guide étape par étape.

En bref, vous pouvez facilement ajouter une fonctionnalité d'enregistrement d'utilisateur à n'importe quel formulaire en cliquant sur Paramètres à partir de votre interface de création de formulaires WPForms, puis en sélectionnant Enregistrement d'utilisateur . Ensuite, activez simplement le bouton Activer l'enregistrement de l'utilisateur pour ajouter la fonctionnalité d'enregistrement à votre formulaire.

Activer l'enregistrement des utilisateurs

Vous pouvez également regarder le didacticiel vidéo ci-dessous pour en savoir plus sur la création et la personnalisation des formulaires d'inscription avec WPForms.

Ensuite, nous procéderons à l'intégration des formulaires d'inscription et de connexion sur différentes pages WordPress.

Étape 4 : Afficher le formulaire d'inscription de l'utilisateur sur n'importe quelle page

Avec WPForms, il est très facile d'intégrer votre formulaire de connexion sur votre site. En fait, vous pouvez le faire sur n'importe quelle partie de votre site WordPress.

Voyons comment fonctionne la fonction d'intégration de WPForms.

Lorsque vous avez terminé de créer votre formulaire d'inscription, cliquez sur le bouton Intégrer en haut à droite du générateur de formulaires.

Bouton Intégrer le formulaire

WPForms vous demandera soit de sélectionner une page existante pour intégrer votre formulaire d'inscription, soit de créer une nouvelle page.

Intégration du formulaire sur une nouvelle page

Si vous souhaitez ajouter le formulaire à une nouvelle page, cliquez sur Créer une nouvelle page .

Créer une nouvelle page

Nommez votre nouvelle page et sélectionnez Allons-y.

Créer une nouvelle page d'inscription

Maintenant, cela ajoutera automatiquement votre formulaire à votre nouvelle page dans WordPress. Vous pouvez le faire avec littéralement n'importe quelle page de votre site Web.

Assurez-vous de cliquer sur Publier (ou mettre à jour, si vous utilisez une page existante) pour que votre formulaire soit mis en ligne sur Internet.

Formulaire d'inscription intégré

Voyons ensuite comment vous pouvez intégrer le formulaire à une page existante.

Intégration du formulaire dans une page existante

Si vous avez déjà la page dans laquelle vous souhaitez intégrer votre formulaire, cliquez sur le bouton Intégrer comme précédemment, puis appuyez sur le bouton Sélectionner une page existante .

Sélectionnez la page existante

Maintenant, une nouvelle boîte de dialogue s'ouvrira contenant une liste déroulante avec une liste de toutes les pages publiées sur votre site. Sélectionnez la page dans laquelle vous souhaitez intégrer votre formulaire, puis cliquez sur Allons-y .

Sélectionnez la page existante

Cela vous amènera à votre page sélectionnée. Maintenant, cliquez sur le bouton + pour ouvrir le menu du bloc.

Bloc d'insertion wp

Dans le champ de recherche, entrez WPForms pour trouver rapidement le bloc de formulaire et cliquez dessus.

Bloc WPForms

Maintenant, utilisez le menu déroulant du widget WPForms pour sélectionner le formulaire que vous souhaitez intégrer.

Outil d'intégration WPforms

Vous devriez maintenant voir votre formulaire intégré dans la page. Lorsque vous êtes prêt, cliquez sur Mettre à jour pour afficher les modifications sur votre site Web en ligne.

Formulaire d'inscription WPForms intégré

C'est aussi simple que d'afficher un formulaire créé avec WPForms sur une page WordPress existante !

Mais que se passe-t-il si vous souhaitez ajouter un lien vers cette page du formulaire d'inscription dans le menu de navigation de votre site ? Voir l'étape suivante pour les instructions.

Étape 5 : Ajouter la page d'inscription au menu de navigation (facultatif)

C'est toujours une bonne idée d'ajouter un lien vers votre page d'inscription à un endroit bien en vue sur votre site Web. Cela permet aux nouveaux visiteurs de trouver facilement la page et de créer un compte sur votre site.

Vous pouvez ajouter une page à votre menu de navigation en ouvrant votre tableau de bord WordPress et en vous dirigeant vers Apparence » Menus .

Menu Apparence

Si vous n'avez pas encore ajouté de menu, vous devrez en créer un. Donnez simplement un nom à votre nouveau menu et cliquez sur Créer un menu.

Créer un nouveau menu

Maintenant, sous le menu déroulant Pages sur votre gauche, cliquez sur Afficher tout. Cela affichera une liste de toutes les pages publiées sur votre site WordPress. La page d'enregistrement d'utilisateur que vous venez de créer à l'étape ci-dessus doit également être répertoriée ici.

Cochez toutes les pages (y compris la page d'inscription) que vous souhaitez inclure dans votre menu de navigation, puis cliquez sur Ajouter au menu.

Ajouter au menu

Vous devriez maintenant voir vos éléments de menu sélectionnés apparaître dans la colonne Menu à votre droite. Si vous souhaitez modifier l'ordre de ces éléments de menu, vous pouvez les faire glisser et les déposer pour modifier l'ordre.

Colonne de menus

Enfin, vous devez sélectionner un emplacement d'affichage pour votre menu. La plupart des thèmes vous permettent d'ajouter un menu à différents endroits. Notre site de démonstration utilise le Twenty Twenty-One dans cet exemple. Le menu de navigation principal est étiqueté comme menu principal dans ce thème, c'est donc ce que nous allons sélectionner.

Cliquez sur le menu Enregistrer après avoir effectué toutes les modifications.

Enregistrer le menu

Maintenant, visitez la page d'accueil de votre site pour voir votre nouveau menu de navigation avec votre page d'inscription.

Le menu de navigation

Dans l'étape suivante, nous verrons comment ajouter un formulaire de connexion à la barre latérale ou au pied de page de votre site.

Étape 6 : Ajouter un formulaire de connexion à une barre latérale ou à un pied de page (facultatif)

Ok, et si vous voulez que votre formulaire de connexion s'affiche sur chaque page ou publication ? L'affichage de votre formulaire de connexion dans un pied de page ou une barre latérale facilite la connexion de vos utilisateurs à votre site.

L'outil d'intégration de WPForms rend cela très facile.

Tout d'abord, dirigez-vous vers votre tableau de bord WordPress et accédez à Apparence » Widgets.

Trouver des widgets de contact WordPress pour la barre latérale

Sur la page Widgets, vous devriez voir une liste déroulante de la barre latérale, qui est souvent intitulée Barre latérale principale (si vous ne la voyez pas, votre thème WordPress peut ne pas prendre en charge les barres latérales).

Dans la liste déroulante de la barre latérale principale, cliquez sur le bouton + et recherchez WPForms.

Ajout de la barre latérale WPForms

Cliquez ensuite dessus pour ajouter l'outil d'intégration WPForms dans le widget. Cliquez sur le menu déroulant et sélectionnez le formulaire que vous souhaitez ajouter à votre barre latérale (nous utiliserons le formulaire de connexion utilisateur dans cet exemple).

Widget de la barre latérale WPForms

Lorsque vous avez sélectionné un formulaire dans la liste déroulante, votre vue affichera désormais un aperçu du formulaire.

Formulaire de connexion de la barre latérale principale

Vous pouvez également intégrer votre formulaire dans votre pied de page. La plupart des thèmes ont une liste déroulante Footer intitulée Footer Bar, où vous pouvez ajouter un formulaire créé avec WPForms.

Sur l'écran Widgets de votre site WordPress, faites défiler vers le bas pour trouver l'option Footer Bar . Cliquez dessus pour développer le menu, appuyez sur + , puis répétez les mêmes étapes que ci-dessus pour intégrer le formulaire de connexion à votre pied de page.

Lorsque vous avez terminé d'apporter des modifications à vos widgets de barre latérale et de pied de page, cliquez sur Mettre à jour dans le coin supérieur droit pour terminer d'ajouter vos formulaires de connexion à ces emplacements.

Formulaire de barre de pied de page intégré

Voici à quoi ressemble la barre latérale avec votre formulaire de connexion intégré.

formulaire de connexion dans la barre latérale

Et voici le même formulaire intégré dans la barre de pied de page.

Barre de pied de page du formulaire de connexion utilisateur

C'est ça! Vous savez maintenant exactement comment ajouter un formulaire de connexion d'utilisateur ou un formulaire d'inscription d'utilisateur à n'importe quelle page ou publication sur votre site Web WordPress.

Ensuite, protégez les formulaires d'inscription contre le spam

Si vous avez aimé cet article, vous pouvez également lire ces astuces simples pour éliminer l'enregistrement des utilisateurs de spam.

Et si vous voulez voir comment WPForms se compare à d'autres alternatives, consultez notre comparaison détaillée sur Zoho Forms vs Jotform vs WPForms.

Créez un formulaire de connexion WordPress maintenant >>

Alors qu'est-ce que tu attends? Commencez avec le plugin de formulaires WordPress le plus puissant aujourd'hui. WPForms Pro est livré avec un formulaire de connexion gratuit et un modèle de formulaire d'inscription.

Si vous aimez cet article, suivez-nous sur Facebook et Twitter pour plus de tutoriels WordPress gratuits.