n8n Addon

L'addon n8n est une fonctionnalité Pro

Débloquez n8n Addon et d'autres fonctionnalités puissantes pour développer votre activité.

Obtenir WPForms Pro

Souhaitez-vous connecter WPForms avec n8n pour automatiser vos flux de travail ? L'addon n8n vous permet d'envoyer les entrées de vos formulaires à des milliers d'applications en utilisant le constructeur d'automatisation de n8n, afin que vous puissiez créer des flux de travail puissants en quelques clics.

Dans ce tutoriel, nous allons vous montrer comment installer et utiliser l'addon n8n avec WPForms.

Exigences :

  • Vous aurez besoin d'une licence Pro ou supérieure pour accéder à l'addon n8n.
  • Assurez-vous d'avoir installé WPForms version 1.9.8.1 ou supérieure afin de respecter la version minimale requise pour l'addon n8n.
  • Vous avez une instance n8n auto-hébergée qui fonctionne

Avant de commencer, assurez-vous que WPForms est installé et activé sur votre site WordPress.

Installation du nœud communautaire WPForms dans n8n

Note : Les nœuds communautaires sont pris en charge dans les versions auto-hébergées de n8n. Si vous utilisez n8n Cloud, vous pouvez toujours les installer en contactant l'équipe d'assistance n8n.

Avant de continuer, assurez-vous que votre instance n8n auto-hébergée est installée et fonctionne. Si vous n'en avez pas encore installé une, consultez le guide d'installation officiel de n8n pour les instructions d'installation.

Pour connecter WPForms à n8n, vous devez d'abord installer le nœud communautaire WPForms dans votre instance locale de n8n.

Pour ce faire, ouvrez votre tableau de bord n8n et accédez à la page Paramètres en cliquant sur votre image de profil dans le coin inférieur gauche.

paramètres n8n

Ensuite, dans la page Paramètres, cliquez sur Nœuds de communauté dans la barre latérale gauche, puis cliquez sur le bouton Installer un nœud de communauté pour continuer.

Installer un bouton de nœud communautaire

Une fenêtre popup apparaîtra vous demandant d'entrer le nom du paquet npm. Dans le champ Nom du paquet npm champ, type n8n-nodes-wpforms.

entrer le nom du paquet npm

Cochez ensuite la case de confirmation "Je comprends les risques liés à l'installation d'un code non vérifié provenant d'une source publique", puis cliquez sur Installer.

Bouton d'installation

Une fois l'installation terminée, le nœud WPForms sera ajouté à votre instance n8n. Vous pourrez désormais l'utiliser dans n'importe quel flux de travail que vous créerez.

Création du flux de travail dans n8n

Après avoir installé le nœud WPForms, vous êtes prêt à créer votre flux de travail dans n8n et à le connecter à vos formulaires WPForms.

Dans l'éditeur de flux de travail, cliquez sur l'icône + pour ajouter le nœud WPForms Trigger. Cela ouvrira un panneau où vous pourrez rechercher les applications et les déclencheurs disponibles.

Cliquez sur + pour ajouter un nouveau nœud

Dans la barre de recherche, tapez "WPForms", puis sélectionnez le déclencheur WPForms dans la liste.

Ajouter un déclencheur WPForms

Ensuite, cliquez sur Add to workflow pour insérer le nœud WPForms Trigger dans votre flux de travail.

Ajouter un nœud au flux de travail

Une fois ajouté, la fenêtre WPForms Trigger node s'ouvre. Ici, vous configurerez la façon dont n8n se connecte à votre formulaire en copiant l'URL du webhook et en ajoutant plus tard la clé secrète de WPForms.

Sous l'onglet Paramètres, développez la section URL du Webhook, puis ouvrez l'onglet URL de production pour afficher l'adresse du Webhook en direct qui recevra les données du formulaire.

Cliquez sur l'URL affichée pour la copier.

Copier l'URL du webhook

Gardez cet onglet ouvert pour l'instant, car vous aurez besoin de cette URL de webhook lorsque vous établirez la connexion dans le constructeur de formulaires WPForms.

Connecter WPForms à n8n

Maintenant que votre workflow n8n est prêt à recevoir des données de formulaire, il est temps de configurer l'intégration dans WPForms.

Commencez par créer un nouveau formulaire ou par modifier un formulaire existant. Une fois que vous êtes dans le générateur de formulaires, allez dans Marketing " n8n et cliquez sur le bouton Activer l'intégration n8n pour l'activer.

Activer l'intégration du n8n

Une fois l'option activée, vous verrez apparaître de nouveaux paramètres pour votre connexion n8n.

Dans le champ Webhook URL, collez l'URL de production que vous avez copiée précédemment à partir du nœud WPForms Trigger dans n8n.

Coller l'URL du webhook

Vous pouvez cliquer sur le lien Tester la connexion pour confirmer que votre site peut se connecter avec succès à n8n.

Ensuite, copiez la clé secrète de WPForms.

Ensuite, retournez à votre nœud n8n et collez-la dans le champ Clé secrète de n8n.

Une fois cela fait, fermez la fenêtre WPForms Trigger et basculez le bouton Active dans le coin supérieur droit pour activer votre flux de travail.

Activer le flux de travail

Avant de l'activer, assurez-vous que votre flux de travail dans n8n est complet et qu'il comprend toutes les actions que vous souhaitez qu'il effectue. Vous pourrez toujours revenir plus tard pour ajouter ou ajuster des nœuds si nécessaire.

Configuration des événements déclencheurs

Maintenant que votre flux de travail dans n8n est actif, retournez dans le générateur de formulaires WPForms pour finir de configurer votre intégration afin de personnaliser comment et quand votre formulaire interagit avec n8n.

La liste déroulante Événement déclencheur dans le générateur de formulaires vous permet de décider quand déclencher le flux de travail. Vous pouvez choisir parmi les options suivantes :

  • Formulaire soumis - Exécute le flux de travail chaque fois qu'un utilisateur soumet votre formulaire.
  • Entrée marquée comme spam - Exécute le flux de travail lorsqu'une soumission est marquée comme spam.
  • Paiement traité - Exécute le flux de travail après qu'un paiement a été effectué avec succès.

Correspondance des champs

Sous les paramètres de l'événement déclencheur, vous trouverez la section Field Mapping. Vous pouvez y spécifier les données du formulaire à envoyer à n8n.

Pour ce faire, saisissez une clé de paramètre, c'est-à-dire l'étiquette que n8n utilisera pour identifier les données. Sélectionnez ensuite le champ de formulaire correspondant dans la liste déroulante située à côté.

Par exemple, pour envoyer l'adresse électronique de l'utilisateur, vous devez entrer email comme clé de paramètre et sélectionnez le champ Email de votre formulaire dans la liste.

Correspondance des champs n8n

Vous pouvez continuer à ajouter d'autres correspondances de champs en cliquant sur le bouton bleu +.

Lorsque vous avez terminé, n'oubliez pas de cliquer sur Enregistrer dans le générateur de formulaires pour appliquer vos modifications.

Une fois votre flux de travail entièrement configuré, nous vous recommandons de le tester avant de le mettre en ligne. Cliquez sur le bouton Exécuter le flux de travail dans l'éditeur n8n, puis soumettez une entrée test dans votre formulaire. Cela permet de vérifier que vos données sont reçues et traitées comme prévu.

Questions fréquemment posées

Voici quelques questions courantes sur l'utilisation de l'addon n8n avec WPForms.

Le nœud WPForms est-il disponible sur n8n Cloud ?

Les nœuds communautaires, y compris WPForms, sont principalement supportés par les versions auto-hébergées de n8n. Cela signifie que vous devrez installer et exécuter votre propre instance de n8n pour utiliser le nœud WPForms.

Cependant, si vous utilisez n8n Cloud, vous pouvez toujours installer des nœuds communautaires en contactant l'équipe d'assistance de n8n. Ils peuvent parfois activer les nœuds communautaires pour les utilisateurs de Cloud sur demande.

De plus, notre nœud communautaire WPForms est actuellement examiné par l'équipe n8n. Une fois approuvé, les utilisateurs du Cloud pourront l'installer sans assistance particulière.

Puis-je désactiver le stockage d'entrée lorsque j'utilise l'addon n8n ?

Si vous souhaitez empêcher WPForms de stocker les entrées de formulaire dans la base de données de votre site, allez dans Réglages " Général dans le générateur de formulaires, puis ouvrez la section Avancé et activez l'option Désactiver le stockage des informations d'entrée dans WordPress.

Désactivation de l'enregistrement des informations sur les entrées dans WordPress

Que se passe-t-il si je supprime le nœud WPForms dans n8n ?

Si le nœud WPForms de votre flux de travail n8n est supprimé ou retiré, les soumissions de formulaires ne déclencheront plus le flux de travail. Pour résoudre ce problème, ajoutez un nouveau nœud de déclenchement WPForms à votre flux de travail, copiez sa nouvelle URL de production et mettez à jour l'URL du Webhook dans votre générateur de formulaires WPForms. Une fois la mise à jour effectuée, réactivez le flux de travail dans n8n pour rétablir la connexion.

Voilà, c'est fait ! Vous avez réussi à connecter WPForms avec n8n.

Ensuite, vous voulez en savoir plus sur ce que vous pouvez faire avec les entrées de WPForms ? N'oubliez pas de consulter notre guide complet des entrées pour plus de détails sur toutes les options et outils disponibles.

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.