INTÉGRATION WEBFLOW n8n : AUTOMATISER WEBFLOW AVEC N8N
INTÉGRATION WEBFLOW N8N : AUTOMATISER WEBFLOW AVEC N8N
Besoin d'aide pour automatiser Webflow avec n8n ?
Notre équipe vous répond en quelques minutes.
Why automate Webflow with n8n?
L'intégration Webflow n8n met à votre disposition 8 triggers pour surveiller en temps réel les événements de votre site (soumissions de formulaires, nouvelles commandes, modifications de collections...) et 5 actions pour manipuler vos données directement depuis vos workflows. Cette combinaison vous permet de créer des automatisations complètes qui réagissent instantanément à ce qui se passe sur votre site.
Gain de temps considérable : plus besoin de copier-coller manuellement les soumissions de formulaires dans votre CRM ou de mettre à jour vos collections à la main. Réactivité améliorée : déclenchez des actions instantanées dès qu'un visiteur soumet un formulaire, qu'une commande est passée, ou qu'un item de collection est modifié. Zéro oubli : les triggers surveillent votre site 24h/24. Chaque événement déclenche immédiatement le workflow configuré, garantissant qu'aucune donnée ne passe entre les mailles du filet.
Voici quelques exemples concrets de workflows que vous pouvez créer : synchroniser automatiquement les leads Webflow Forms vers HubSpot ou Pipedrive, envoyer une notification Slack à chaque nouvelle commande e-commerce, mettre à jour votre inventaire Webflow depuis Google Sheets, ou encore créer automatiquement des items dans vos collections à partir de données externes. Résultat : vous économisez des heures de travail manuel chaque semaine tout en éliminant les erreurs humaines.
How to connect Webflow to n8n?
! 1 stepHow to connect Webflow to n8n?
- 01
Add the node
Search and add the node in your workflow.
TIP💡 TIPS : Créez un credential dédié pour chaque projet Webflow important plutôt qu'un seul credential global. Cela vous permettra de mieux gérer les permissions et de révoquer l'accès à un projet spécifique sans impacter les autres automatisations.- 01
Besoin d'aide pour automatiser Webflow avec n8n ?
Notre équipe vous répond en quelques minutes.
Webflow triggers available in n8n
01 Trigger 01Collection Item Deleted
Ce trigger surveille vos collections Webflow et déclenche automatiquement votre workflow dès qu'un item est supprimé. C'est particulièrement utile pour maintenir la cohérence de vos données à travers plusieurs systèmes. Quand quelqu'un supprime un article de blog ou un produit dans Webflow, vous pouvez instantanément répercuter cette suppression ailleurs.
Configuration du trigger :
- Credential to connect with : Sélectionnez votre compte Webflow dans le menu déroulant. Ce paramètre est requis pour authentifier la connexion.
- Site Name or ID : Indiquez le nom ou l'identifiant unique du site Webflow à surveiller. Ce champ texte est requis.
- Event : L'événement "Collection Item Deleted" est présélectionné et déclenche le workflow à chaque suppression d'item.
Cas d'usage typiques :
- Supprimer automatiquement l'entrée correspondante dans Airtable ou Notion quand un item Webflow est supprimé
- Envoyer une notification à l'équipe éditoriale quand un article est retiré
- Archiver les données supprimées dans Google Sheets pour garder un historique
- Déclencher un nettoyage de cache CDN après suppression de contenu
Quand l'utiliser : Ce trigger est idéal pour les équipes qui gèrent leur contenu dans Webflow tout en synchronisant leurs données avec d'autres outils. Il garantit que vos systèmes restent alignés même lors de suppressions.
02 Trigger 02Collection Item Created
Ce trigger se déclenche instantanément dès qu'un nouvel item est ajouté à l'une de vos collections Webflow. C'est le point de départ idéal pour automatiser la distribution de votre contenu fraîchement créé vers d'autres plateformes.
Configuration du trigger :
- Credential to connect with : Choisissez votre compte Webflow depuis le menu déroulant. Ce paramètre est requis.
- Site Name or ID : Entrez le nom ou l'ID du site Webflow à surveiller. Ce champ texte est requis pour cibler le bon site.
- Event : L'événement "Collection Item Created" détecte chaque nouvel item ajouté à vos collections.
Cas d'usage typiques :
- Partager automatiquement les nouveaux articles de blog sur les réseaux sociaux (Twitter, LinkedIn, Facebook)
- Créer une tâche dans Asana ou Monday.com pour révision éditoriale de chaque nouveau contenu
- Ajouter les nouveaux produits dans votre outil d'email marketing pour les campagnes
- Synchroniser les nouvelles entrées vers une base Notion pour reporting
Quand l'utiliser : Parfait pour les workflows de publication de contenu. Dès qu'un rédacteur ajoute un article dans le CMS Webflow, toute votre chaîne de distribution se met en marche automatiquement.
03 Trigger 03Ecomm New Order
Ce trigger surveille votre boutique Webflow Ecommerce et se déclenche à chaque nouvelle commande passée par un client. C'est le déclencheur essentiel pour automatiser tout votre processus post-achat.
Configuration du trigger :
- Credential to connect with : Sélectionnez votre credential Webflow dans le menu déroulant. Requis pour l'authentification.
- Site Name or ID : Spécifiez le site e-commerce Webflow à surveiller. Ce paramètre est optionnel — si vous n'avez qu'un site, vous pouvez le laisser vide.
- Event : L'événement "Ecomm New Order" capture chaque nouvelle commande validée.
Cas d'usage typiques :
- Envoyer un message de confirmation personnalisé via Twilio SMS ou WhatsApp
- Créer automatiquement une fiche client dans votre CRM (HubSpot, Pipedrive, Salesforce)
- Ajouter la commande dans un Google Sheet pour suivi comptable
- Déclencher l'envoi des informations vers votre outil de logistique ou ERP
Quand l'utiliser : Indispensable pour tout site e-commerce Webflow. Ce trigger est la base de votre automatisation post-achat et vous permet d'offrir une expérience client réactive sans intervention manuelle.
04 Trigger 04Site Publish
Ce trigger se déclenche chaque fois que vous publiez votre site Webflow. Il permet d'automatiser toutes les actions nécessaires après une mise en production : notifications, invalidation de cache, mises à jour de documentation...
Configuration du trigger :
- Credential to connect with : Choisissez votre compte Webflow authentifié. Ce paramètre est requis.
- Site Name or ID : Indiquez le site à surveiller. Ce champ est optionnel et peut être laissé vide pour cibler un site par défaut.
- Event : L'événement "Site Publish" détecte chaque publication du site.
Cas d'usage typiques :
- Notifier l'équipe sur Slack ou Teams que le site vient d'être mis à jour
- Invalider automatiquement le cache Cloudflare ou autre CDN
- Mettre à jour un changelog ou une page de versions
- Déclencher des tests automatisés post-déploiement
Quand l'utiliser : Idéal pour les équipes qui veulent garder tout le monde informé des mises en production et automatiser les tâches techniques post-publication.
05 Trigger 05Collection Item Updated
Ce trigger détecte les modifications apportées aux items existants dans vos collections Webflow. Il se déclenche dès qu'un champ est modifié, permettant de propager instantanément les changements vers vos autres systèmes.
Configuration du trigger :
- Credential to connect with : Sélectionnez votre credential Webflow. Requis pour établir la connexion.
- Site Name or ID : Entrez le nom ou l'ID de votre site Webflow. Ce champ texte est requis.
- Event : L'événement "Collection Item Updated" capture chaque modification d'item.
Cas d'usage typiques :
- Synchroniser les mises à jour de prix ou de stock vers votre ERP
- Mettre à jour automatiquement les fiches produits dans Google Merchant Center
- Propager les corrections de contenu vers vos systèmes de traduction
- Déclencher une re-génération de sitemap ou de flux RSS
Quand l'utiliser : Essentiel pour maintenir la cohérence de vos données quand vous utilisez Webflow comme source de vérité pour votre contenu ou vos produits.
06 Trigger 06Form Submission
Ce trigger capture les soumissions de formulaires Webflow en temps réel. Chaque fois qu'un visiteur remplit et envoie un formulaire sur votre site, le workflow se déclenche instantanément avec toutes les données du formulaire.
Configuration du trigger :
- Credential to connect with : Choisissez votre compte Webflow depuis le menu déroulant. Requis.
- Site Name or ID : Spécifiez le site Webflow où se trouve le formulaire. Ce champ texte est requis.
- Event : L'événement "Form Submission" détecte chaque soumission de formulaire.
Cas d'usage typiques :
- Ajouter automatiquement les leads dans votre CRM (HubSpot, Pipedrive, Salesforce)
- Envoyer un email de bienvenue personnalisé via Mailchimp ou SendGrid
- Créer une tâche de suivi dans Notion ou Asana pour l'équipe commerciale
- Enrichir les données du contact avec Clearbit avant de les stocker
Quand l'utiliser : C'est probablement le trigger Webflow le plus utilisé. Il remplace avantageusement les intégrations natives de Webflow Forms et vous donne un contrôle total sur le traitement de vos leads.
07 Trigger 07Ecomm Inventory Changed
Ce trigger surveille les changements de stock dans votre boutique Webflow Ecommerce. Il se déclenche dès qu'un niveau d'inventaire est modifié, que ce soit après une vente ou une mise à jour manuelle.
Configuration du trigger :
- Credential to connect with : Sélectionnez votre credential Webflow. Requis pour l'authentification.
- Site Name or ID : Indiquez le site e-commerce à surveiller. Ce paramètre est optionnel.
- Event : L'événement "Ecomm Inventory Changed" détecte chaque variation de stock.
Cas d'usage typiques :
- Alerter l'équipe quand un produit passe sous un seuil de stock critique
- Synchroniser les niveaux de stock avec un système de gestion d'inventaire externe
- Mettre à jour automatiquement les disponibilités sur les marketplaces (Amazon, eBay)
- Déclencher des commandes fournisseurs automatiques en cas de rupture imminente
Quand l'utiliser : Crucial pour les e-commerçants qui vendent sur plusieurs canaux ou qui veulent éviter les ruptures de stock en étant alertés en temps réel.
08 Trigger 08Ecomm Order Changed
Ce trigger détecte les modifications apportées aux commandes existantes dans votre boutique Webflow Ecommerce : changements de statut, mises à jour d'adresse, modifications de paiement...
Configuration du trigger :
- Credential to connect with : Choisissez votre compte Webflow. Requis.
- Site Name or ID : Spécifiez le site e-commerce à surveiller. Ce champ est requis.
- Event : L'événement "Ecomm Order Changed" capture chaque modification de commande.
Cas d'usage typiques :
- Notifier le client par email ou SMS quand sa commande passe en "expédiée"
- Mettre à jour le statut de commande dans votre ERP ou outil de comptabilité
- Déclencher l'envoi du numéro de suivi au client
- Alerter l'équipe support en cas d'annulation ou de problème de paiement
Quand l'utiliser : Indispensable pour automatiser le suivi de commandes et garder vos clients informés à chaque étape de leur achat.
Webflow actions available in n8n
01 Action 01Get many items
Cette action récupère plusieurs items d'une collection Webflow en une seule requête. Elle est idéale pour synchroniser des données en masse ou alimenter d'autres systèmes avec le contenu de vos collections.
Paramètres clés :
- Site Name or ID : Nom ou identifiant du site Webflow ciblé. Champ texte, optionnel.
- Collection Name or ID : Collection dont vous souhaitez extraire les items. Champ texte, optionnel.
- Return All : Interrupteur on/off pour récupérer tous les items sans limite. Optionnel.
- Limit : Nombre maximum d'items à récupérer (par défaut : 100). Champ numérique, optionnel.
Cas d'usage :
- Exporter tous vos articles de blog vers un Google Sheet pour analyse
- Synchroniser votre catalogue produits avec une base Airtable
- Alimenter un outil de traduction avec le contenu de vos collections
02 Action 02Create an item
Cette action crée un nouvel item dans une collection Webflow directement depuis votre workflow n8n. Parfait pour alimenter votre CMS Webflow avec des données provenant d'autres sources.
Paramètres clés :
- Site Name or ID : Site Webflow où créer l'item. Champ texte, requis.
- Collection Name or ID : Collection cible pour le nouvel item. Champ texte, requis.
- Live : Interrupteur pour publier immédiatement l'item ou le garder en brouillon. Optionnel.
- Fields : Champs personnalisés de l'item à renseigner (titre, contenu, images...).
Cas d'usage :
- Créer automatiquement des fiches produits depuis un fichier CSV
- Publier des articles de blog générés par IA directement dans Webflow
- Ajouter des témoignages clients depuis un formulaire Typeform
03 Action 03Update an item
Cette action met à jour un item existant dans une collection Webflow. Elle permet de modifier n'importe quel champ d'un item identifié par son ID unique.
Paramètres clés :
- Site Name or ID : Site Webflow contenant l'item. Champ texte, requis.
- Collection Name or ID : Collection contenant l'item à modifier. Champ texte, requis.
- Item ID : Identifiant unique de l'item à mettre à jour. Champ texte, requis.
- Live : Publier immédiatement les modifications ou les garder en brouillon. Optionnel.
- Fields : Champs à modifier avec leurs nouvelles valeurs.
Cas d'usage :
- Mettre à jour les prix de vos produits depuis un ERP
- Modifier le statut d'articles (publié, archivé, mis en avant)
- Synchroniser les traductions depuis un outil comme Lokalise
04 Action 04Get an item
Cette action récupère un item spécifique d'une collection Webflow en utilisant son identifiant unique. Utile pour vérifier des données ou enrichir un workflow avec les informations d'un item précis.
Paramètres clés :
- Site Name or ID : Site Webflow source. Champ texte, requis.
- Collection Name or ID : Collection contenant l'item recherché. Champ texte, requis.
- Item ID : Identifiant unique de l'item à récupérer. Champ texte, requis.
Cas d'usage :
- Récupérer les détails d'un produit pour enrichir une notification de commande
- Vérifier le contenu actuel d'un item avant de le modifier
- Obtenir les métadonnées d'un article pour le partage sur les réseaux sociaux
05 Action 05Delete an item
Cette action supprime définitivement un item d'une collection Webflow. À utiliser avec précaution car la suppression est irréversible.
Paramètres clés :
- Site Name or ID : Site Webflow concerné. Champ texte, requis.
- Collection Name or ID : Collection contenant l'item à supprimer. Champ texte, requis.
- Item ID : Identifiant unique de l'item à supprimer. Champ texte, requis.
Cas d'usage :
- Nettoyer automatiquement les items expirés (offres d'emploi, événements passés)
- Supprimer les produits en rupture définitive
- Retirer les contenus signalés comme inappropriés après validation
Construis ton premier workflow avec notre équipe
Laisse ton email et on t'envoie le catalogue d'automatisations à shipper aujourd'hui.
- Scénarios n8n & Make gratuits à importer
- Docs de setup pas à pas
- Cohorte live + support communauté
Questions fréquentes
L'intégration Webflow n8n est-elle gratuite ?
L'intégration Webflow est incluse nativement dans n8n, que vous utilisiez la version self-hosted gratuite ou n8n Cloud. Vous n'avez pas de coût supplémentaire côté n8n pour connecter Webflow. Cependant, côté Webflow, certaines fonctionnalités comme les webhooks (nécessaires pour les triggers) requièrent un plan Site payant. Les plans Webflow gratuits ne supportent pas les webhooks, ce qui limite l'utilisation des triggers. Pour les actions (lecture/écriture dans les collections), un accès API est nécessaire, également disponible sur les plans payants.Quelles données puis-je synchroniser entre Webflow et n8n ?
Vous pouvez synchroniser pratiquement toutes les données de votre site Webflow. Côté collections CMS, vous avez accès en lecture et écriture à tous vos items (articles, produits, témoignages, équipe...) avec tous leurs champs personnalisés. Côté e-commerce, les triggers vous donnent accès aux commandes, aux changements de stock et aux événements associés. Les formulaires Webflow transmettent toutes les données soumises par vos visiteurs. Vous pouvez également détecter les publications de site. En revanche, certains éléments comme les paramètres de design ou les interactions ne sont pas accessibles via l'API.Combien de temps prend la configuration de l'intégration Webflow n8n ?
La configuration initiale prend généralement moins de 5 minutes. L'authentification OAuth2 se fait en quelques clics : vous autorisez n8n à accéder à votre compte Webflow, sélectionnez les sites concernés, et c'est terminé. Ensuite, créer un premier workflow simple (par exemple : soumission de formulaire → ajout dans Google Sheets) prend environ 10-15 minutes si vous découvrez n8n. Les workflows plus complexes avec plusieurs étapes et conditions peuvent prendre 30 minutes à une heure selon leur complexité. L'interface visuelle de n8n rend le processus très accessible même sans compétences techniques.
