Résumé de l'IA
Je dois vous avouer quelque chose : je ne suis vraiment pas très doué en technologie. (Si vous avez déjà reçu un e-mail de ma part, vous le savez probablement déjà...)
Je passais donc beaucoup trop de temps à copier manuellement les formulaires remplis sur mon blog WordPress vers d'autres outils. Chaque fois qu'une personne remplissait un formulaire de contact, j'ouvrais mon CRM, créais un nouveau prospect, puis passais à ma plateforme de messagerie pour l'ajouter également. Cela me faisait perdre beaucoup de temps et d'énergie.
Je suis donc ravi de vous montrer comment la connexion de WPForms à n8n a transformé l'ensemble de mon flux de travail, et comment elle peut faire de même pour vous !
Dans ce guide étape par étape, je vais vous expliquer comment configurer l'intégration WPForms n8n afin d'acheminer automatiquement les soumissions de formulaires vers toutes sortes de destinations. Outils de marketing par e-mail, CRM, applications de gestion de projet et des milliers d'autres services, pour n'en citer que quelques-uns.
Et, comme toujours avec WPForms, cela ne nécessite aucun codage. Donc, si je peux le faire, tout le monde peut le faire. C'est parti !
Comment connecter WPForms à n8n : automatisez vos flux de travail WordPress Form
Ce dont vous aurez besoin avant de commencer
Avant de nous lancer dans le processus d'installation, vérifions que vous avez tout ce qu'il faut. Vous aurez besoin de :
- Licence WPForms Pro (ou supérieure) installée et activée sur votre site WordPress
- WPForms version 1.9.8.1 ou plus récente pour accéder à l'extension n8n
- Un compte n8n (auto-hébergé ou sur le cloud n8n)
L'extension n8n est disponible exclusivement avec WPForms Pro et les niveaux de licence supérieurs, ce qui vous donne accès à des fonctionnalités d'automatisation des flux de travail qui peuvent transformer considérablement la façon dont vous traitez les soumissions de formulaires.
Créez votre formulaire Wordpress maintenant
Ce que vous pouvez faire avec l'intégration n8n
Pourquoi avez-vous besoin de ces outils pour commencer ? Voici pourquoi ! WPForms + n8n vous permet de ne plus être l'intermédiaire entre vos formulaires et tous vos autres outils. Voici quelques exemples de ce que vous pouvez faire avec :
- Ajoutez automatiquement de nouveaux prospects à votre CRM lorsque des formulaires sont soumis.
- Déclenchez des séquences d'e-mails dans votre plateforme marketing
- Créer des tâches dans les outils de gestion de projet
- Envoyer des notifications à Slack ou Microsoft Teams
- Stockez les données soumises dans Google Sheets ou dans des bases de données.
- Créez des automatisations personnalisées en plusieurs étapes sur des dizaines d'applications
Les possibilités sont pratiquement infinies. Et comme je l'ai dit, vous pouvez tout configurer via une interface visuelle sans écrire une seule ligne de code.
Étape 1 : Créez votre flux de travail dans n8n
Votre première tâche consiste à créer un flux de travail dans n8n qui recevra et traitera vos soumissions de formulaire. Considérez cela comme la mise en place de la « partie réceptrice » de votre automatisation.
Ajouter le nœud de déclenchement WPForms
Connectez-vous à votre tableau de bord n8n et lancez un nouveau flux de travail. Dans l'éditeur de flux de travail, vous verrez un canevas sur lequel vous pouvez ajouter différents nœuds. Ceux-ci sont comme les éléments constitutifs de votre automatisation.
Cliquez sur l'icône + (plus) pour ajouter votre premier nœud.
Dans le champ de recherche, tapez « WPForms » et sélectionnez l'option WPForms Trigger dans les résultats.
Si c'est la première fois que vous utilisez le nœud WPForms, vous devrez l'installer en cliquant sur le bouton Installer le nœud qui s'affiche.
Une fois installé, cliquez sur Ajouter au flux de travail pour ajouter le nœud WPForms Trigger à votre canevas de flux de travail.
Ce nœud servira de point d'entrée pour toutes les données provenant de vos formulaires WordPress.
Copiez l'URL de votre webhook
Après avoir ajouté le nœud WPForms Trigger, cliquez dessus pour ouvrir le panneau de configuration. Vous verrez plusieurs onglets et options, mais le plus important pour l'instant se trouve dans la section Paramètres.
Développez la section URL Webhook et ouvrez l'onglet URL de production. Cela révèle l'adresse Webhook unique que n8n a générée pour votre flux de travail.
Cliquez sur l'URL pour la copier dans votre presse-papiers. Vous en aurez besoin dans un instant, lorsque nous configurerons WPForms.
Gardez cet onglet ouvert pendant que vous passez à l'étape suivante.
Étape 2 : Configurer WPForms pour envoyer des données à n8n
Maintenant que n8n est prêt à recevoir des données, il est temps de configurer votre formulaire WordPress pour envoyer les soumissions à votre flux de travail.
Activer l'intégration n8n
Dans votre tableau de bord WordPress, accédez au générateur de formulaires WPForms. Vous pouvez soit créer un tout nouveau formulaire, soit ouvrir un formulaire existant que vous souhaitez connecter à n8n.
Une fois dans l'interface du générateur de formulaires, recherchez la section Marketing dans la barre latérale gauche et cliquez sur n8n. Vous verrez un bouton intitulé «Activer l'intégration n8n »: activez-le pour activer la connexion.
Entrez les détails de votre webhook
Après avoir activé l'intégration, plusieurs nouveaux champs de configuration apparaîtront.
Le premier champ qui s'affiche est celui de l'URL Webhook. Collez dans ce champ l'URL de production que vous avez copiée précédemment depuis n8n.
Au fait, il existe un lien utile « Tester la connexion » sur lequel vous pouvez cliquer pour vérifier que votre site WordPress peut communiquer correctement avec n8n. Il est utile de cliquer dessus pour détecter rapidement tout problème de connexion potentiel.
Échanger la clé secrète
La sécurité est importante lors de la connexion à des services externes, c'est pourquoi WPForms utilise une clé secrète pour authentifier les requêtes.
Cette clé secrète s'affiche dans les paramètres WPForms. Copiez-la, puis revenez à l'onglet n8n workflow.
Ensuite, dans les paramètres du nœud WPForms Trigger dans n8n, recherchez le champ Secret Key (Clé secrète) et collez la clé que vous venez de copier.
Cela garantit que seules les soumissions légitimes provenant de votre formulaire WordPress peuvent déclencher le flux de travail.
Activez votre flux de travail
Avant de quitter n8n, il vous reste une étape cruciale à accomplir : activer votre flux de travail.
Recherchez le commutateur Active dans le coin supérieur droit de l'interface n8n et activez-le.
Gardez à l'esprit que votre flux de travail doit inclure toutes les actions que vous souhaitez voir effectuées après la réception des données du formulaire.
Vous pouvez toujours revenir plus tard pour ajouter d'autres nœuds et étendre votre automatisation, mais assurez-vous que la structure de base est en place avant de l'activer.
Étape 3 : Choisissez quand déclencher votre flux de travail
De retour dans le générateur de formulaires WPForms, vous remarquerez un menu déroulant Trigger Event (Déclencher un événement). Cette fonctionnalité puissante vous permet de contrôler exactement quand votre flux de travail n8n doit s'exécuter.
Options de déclenchement disponibles
Vous avez le choix entre trois options d'événements déclencheurs :
- Le formulaire soumis déclenche votre flux de travail chaque fois qu'une personne remplit et soumet votre formulaire. Il s'agit du choix le plus courant, qui convient parfaitement aux formulaires de contact généraux, aux formulaires de génération de prospects et aux formulaires d'inscription.
- L'option « Entrée marquée comme spam » active votre flux de travail uniquement lorsqu'une soumission est signalée comme spam par le système de détection de spam de WPForms. Cela est utile si vous souhaitez enregistrer les tentatives de spam, avertir votre équipe de sécurité ou effectuer des vérifications supplémentaires.
- Payment Processed exécute votre flux de travail après qu'un paiement a été effectué avec succès via votre formulaire. Cette fonctionnalité est idéale pour les applications de commerce électronique, les formulaires de don ou tout autre formulaire acceptant les paiements via Stripe, PayPal ou d'autres passerelles de paiement.
Choisissez l'événement déclencheur qui correspond le mieux à vos objectifs d'automatisation.
Étape 4 : Cartographiez les champs de votre formulaire
La section « Field Mapping » (Mappage des champs) vous permet d'indiquer à n8n quelles informations recevoir à partir des soumissions de votre formulaire. Il s'agit d'une étape cruciale, car elle détermine les données auxquelles votre flux de travail peut accéder et qu'il peut traiter.
Comment fonctionne le mappage de terrain
Le mappage des champs associe vos champs WPForms à des clés de paramètres que n8n reconnaîtra. Sur le côté gauche, vous entrerez une clé de paramètre (il s'agit du libellé que n8n utilisera en interne). Sur le côté droit, vous sélectionnerez le champ du formulaire qui doit remplir ce paramètre.
Par exemple, si vous souhaitez saisir l'adresse e-mail d'une personne, vous pouvez entrer « e-mail » comme clé de paramètre, puis sélectionner votre champ E-mail dans le menu déroulant.
Si vous souhaitez saisir leur nom, vous devez entrer « nom » comme clé de paramètre et sélectionner votre champ Nom.
Ajout de plusieurs mappages
La plupart des formulaires collectent plusieurs informations, vous aurez donc généralement besoin de plusieurs mappages de champs. Après avoir configuré votre premier mappage, cliquez sur le bouton bleu + pour ajouter une autre ligne. Continuez à ajouter des mappages pour chaque donnée que vous souhaitez envoyer à n8n.
Les champs courants comprennent les adresses e-mail, les noms, les numéros de téléphone, les noms d'entreprise, le contenu des messages et tous les champs personnalisés spécifiques à votre formulaire.
Une fois que vous avez configuré tous vos mappages de champs, cliquez sur le bouton Enregistrer dans le générateur de formulaires pour conserver vos modifications.
Et c'est tout ! Vous voyez ? Je vous avais dit que si je pouvais le faire, vous le pouviez aussi.
Maintenant que vous avez connecté WPForms à n8n, vous disposez des bases nécessaires pour mettre en place une automatisation ultra-puissante de vos flux de travail. N'hésitez pas à découvrir nos autres extensions et intégrations n8n qui vous permettront de rationaliser davantage vos processus.
Créez votre formulaire Wordpress maintenant
FAQ À propos de n8n
Je sais que n8n peut sembler intimidant au premier abord. Mais ce n'est pas forcément le cas ! Consultez la liste des questions les plus fréquemment posées sur l'intégration de n8n et n'hésitez pas à nous contacter pour obtenir de l'aide.
Comment puis-je tester mon intégration n8n ?
Dans l'éditeur de flux de travail n8n, cliquez sur le bouton « Exécuter le flux de travail ». Ensuite, passez à votre site WordPress et envoyez une entrée test via votre formulaire. Remplissez tous les champs comme le ferait un utilisateur réel, puis cliquez sur « Envoyer ».
Revenez à n8n et vérifiez si le flux de travail a bien reçu les données. Les détails de la soumission devraient apparaître dans le journal d'exécution du flux de travail. Si tout semble correct, félicitations, votre intégration fonctionne !
Si les données ne s'affichent pas, vérifiez que l'URL de votre webhook est correcte, que votre clé secrète correspond et que votre flux de travail est activé.
Que se passe-t-il si je supprime accidentellement le nœud n8n ?
Si vous supprimez ou retirez accidentellement le nœud WPForms Trigger de votre flux de travail n8n, vos soumissions de formulaire ne déclencheront plus l'automatisation.
Pour résoudre ce problème, ajoutez simplement un nouveau nœud WPForms Trigger, copiez sa nouvelle URL de production et mettez à jour l'URL Webhook dans votre générateur de formulaires WPForms. N'oubliez pas de réactiver le flux de travail après avoir effectué ces modifications.
Puis-je créer des flux de travail complexes en plusieurs étapes ?
Oui ! La véritable puissance de n8n réside dans la possibilité d'enchaîner plusieurs actions. Une fois que votre nœud WPForms Trigger a reçu une soumission, vous pouvez ajouter des nœuds pour :
- Envoyer des données vers plusieurs destinations simultanément
- Appliquer une logique conditionnelle (scénarios « si/alors »)
- Transformez ou formatez les données avant de les envoyer ailleurs.
- Ajouter des délais entre les actions
- Créer des procédures de gestion des erreurs et de secours
Explorez la bibliothèque de nœuds n8n pour découvrir les centaines d'applications et de services que vous pouvez connecter à vos formulaires.
Ensuite, ajoutez un champ « en lecture seule » à votre formulaire en ligne.
Vous savez désormais comment déclencher l'ensemble d'un workflow n8n à partir des soumissions de vos formulaires en ligne. Félicitations ! Mais qu'en est-il des entrées de formulaire qui doivent rester inchangées ? Celles qui ne doivent vraiment pas être modifiées... Les noms d'utilisateur sur un formulaire d'inscription, par exemple.
Saviez-vous qu'un champ comme celui-ci (en fait, presque tous les champs de votre formulaire WordPress) peut être un champ « en lecture seule » ? Et c'est très facile à faire ! Découvrez ici les quelques étapes simples pour ajouter un champ « en lecture seule » à votre formulaire.
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.
