Optimisation de la gestion des Pull Requests avec Pipedrive
Ce workflow permet d'automatiser le suivi des Pull Requests GitHub en les intégrant directement dans Pipedrive. Lorsqu'...
Documentation Complète
📋 Optimisation des Soumissions Webflow vers Google Sheets
💡 Description
Ce workflow automatisé simplifie la gestion des données en transférant directement les soumissions de formulaires Webflow vers Google Sheets. Chaque entrée est enrichie d'une date de soumission, assurant une traçabilité précise et rapide. Cette solution est idéale pour les entreprises cherchant à centraliser leurs données de formulaire dans un format accessible et exploitable. La connexion fluide entre Webflow et Google Sheets réduit les erreurs manuelles et libère du temps pour se concentrer sur des tâches plus stratégiques.
📈 Impact & ROI: En intégrant ce workflow, les entreprises peuvent s'attendre à une réduction significative du temps passé à gérer les entrées de formulaire manuellement. Cela permet une allocation plus efficace des ressources humaines et améliore la précision des données, augmentant ainsi le potentiel de prise de décision basée sur les données.
🚀 Fonctionnalités Clés
- ✅ Transfert automatique des données de formulaire Webflow
- ✅ Ajout automatique de la date de soumission pour chaque entrée
- ✅ Mise à jour dynamique de Google Sheets, même sur des feuilles vides
- ✅ Réduction des erreurs manuelles grâce à l'automatisation
📊 Architecture Technique
7
Nodes
Nodes
2
Connexions
Connexions
2
Services
Services
🔌 Services Intégrés
WebflowGoogle Sheets
🔧 Composition du Workflow
| Node | Type | Description |
|---|---|---|
| Prepare Fields | code | Traitement des données |
| Sticky Note1 | stickyNote | Traitement des données |
| Sticky Note2 | stickyNote | Traitement des données |
| Sticky Note3 | stickyNote | Traitement des données |
| On Form Submission | webflowTrigger | Traitement des données |
| Append New Row | googleSheets | Traitement des données |
| Sticky Note4 | stickyNote | Traitement des données |
📖 Guide d'Implémentation
- Import du workflow: Téléchargez le fichier JSON et importez-le dans votre instance n8n
- Configuration des credentials: Configurez les accès pour chaque service utilisé
- Personnalisation: Adaptez les paramètres selon vos besoins spécifiques
- Test: Exécutez le workflow en mode test pour vérifier le bon fonctionnement
- Activation: Activez le workflow pour une exécution automatique
🏷️ Tags
Structure JSON
Voir le code JSON complet
{
"nodes": [
{
"id": "096a8e0c-8f72-40fb-aa1e-118fb33a3916",
"name": "Prepare Fields",
"type": "n8n-nodes-base.code",
"position": [
1740,
860
],
"parameters": {
"jsCode": "const formData = $input.all()[0].json.payload.data\nconst Date = $input.all()[0].json.payload.submittedAt || new Date()\n\nreturn {\n ...formData, \/\/ creates a new field for every element inside formData\n Date\n}\n\n \n"
},
"notesInFlow": false,
"typeVersion": 2
},
{
"id": "c98bb655-aa79-447f-897d-56ba9640073b",
"name": "Sticky Note1",
"type": "n8n-nodes-base.stickyNote",
"position": [
1660,
780
],
"parameters": {
"color": 2,
"width": 270,
"height": 250,
"content": "1 line of code to take the data object (adding date as a plus)"
},
"typeVersion": 1
},
{
"id": "05a27975-ac48-48db-9c82-c9658a8d14c2",
"name": "Sticky Note2",
"type": "n8n-nodes-base.stickyNote",
"position": [
1260,
640
],
"parameters": {
"color": 6,
"width": 267,
"height": 394,
"content": "Make sure to disable legacy API\n\n"
},
"typeVersion": 1
},
{
"id": "59d25f8e-bc9d-43ac-9c4b-3013f81c3e3d",
"name": "Sticky Note3",
"type": "n8n-nodes-base.stickyNote",
"position": [
2040,
760
],
"parameters": {
"color": 4,
"width": 270,
"height": 274,
"content": "Automatically create column names and append data (works even on empty sheets)"
},
"typeVersion": 1
},
{
"id": "33c45b7e-e696-4aed-9374-0b232bfd52f1",
"name": "On Form Submission",
"type": "n8n-nodes-base.webflowTrigger",
"position": [
1340,
860
],
"webhookId": "c3ef5b9f-88f6-40e6-bc54-067e421b059a",
"parameters": {
"site": "640cfc01791fc750653436fd"
},
"credentials": {
"webflowOAuth2Api": {
"id": "a3UDqxewt1XM79VP",
"name": "Webflow account"
}
},
"typeVersion": 2
},
{
"id": "4ce0eeea-dd09-4d79-967e-210f2762d5c3",
"name": "Append New Row",
"type": "n8n-nodes-base.googleSheets",
"position": [
2120,
860
],
"parameters": {
"columns": {
"value": {
"Name": "={{ $json.data.Name }}",
"Email": "={{ $json.data.Email }}",
"Message": "={{ $json.data.Message }}"
},
"schema": [
{
"id": "Name",
"type": "string",
"display": true,
"required": false,
"displayName": "Name",
"defaultMatch": false,
"canBeUsedToMatch": true
},
{
"id": "Email",
"type": "string",
"display": true,
"required": false,
"displayName": "Email",
"defaultMatch": false,
"canBeUsedToMatch": true
},
{
"id": "Message",
"type": "string",
"display": true,
"required": false,
"displayName": "Message",
"defaultMatch": false,
"canBeUsedToMatch": true
},
{
"id": "data",
"type": "string",
"display": true,
"removed": true,
"required": false,
"displayName": "data",
"defaultMatch": false,
"canBeUsedToMatch": true
}
],
"mappingMode": "autoMapInputData",
"matchingColumns": []
},
"options": [],
"operation": "append",
"sheetName": {
"__rl": true,
"mode": "list",
"value": "gid=0",
"cachedResultUrl": "https:\/\/docs.google.com\/spreadsheets\/d\/1gLJ5I4ZJ9FQHJH56lunUKnHUBUsIms9PciIkJYi8SJE\/edit#gid=0",
"cachedResultName": "Sheet1"
},
"documentId": {
"__rl": true,
"mode": "list",
"value": "1gLJ5I4ZJ9FQHJH56lunUKnHUBUsIms9PciIkJYi8SJE",
"cachedResultUrl": "https:\/\/docs.google.com\/spreadsheets\/d\/1gLJ5I4ZJ9FQHJH56lunUKnHUBUsIms9PciIkJYi8SJE\/edit?usp=drivesdk",
"cachedResultName": "Automation test"
}
},
"credentials": {
"googleSheetsOAuth2Api": {
"id": "QkZbOZMXiUKxATjx",
"name": "Google Sheets account 2"
}
},
"typeVersion": 4.5
},
{
"id": "01a09112-930c-493a-b16c-660e4dc3d272",
"name": "Sticky Note4",
"type": "n8n-nodes-base.stickyNote",
"position": [
260,
160
],
"parameters": {
"color": 7,
"width": 520,
"height": 1680,
"content": "## Self-hosted N8N users only:\n\n### How to get Client ID and Client Secret\n\n- From your Webflow dashboard go to \"Apps & Integrations\"\n\n\n- Look for \"App development\" and click \"Create an App\"\n\n\n- Fill the fields and click \"Continue\"\n\n\n- Inside \"Building blocks\" enable REST API, insert your \"Redirect URL\" from N8N, enable form access and click \"Create App\"\n\n\n\n- Copy and paste Client ID and Client Secret to N8N and connect\n\n\n"
},
"typeVersion": 1
}
],
"pinData": [],
"connections": {
"Prepare Fields": {
"main": [
[
{
"node": "Append New Row",
"type": "main",
"index": 0
}
]
]
},
"On Form Submission": {
"main": [
[
{
"node": "Prepare Fields",
"type": "main",
"index": 0
}
]
]
}
}
}
Workflows Similaires
Synchronisation Automatisée des Événements Discord et Google Calendar
Ce workflow puissant automatise la synchronisation des événements programmés sur Discord avec Google Calendar, garant...
Automatisez les commandes Squarespace vers Google Sheets
Ce workflow automatise le processus de récupération des commandes de Squarespace et leur enregistrement dans Google Sh...