kreonovo This workflow corresponds to n8n.io template #2055 — we link there as the canonical source.
The workflow JSON
Copy or download the full n8n JSON below. Paste it into a new n8n workflow, add your credentials, activate. Full import guide →
{
"id": "pmJUJj7FAnrOS6Jc",
"name": "Send Slack message from Webflow form submission",
"tags": [
{
"id": "7cKuF8oYmXKMRDsD",
"name": "webflow",
"createdAt": "2024-01-09T02:22:11.773Z",
"updatedAt": "2024-01-09T02:22:11.773Z"
},
{
"id": "hG7SoDK2ctruSDeL",
"name": "slack",
"createdAt": "2024-01-09T02:22:16.208Z",
"updatedAt": "2024-01-09T02:22:16.208Z"
}
],
"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
},
{
"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": {
"name": "<your credential>"
}
},
"typeVersion": 2.1
},
{
"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": {
"name": "<your credential>"
}
},
"typeVersion": 2.1
},
{
"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
},
{
"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": {
"name": "<your credential>"
}
},
"typeVersion": 2.1
},
{
"id": "ffcd8ee3-a787-4bfe-867b-bc52a0572705",
"name": "Webflow Form Submission Trigger",
"type": "n8n-nodes-base.webflowTrigger",
"position": [
820,
360
],
"parameters": {
"site": "60e6f0f07c46af62aa2b1c98"
},
"credentials": {
"webflowApi": {
"name": "<your credential>"
}
},
"typeVersion": 1
},
{
"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
},
{
"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": {
"name": "<your credential>"
}
},
"typeVersion": 2.1
},
{
"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
},
{
"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](https://blog.kreonovo.co.za/send-webflow-form-submissions-to-slack-automatically/)\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](https://api.slack.com/apps). 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
},
{
"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](https://app.slack.com/block-kit-builder/T0227K0J1FS#%7B%22blocks%22:%5B%7B%22type%22:%22section%22,%22text%22:%7B%22type%22:%22mrkdwn%22,%22text%22:%22Hello,%20Assistant%20to%20the%20Regional%20Manager%20Dwight!%20*Michael%20Scott*%20wants%20to%20know%20where%20you'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:%22https://s3-media3.fl.yelpcdn.com/bphoto/c7ed05m9lC2EmA3Aruue7A/o.jpg%22,%22alt_text%22:%22alt%20text%20for%20image%22%7D%7D,%7B%22type%22:%22section%22,%22text%22:%7B%22type%22:%22mrkdwn%22,%22text%22:%22*Kin%20Khao*%5Cn:star::star::star::star:%201638%20reviews%5Cn%20The%20sticky%20rice%20also%20goes%20wonderfully%20with%20the%20caramelized%20pork%20belly,%20which%20is%20absolutely%20melt-in-your-mouth%20and%20so%20soft.%22%7D,%22accessory%22:%7B%22type%22:%22image%22,%22image_url%22:%22https://s3-media2.fl.yelpcdn.com/bphoto/korel-1YjNtFtJlMTaC26A/o.jpg%22,%22alt_text%22:%22alt%20text%20for%20image%22%7D%7D,%7B%22type%22:%22section%22,%22text%22:%7B%22type%22:%22mrkdwn%22,%22text%22:%22*Ler%20Ros*%5Cn:star::star::star::star:%202082%20reviews%5Cn%20I%20would%20really%20recommend%20the%20%20Yum%20Koh%20Moo%20Yang%20-%20Spicy%20lime%20dressing%20and%20roasted%20quick%20marinated%20pork%20shoulder,%20basil%20leaves,%20chili%20&%20rice%20powder.%22%7D,%22accessory%22:%7B%22type%22:%22image%22,%22image_url%22:%22https://s3-media2.fl.yelpcdn.com/bphoto/DawwNigKJ2ckPeDeDM7jAg/o.jpg%22,%22alt_text%22:%22alt%20text%20for%20image%22%7D%7D,%7B%22type%22:%22divider%22%7D,%7B%22type%22:%22actions%22,%22elements%22:%5B%7B%22type%22:%22button%22,%22text%22:%7B%22type%22:%22plain_text%22,%22text%22:%22Farmhouse%22,%22emoji%22:true%7D,%22value%22:%22click_me_123%22%7D,%7B%22type%22:%22button%22,%22text%22:%7B%22type%22:%22plain_text%22,%22text%22:%22Kin%20Khao%22,%22emoji%22:true%7D,%22value%22:%22click_me_123%22,%22url%22:%22https://google.com%22%7D,%7B%22type%22:%22button%22,%22text%22:%7B%22type%22:%22plain_text%22,%22text%22:%22Ler%20Ros%22,%22emoji%22:true%7D,%22value%22:%22click_me_123%22,%22url%22:%22https://google.com%22%7D%5D%7D%5D%7D) to format the message in Slack. You can use the builder to compose a variety of rich message blocks."
},
"typeVersion": 1
},
{
"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
},
{
"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
}
],
"active": false,
"settings": {
"executionOrder": "v1"
},
"versionId": "2dcc28a0-f3eb-4449-a698-a5189c9fd5fb",
"connections": {
"List Slack Channels": {
"main": [
[
{
"node": "Check if Webflow form has an existing channel",
"type": "main",
"index": 0
}
]
]
},
"Compose Slack message": {
"main": [
[
{
"node": "Send slack message to channel",
"type": "main",
"index": 0
}
]
]
},
"Does the channel exist?": {
"main": [
[
{
"node": "Compose Slack message",
"type": "main",
"index": 0
}
],
[
{
"node": "Create Slack channel with form name",
"type": "main",
"index": 0
}
]
]
},
"Transform data to send message": {
"main": [
[
{
"node": "Compose Slack message",
"type": "main",
"index": 0
}
]
]
},
"Webflow Form Submission Trigger": {
"main": [
[
{
"node": "List Slack Channels",
"type": "main",
"index": 0
}
]
]
},
"Create Slack channel with form name": {
"main": [
[
{
"node": "Transform data to send message",
"type": "main",
"index": 0
},
{
"node": "Notify #general channel of newly created channel",
"type": "main",
"index": 0
}
]
]
},
"Check if Webflow form has an existing channel": {
"main": [
[
{
"node": "Does the channel exist?",
"type": "main",
"index": 0
}
]
]
}
}
}
Credentials you'll need
Each integration node will prompt for credentials when you import. We strip credential IDs before publishing — you'll add your own.
slackApiwebflowApi
Pro
For the full experience including quality scoring and batch install features for each workflow upgrade to Pro
About this workflow
What it does: This automation will dynamically create Slack channels for your Webflow forms and send formatted messages to those channels for every form submission you receive. When a new form is dedected, a message is sent in the #general Slack channel with a hyperlink to the…
Source: https://n8n.io/workflows/2055/ — original creator credit. Request a take-down →
Related workflows
Workflows that share integrations, category, or trigger type with this one. All free to copy and import.
Send Slack message from Webflow form submission. Uses slack, webflowTrigger, stickyNote. Event-driven trigger; 13 nodes.
Slack, Webflow Trigger
Webhook Slack. Uses theHiveProjectTrigger, stickyNote, httpRequest, theHiveProject. Event-driven trigger; 63 nodes.
The Hive Project Trigger, HTTP Request, The Hive Project +1
Key Features: Direct Case Management: Modify case details such as assignee, severity, status, and more through intuitive form inputs embedded within Slack messages. Seamless Integration: Assumes match
The Hive Project Trigger, HTTP Request, The Hive Project +1
Transform your lead list into an AI-powered calling machine. This workflow automates your entire cold calling process using Vapi's conversational AI to initiate calls, qualify leads, capture detailed
Google Sheets, HTTP Request, Slack
Type in Slack. Walk away. Get a professional PDF report and a structured Excel fix sheet delivered to Google Drive and posted back in your Slack thread — fully automated, zero manual work.
Compression, HTTP Request, Google Drive +3