Workflow: Send Slack message from Webflow form submission
Integrations: code, if, set, slack, stickyNote, stopAndError, webflowTrigger

{"id": "pmJUJj7FAnrOS6Jc", "meta": {"instanceId": "workflow-abf717ff", "versionId": "1.0.0", "createdAt": "2025-09-29T07:07:43.861324", "updatedAt": "2025-09-29T07:07:43.861342", "owner": "n8n-user", "license": "MIT", "category": "automation", "status": "active", "priority": "high", "environment": "production"}, "name": "Send Slack message from Webflow form submission", "tags": ["automation", "n8n", "production-ready", "excellent", "optimized"], "nodes": [{"id": "5211fb49-254f-407a-9e23-9d4e1511e127", "name": "Does the channel exist?", "type": "n8n-nodes-base.if", "position": [1420, 360], "parameters": {"options": {}, "conditions": {"options": {"leftValue": "", "caseSensitive": true, "typeValidation": "strict"}, "combinator": "and", "conditions": [{"id": "b8fa7e94-ea10-40f0-ab0c-795620a5ee60", "operator": {"type": "object", "operation": "notEmpty", "singleValue": true}, "leftValue": "={{ $json.channel }}", "rightValue": ""}]}}, "typeVersion": 2, "notes": "This if node performs automated tasks as part of the workflow."}, {"id": "cf897863-3a2f-4cce-8664-d1a4f43a1b3b", "name": "Send slack message to channel", "type": "n8n-nodes-base.slack", "position": [2360, 340], "parameters": {"text": "=test", "select": "channel", "blocksUi": "={{ JSON.stringify($json.slackMessageBlock) }}", "channelId": {"__rl": true, "mode": "id", "value": "={{ $json.channel.id }}"}, "messageType": "block", "otherOptions": {}}, "credentials": {"slackApi": {"id": "st2Kcl1VITD4lWCE", "name": "Slack Bot OAuth Token"}}, "typeVersion": 2.1, "notes": "This slack node performs automated tasks as part of the workflow."}, {"id": "7c149cc3-cf17-4ca5-addc-2403c1009162", "name": "Create Slack channel with form name", "type": "n8n-nodes-base.slack", "position": [1660, 540], "parameters": {"resource": "channel", "channelId": "={{ $json.formName }}"}, "credentials": {"slackApi": {"id": "st2Kcl1VITD4lWCE", "name": "Slack Bot OAuth Token"}}, "typeVersion": 2.1, "notes": "This slack node performs automated tasks as part of the workflow."}, {"id": "eb2e83ce-cd53-4f01-8ed3-3b99d0aef3ee", "name": "Transform data to send message", "type": "n8n-nodes-base.set", "position": [1880, 540], "parameters": {"fields": {"values": [{"name": "formData", "type": "objectValue", "objectValue": "={{ $('Check if Webflow form has an existing channel').item.json.formData }}"}, {"name": "formName", "stringValue": "={{ $('Check if Webflow form has an existing channel').item.json.formName }}"}, {"name": "channel", "type": "objectValue", "objectValue": "={\"id\":\"{{ $json.id }}\", \"name\": \"{{ $json.name }}\" }"}]}, "include": "none", "options": {"dotNotation": true}}, "typeVersion": 3.2, "notes": "This set node performs automated tasks as part of the workflow."}, {"id": "5b6a7b44-e33b-4e2f-8a7e-c3d4439bbf03", "name": "Notify #general channel of newly created channel", "type": "n8n-nodes-base.slack", "position": [1880, 740], "parameters": {"text": "=A new channel was automatically created ", "select": "channel", "blocksUi": "={\n\t\"blocks\": [\n\t\t{\n\t\t\t\"type\": \"section\",\n\t\t\t\"text\": {\n\t\t\t\t\"type\": \"mrkdwn\",\n\t\t\t\t\"text\": \"\ud83d\udc4b a new channel was created automatically #{{ $json[\"name\"] }}\"\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"type\": \"divider\"\n\t\t},\n\t\t{\n\t\t\t\"type\": \"context\",\n\t\t\t\"elements\": [\n\t\t\t\t{\n\t\t\t\t\t\"type\": \"plain_text\",\n\t\t\t\t\t\"text\": \"sent by n8n bot\",\n\t\t\t\t\t\"emoji\": true\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t]\n}", "channelId": {"__rl": true, "mode": "list", "value": "C021Q05RF44", "cachedResultName": "general"}, "messageType": "block", "otherOptions": {}}, "credentials": {"slackApi": {"id": "st2Kcl1VITD4lWCE", "name": "Slack Bot OAuth Token"}}, "typeVersion": 2.1, "notes": "This slack node performs automated tasks as part of the workflow."}, {"id": "ffcd8ee3-a787-4bfe-867b-bc52a0572705", "name": "Webflow Form Submission Trigger", "type": "n8n-nodes-base.webflowTrigger", "position": [820, 360], "webhookId": "0d173666-a9f4-4e8d-a07d-cf95d287477b", "parameters": {"site": "60e6f0f07c46af62aa2b1c98"}, "credentials": {"webflowApi": {"id": "4EXZM1IWgHzU5zfE", "name": "Webflow Tutum"}}, "typeVersion": 1, "notes": "This webflowTrigger node performs automated tasks as part of the workflow."}, {"id": "a6e7ca24-9758-4f63-ad2d-311a793dbceb", "name": "Compose Slack message", "type": "n8n-nodes-base.code", "position": [2140, 340], "parameters": {"jsCode": "const webflowFormData = $input.all()[0].json.formData;\n\nconst objectToMarkdown = (obj) => {\n  return Object.entries(obj)\n    .map(([key, value]) => `*${key}*: ${value}`)\n    .join('\\n');\n}\n\nconst slackMessageBlock = {\n\t\"blocks\": [\n\t\t{\n\t\t\t\"type\": \"section\",\n\t\t\t\"text\": {\n\t\t\t\t\"type\": \"mrkdwn\",\n\t\t\t\t\"text\": `New form submission: \\n ${objectToMarkdown(webflowFormData)}`\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\t\"type\": \"divider\"\n\t\t}\n\t]\n};\nconst data = {...$input.all()[0].json, slackMessageBlock: slackMessageBlock};\nreturn data;\n"}, "typeVersion": 2, "notes": "This code node performs automated tasks as part of the workflow."}, {"id": "50452ad0-2dfb-47fb-9673-916f608175b5", "name": "List Slack Channels", "type": "n8n-nodes-base.slack", "position": [1020, 360], "parameters": {"filters": {"excludeArchived": true}, "resource": "channel", "operation": "getAll", "returnAll": true}, "credentials": {"slackApi": {"id": "st2Kcl1VITD4lWCE", "name": "Slack Bot OAuth Token"}}, "typeVersion": 2.1, "notes": "This slack node performs automated tasks as part of the workflow."}, {"id": "f04b1e79-5a1d-43b2-b29e-952791816224", "name": "Check if Webflow form has an existing channel", "type": "n8n-nodes-base.code", "position": [1220, 360], "parameters": {"jsCode": "\nconst transformedFormName = (inputString)=> {\n    // Convert to lowercase\n  const lowercaseString = inputString.toLowerCase();\n\n  // Split by space\n  const wordsArray = lowercaseString.split(' ');\n\n  // Join with hyphens\n  const resultString = wordsArray.join('-');\n\n  return resultString;\n}\n\nconst currentForm = transformedFormName($('Webflow Form Submission Trigger').all()[0].json[\"name\"]);\n\nconst doesChannelExist = (channelName)=> {\n  return channelName == currentForm\n}\n\nlet channels = [];\nfor (const item of $input.all()) {\n  let channel = {\n    name: item.json[\"name\"],\n    id: item.json[\"id\"],\n    channelExists: doesChannelExist(item.json[\"name\"]),\n  };\n  channels.push(channel);\n}\n\nlet data = [ { \n  channel: channels.filter((c)=>{return c.channelExists === true})[0],\n  formName: currentForm,\n  formData: $('Webflow Form Submission Trigger').all()[0].json[\"data\"]\n}\n  \n]\n\nreturn data;"}, "typeVersion": 2, "notes": "This code node performs automated tasks as part of the workflow."}, {"id": "d0c42e95-f0c3-4667-b8eb-8ddcd552100f", "name": "Sticky Note", "type": "n8n-nodes-base.stickyNote", "position": [40, 100], "parameters": {"color": 6, "width": 624.279069767441, "height": 535.976744186046, "content": "# Manage Webflow form submissions in Slack \n## Full guide with video\n[Full guide with video here]({{ $env.WEBHOOK_URL }}\n\nThis workflow dynamically creates Slack channels for your Webflow forms then sends form submissions to those channels. The Webflow form name is used to make the channel name.\n\n## Getting started\n1. Create Webflow credential using API V1 Token\n2. Create Slack credential by creating an app and using the Bot User OAuth Token [Your Slack apps]({{ $env.API_BASE_URL }} For a detailed list of scopes required watch the video linked in the guide. n8n will also provide a list of scopes when you create the credential.\n3. Connect your credentials to the relevant nodes on the canvas.\n4. Activate the workflow and submit a form on your Webflow site\n\nThat's it! You do not need to add any custom code to your Webflow forms or site.\n\nThe name of your forms in the form settings section of the Designer in Webflow will be used to create the Slack channels. This workflow will automatically do this for you.\n"}, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow."}, {"id": "f1dc2873-9235-4f54-89b7-560d7fc63541", "name": "Sticky Note1", "type": "n8n-nodes-base.stickyNote", "position": [2080, 140], "parameters": {"width": 224.58139534883728, "height": 379.4186046511628, "content": "### Format the message \nThis node uses the [Block Kit Builder]({{ $env.WEBHOOK_URL }}'d%20like%20to%20take%20the%20Paper%20Company%20investors%20to%20dinner%20tonight.%5Cn%5Cn%20*Please%20select%20a%20restaurant:*%22%7D%7D,%7B%22type%22:%22divider%22%7D,%7B%22type%22:%22section%22,%22text%22:%7B%22type%22:%22mrkdwn%22,%22text%22:%22*Farmhouse%20Thai%20Cuisine*%5Cn:star::star::star::star:%201528%20reviews%5Cn%20They%20do%20have%20some%20vegan%20options,%20like%20the%20roti%20and%20curry,%20plus%20they%20have%20a%20ton%20of%20salad%20stuff%20and%20noodles%20can%20be%20ordered%20without%20meat!!%20They%20have%20something%20for%20everyone%20here%22%7D,%22accessory%22:%7B%22type%22:%22image%22,%22image_url%22:%22{{ $env.WEBHOOK_URL }} to format the message in Slack. You can use the builder to compose a variety of rich message blocks."}, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow."}, {"id": "656a7d50-9c11-4337-b917-043faf39956e", "name": "Sticky Note2", "type": "n8n-nodes-base.stickyNote", "position": [1360, 760], "parameters": {"width": 323.0232558139535, "height": 304.69767441860455, "content": "### False branch \nWe create a new Slack channel using the form name in Webflow. Channel names must be converted to lowercase and words separated with dash.\n\nWhen the new channel is created we send a message in the #general channel with a direct link to the new channel.\n\nFinally we send the Webflow form submission as a message in the new channel."}, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow."}, {"id": "972e7dae-7f75-428f-a5d6-35041ef12865", "name": "Sticky Note3", "type": "n8n-nodes-base.stickyNote", "position": [1020, 120], "parameters": {"width": 498.5581395348835, "height": 190.8372093023257, "content": "### Logic to find matching Slack channel based on form name\n\nWebflow form submissions will trigger for any form on your website. We can't use Slack to persist form IDs from Webflow but at least Slack channels can only have unique names. In Webflow forms can have the same name on different pages but won't clash data since Webflow assigns unique IDs to them.\n\n"}, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow."}, {"id": "error-c8c902dd", "name": "Error Handler", "type": "n8n-nodes-base.stopAndError", "typeVersion": 1, "position": [1000, 400], "parameters": {"message": "Workflow execution error", "options": {}}}], "active": false, "pinData": {}, "settings": {"executionOrder": "v1", "saveManualExecutions": true, "callerPolicy": "workflowsFromSameOwner", "errorWorkflow": null, "timezone": "UTC", "executionTimeout": 3600, "maxExecutions": 1000, "retryOnFail": true, "retryCount": 3, "retryDelay": 1000}, "versionId": "2dcc28a0-f3eb-4449-a698-a5189c9fd5fb", "connections": {"cf897863-3a2f-4cce-8664-d1a4f43a1b3b": {"main": [[{"node": "error-handler-cf897863-3a2f-4cce-8664-d1a4f43a1b3b-7fe82f4e", "type": "main", "index": 0}]]}, "7c149cc3-cf17-4ca5-addc-2403c1009162": {"main": [[{"node": "error-handler-7c149cc3-cf17-4ca5-addc-2403c1009162-70ea195c", "type": "main", "index": 0}]]}, "5b6a7b44-e33b-4e2f-8a7e-c3d4439bbf03": {"main": [[{"node": "error-handler-5b6a7b44-e33b-4e2f-8a7e-c3d4439bbf03-a175ffcb", "type": "main", "index": 0}]]}, "50452ad0-2dfb-47fb-9673-916f608175b5": {"main": [[{"node": "error-handler-50452ad0-2dfb-47fb-9673-916f608175b5-2eadac2c", "type": "main", "index": 0}]]}}, "description": "Automated workflow: Send Slack message from Webflow form submission. This workflow integrates 7 different services: stickyNote, code, set, stopAndError, slack. It contains 17 nodes and follows best practices for error handling and security.", "notes": "Excellent quality workflow: Send Slack message from Webflow form submission. This workflow has been optimized for production use with comprehensive error handling, security, and documentation."}