Résumé IA
Moment de confession — Je ne suis pas vraiment très calé en technologie. (Si vous avez déjà reçu un e-mail de ma part, vous savez probablement déjà que c'est vrai...)
En tant que tel, j'avais l'habitude de passer beaucoup trop de temps à copier manuellement les soumissions de formulaires de mon blog WordPress dans d'autres outils. Chaque fois que quelqu'un remplissait un formulaire de contact, j'ouvrais mon CRM, je créais un nouveau prospect, puis je passais à ma plateforme d'e-mail pour l'ajouter là aussi. C'était vraiment une perte de temps et d'énergie.
C'est là qu'intervient n8n. C'est une plateforme d'automatisation de flux de travail open-source — similaire à Zapier ou Make, mais auto-hébergeable et plus flexible — qui connecte vos applications et déplace automatiquement les données entre elles. Et WPForms dispose d'une intégration intégrée pour cela.
Dans ce guide étape par étape, je vais vous montrer comment connecter WPForms à n8n afin que vos soumissions de formulaires soient automatiquement acheminées vers votre CRM, vos outils de marketing par e-mail, vos applications de gestion de projet et des milliers d'autres services. Aucun codage requis — si je peux configurer cela, n'importe qui peut le faire.
Connecter WPForms à n8n en 4 étapes
Ce dont vous aurez besoin avant de commencer
Avant de plonger dans le processus de configuration, assurons-nous que vous avez tout préparé. Vous aurez besoin de :
- Une 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'addon n8n
- Un compte n8n (auto-hébergé ou n8n cloud)
L'addon n8n est disponible exclusivement avec les niveaux de licence WPForms Pro et supérieurs, ce qui vous donne accès à des capacités d'automatisation de flux de travail qui peuvent sérieusement transformer la façon dont vous gérez 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 cesser d'être l'intermédiaire entre vos formulaires et tous vos autres outils. Voici quelques exemples de ce que vous pouvez faire avec :
- Ajouter automatiquement de nouveaux prospects à votre CRM lors de la soumission des formulaires
- Déclencher des séquences d'e-mails dans votre plateforme marketing
- Créer des tâches dans des outils de gestion de projet
- Envoyer des notifications à Slack ou Microsoft Teams
- Stocker les données de soumission dans Google Sheets ou des bases de données
- Créer des automatisations multi-étapes personnalisées 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.
Comment n8n se compare aux autres outils d'automatisation
Si vous vous demandez comment n8n se compare aux autres options populaires, voici un bref aperçu :
| n8n | Zapier | Make | |
| Coût | Plans gratuits (auto-hébergés) ou payants dans le cloud | Version gratuite ; les forfaits payants commencent à 19,99 $/mois | Version gratuite ; les forfaits payants commencent à 10,59 $/mois |
| Auto-hébergement | Oui — contrôle total de vos données | Non | Non |
| Connexion WPForms | Module complémentaire intégré (Pro+) | Module complémentaire WPForms Zapier (Pro+) | Via des webhooks |
| Constructeur de flux visuel | Oui — canevas basé sur des nœuds | Oui — constructeur de zap linéaire | Oui — éditeur de scénario visuel |
| Plafond de complexité | Élevé — prend en charge les embranchements, les boucles, les nœuds de code, l'IA | Moyen — idéal pour les automatisations simples d'un point A à un point B | Élevé — puissant pour les flux complexes en plusieurs étapes |
| Meilleur pour | Utilisateurs souhaitant un contrôle et une flexibilité maximums | Utilisateurs non techniques souhaitant une configuration la plus rapide | Penseurs visuels créant des automatisations complexes |
Les trois fonctionnent avec WPForms, le bon choix dépend donc de votre configuration. Si vous souhaitez une flexibilité maximale et la possibilité d'auto-héberger, n8n est difficile à battre. Si vous souhaitez quelque chose de plus simple et que cela ne vous dérange pas de payer par tâche, Zapier est le plus adapté aux débutants. Make se situe quelque part entre les deux.
Étape 1 : Créez votre flux de travail dans n8n
Votre première tâche consiste à créer un workflow dans n8n qui recevra et traitera les soumissions de votre formulaire. Considérez cela comme la mise en place de la « partie réception » de votre automatisation.
Ajouter le nœud Déclencheur WPForms
Connectez-vous à votre tableau de bord n8n et démarrez un nouveau workflow. Dans l'éditeur de workflow, vous verrez un canevas où vous pouvez ajouter différents nœuds. Ce 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 Déclencheur WPForms 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 apparaît.
Une fois installé, cliquez sur Ajouter au workflow pour ajouter le nœud Déclencheur WPForms à votre canevas de workflow.
Ce nœud servira de point d'entrée pour toutes les données provenant de vos formulaires WordPress.
Copier votre URL de webhook
Après avoir ajouté le nœud Déclencheur WPForms, cliquez dessus pour ouvrir le panneau de configuration. Vous verrez plusieurs onglets et options, mais le plus important pour le moment se trouve dans la section Paramètres.
Développez la section Webhooks et ouvrez l'onglet URL de production. Cela révèle l'adresse unique du webhook que n8n a générée pour votre workflow.
Cliquez sur l'URL pour la copier dans votre presse-papiers — vous en aurez besoin dans un instant lorsque nous configurerons la partie WPForms.
Laissez cet onglet de navigateur ouvert pendant que vous passez à l'étape suivante.
Étape 2 : Configurez 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 workflow.
Activer l'intégration n8n
Dans votre tableau de bord WordPress, accédez au constructeur 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 constructeur de formulaires, recherchez la section Marketing dans la barre latérale gauche et cliquez sur n8n. Vous verrez un interrupteur intitulé « Activer l'intégration n8n » — activez-le pour établir 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 que vous verrez est celui de l'URL du webhook. Collez l'URL de production que vous avez copiée précédemment depuis n8n dans ce champ.
Soit dit en passant, il existe un lien utile « Tester la connexion » sur lequel vous pouvez cliquer pour vérifier que votre site WordPress peut communiquer avec succès avec n8n. Cela vaut la peine de cliquer dessus pour détecter tout problème de connexion potentiel dès le début.
Échangez la clé secrète
La sécurité est importante lors de la connexion de services externes, c'est pourquoi WPForms utilise une clé secrète pour authentifier les requêtes.
Vous verrez cette Clé secrète affichée dans les paramètres de WPForms. Copiez-la, puis revenez à votre onglet de workflow n8n.
Ensuite, de retour dans les paramètres du nœud Déclencheur de WPForms dans n8n, trouvez le champ Clé secrète et collez la clé que vous venez de copier.
Cela garantit que seules les soumissions légitimes de votre formulaire WordPress peuvent déclencher le workflow.
Activez votre workflow
Avant de quitter n8n, il y a une étape cruciale : activer votre workflow.
Recherchez l'interrupteur Actif dans le coin supérieur droit de l'interface n8n et activez-le.
Gardez à l'esprit que votre workflow doit être complet avec toutes les actions que vous souhaitez effectuer après la réception des données du formulaire.
Vous pouvez toujours revenir plus tard pour ajouter d'autres nœuds et développer votre automatisation, mais assurez-vous que la structure de base est en place avant d'activer.
Étape 3 : Choisissez quand déclencher votre flux de travail
De retour dans le constructeur de formulaires WPForms, vous remarquerez un menu déroulant Événement déclencheur. Cette fonctionnalité puissante vous permet de contrôler exactement quand votre workflow n8n doit s'exécuter.
Options de déclenchement disponibles
Vous avez trois options d'événement déclencheur parmi lesquelles choisir :
- Formulaire soumis déclenche votre flux de travail chaque fois que quelqu'un remplit et soumet votre formulaire. C'est le choix le plus courant et il fonctionne bien pour les formulaires de contact généraux, les formulaires de génération de prospects et les formulaires d'inscription.
- Entrée marquée comme spam active votre flux de travail uniquement lorsqu'une soumission est signalée comme spam par la détection de spam de WPForms. Ceci est utile si vous souhaitez enregistrer les tentatives de spam, informer votre équipe de sécurité ou effectuer des vérifications de vérification supplémentaires.
- Paiement traité exécute votre flux de travail après qu'un paiement a été effectué avec succès via votre formulaire. Ceci est idéal pour les applications de commerce électronique, les formulaires de dons ou tout formulaire qui accepte des 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 : Mappez vos champs de formulaire
La section Mappage des champs est l'endroit où vous indiquez à n8n quelles informations recevoir des soumissions de votre formulaire. C'est une étape cruciale car elle détermine quelles données votre flux de travail peut accéder et traiter.
Comment fonctionne le mappage des champs
Le mappage des champs associe vos champs WPForms à des clés de paramètre que n8n reconnaîtra. Sur le côté gauche, vous entrerez une clé de paramètre (c'est l'étiquette que n8n utilisera en interne). Sur le côté droit, vous sélectionnerez quel champ du formulaire doit remplir ce paramètre.
Par exemple, si vous souhaitez capturer l'adresse e-mail de quelqu'un, vous pourriez entrer « email » comme clé de paramètre, puis sélectionner votre champ E-mail dans le menu déroulant.
Si vous souhaitez capturer son nom, vous entreriez « name » comme clé de paramètre et sélectionneriez 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 d'ajouter des mappages pour chaque donnée que vous souhaitez envoyer à n8n.
Les mappages de champs courants incluent 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 constructeur de formulaire pour préserver vos modifications.
Et voilà ! Vous voyez ? Je vous avais dit que si je peux le faire, vous pouvez le faire aussi.
Et maintenant que vous avez connecté avec succès WPForms à n8n, vous avez la base d'une automatisation de flux de travail ultra-puissante. Pensez à explorer nos autres modules complémentaires et intégrations n8n qui peuvent rationaliser davantage vos processus.
Créez votre formulaire WordPress maintenant
FAQ sur n8n
Je sais que n8n peut sembler intimidant au début. Mais il ne faut pas que ce soit le cas ! Consultez la liste des questions les plus fréquemment posées sur l'intégration n8n, et n'hésitez pas à nous contacter pour plus d'assistance.
Comment puis-je tester mon intégration n8n ?
Dans l'éditeur de workflow n8n, cliquez sur le bouton « Exécuter le workflow ». Ensuite, basculez vers votre site WordPress et soumettez une entrée de test via votre formulaire. Remplissez tous les champs comme le ferait un utilisateur réel, puis soumettez.
Revenez à n8n et vérifiez si le workflow a bien reçu les données. Vous devriez voir les détails de la soumission apparaître dans le journal d'exécution du workflow. Si tout semble correct, félicitations — votre intégration fonctionne !
Si vous ne voyez pas les données apparaître, vérifiez que votre URL de webhook est correcte, que votre clé secrète correspond et que votre workflow 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 workflow 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 du webhook dans votre constructeur de formulaire WPForms. N'oubliez pas de réactiver le workflow après avoir effectué ces modifications.
Puis-je créer des workflows complexes en plusieurs étapes ?
Oui ! La véritable puissance de n8n réside dans l'enchaînement de plusieurs actions. Après 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)
- Transformer ou formater 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 repli
Explorez la bibliothèque de nœuds de n8n pour découvrir les centaines d'applications et de services que vous pouvez connecter à vos formulaires.
n8n est-il gratuit à utiliser ?
n8n est gratuit si vous l'hébergez vous-même sur votre propre serveur. Si vous préférez ne pas gérer l'hébergement, n8n propose également des plans cloud avec des tarifs basés sur les exécutions de workflow. Dans tous les cas, l'intégration WPForms n8n elle-même est incluse avec votre licence WPForms Pro (ou supérieure) sans frais supplémentaires.
Quelle est la différence entre utiliser n8n et Zapier avec WPForms ?
n8n et Zapier vous permettent d'automatiser ce qui se passe après une soumission de formulaire — comme ajouter un prospect à votre CRM ou déclencher une séquence d'e-mails.
Les principales différences résident dans le coût et le contrôle. n8n peut être auto-hébergé gratuitement et vous offre plus de flexibilité pour des workflows complexes en plusieurs étapes. Zapier est uniquement cloud et facture en fonction du nombre de tâches que vous exécutez, mais il est plus rapide à configurer et possède une interface plus simple. WPForms dispose de modules complémentaires intégrés pour les deux, vous pouvez donc choisir celui qui correspond le mieux à vos besoins.
Ai-je besoin de compétences en codage pour connecter WPForms à n8n ?
Pas du tout. Toute la configuration se fait en point-and-click — vous copierez une URL de webhook, la collerez dans WPForms, et mapperez vos champs de formulaire à l'aide de menus déroulants. n8n prend en charge les nœuds de code personnalisé pour les utilisateurs avancés, mais vous n'en aurez pas besoin pour une intégration WPForms standard.
Quel niveau de licence WPForms me faut-il pour n8n ?
Vous aurez besoin de WPForms Pro ou supérieur, et votre site doit exécuter WPForms version 1.9.8.1 ou plus récente. Le module complémentaire n8n est inclus avec votre licence Pro sans frais supplémentaires.
Puis-je connecter plusieurs formulaires à différents workflows n8n ?
Oui. Chaque formulaire peut avoir sa propre connexion n8n avec une URL de webhook unique, vous permettant ainsi de router différents formulaires vers des flux de travail complètement distincts. Par exemple, votre formulaire de contact pourrait alimenter votre CRM tandis que votre formulaire de commande déclencherait un processus de traitement.
Ensuite, ajoutez un champ « lecture seule » à votre formulaire en ligne
Vous savez maintenant comment déclencher un flux de travail n8n complet à partir des soumissions de votre formulaire en ligne. Félicitations ! Mais qu’en est-il des entrées de formulaire qui doivent être intouchables ? Celles qui ne devraient vraiment aller nulle part… Les noms d’utilisateur sur un formulaire d’inscription, par exemple.
Saviez-vous qu’un champ comme celui-ci — eh bien, presque tous les champs de votre formulaire WordPress — peut être un champ « lecture seule » ? Et c’est très facile à faire ! Découvrez les quelques étapes simples pour ajouter un champ « lecture seule » à votre formulaire ici.
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.
