Back to Integrations
integrationSlack node
integrationWebflow node

Slack and Webflow integration

Save yourself the work of writing custom integrations for Slack and Webflow and use n8n instead. Build adaptable and scalable Communication, and Marketing workflows that work with your technology stack. All within a building experience you will love.

How to connect Slack and Webflow

  • Step 1: Create a new workflow
  • Step 2: Add and configure nodes
  • Step 3: Connect
  • Step 4: Customize and extend your integration
  • Step 5: Test and activate your workflow

Step 1: Create a new workflow and add the first step

In n8n, click the "Add workflow" button in the Workflows tab to create a new workflow. Add the starting point – a trigger on when your workflow should run: an app event, a schedule, a webhook call, another workflow, an AI chat, or a manual trigger. Sometimes, the HTTP Request node might already serve as your starting point.

Slack and Webflow integration: Create a new workflow and add the first step

Step 2: Add and configure Slack and Webflow nodes

You can find Slack and Webflow in the nodes panel. Drag them onto your workflow canvas, selecting their actions. Click each node, choose a credential, and authenticate to grant n8n access. Configure Slack and Webflow nodes one by one: input data on the left, parameters in the middle, and output data on the right.

Slack and Webflow integration: Add and configure Slack and Webflow nodes

Step 3: Connect Slack and Webflow

A connection establishes a link between Slack and Webflow (or vice versa) to route data through the workflow. Data flows from the output of one node to the input of another. You can have single or multiple connections for each node.

Slack and Webflow integration: Connect Slack and Webflow

Step 4: Customize and extend your Slack and Webflow integration

Use n8n's core nodes such as If, Split Out, Merge, and others to transform and manipulate data. Write custom JavaScript or Python in the Code node and run it as a step in your workflow. Connect Slack and Webflow with any of n8n’s 1000+ integrations, and incorporate advanced AI logic into your workflows.

Slack and Webflow integration: Customize and extend your Slack and Webflow integration

Step 5: Test and activate your Slack and Webflow workflow

Save and run the workflow to see if everything works as expected. Based on your configuration, data should flow from Slack to Webflow or vice versa. Easily debug your workflow: you can check past executions to isolate and fix the mistake. Once you've tested everything, make sure to save your workflow and activate it.

Slack and Webflow integration: Test and activate your Slack and Webflow workflow

Sync blog posts from Notion to Webflow

Who is this for?
This template is for everyone who manages their blog entries in Notion and want to have an easy way to transform them to Webflow.

What this workflow does
This workflow syncs your blog posts saved in a Notion Database once a day to Webflow.
Sync Notion properties, rich text and cover image with your collection.
Works with most elements: H1, H2, H3, normal text, bold text, italic text, links, quotes, bulleted lists, numbered lists, and images (under 4MB).

Set up steps
Connect your accounts.
Add a "slug" field in Notion.
Add a "Sync to Webflow?" checkbox in Notion.
Run a test and map your collection data.

Whenever the workflow runs, all the checked posts will be updated in the Webflow collection, whether it's a new post or an existing one.

Nodes used in this workflow

Popular Slack and Webflow workflows

Sync blog posts from Notion to Webflow

Who is this for? This template is for everyone who manages their blog entries in Notion and want to have an easy way to transform them to Webflow. What this workflow does This workflow syncs your blog posts saved in a Notion Database once a day to Webflow. Sync Notion properties, rich text and cover image with your collection. Works with most elements: H1, H2, H3, normal text, bold text, italic text, links, quotes, bulleted lists, numbered lists, and images (under 4MB). Set up steps Connect your accounts. Add a "slug" field in Notion. Add a "Sync to Webflow?" checkbox in Notion. Run a test and map your collection data. Whenever the workflow runs, all the checked posts will be updated in the Webflow collection, whether it's a new post or an existing one.

Send Webflow form submissions to Slack dynamically

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 new channel. This is useful for: Webflow form submissions can only notify a single user email as standard, but by using this workflow you can notify team members of new submissions instead of having to login into Webflow to go download form submissions. Usage guide Full written and video guide The main steps are to create credentials for Webflow and Slack, connect them, and start using the workflow. The video guide illustrates a realword usecase using a Webflow template. The video also breaks down each node in detail to explain what it does in case you want to make modifications.

Build your own Slack and Webflow integration

Create custom Slack and Webflow workflows by choosing triggers and actions. Nodes come with global operations and settings, as well as app-specific parameters that can be configured. You can also use the HTTP Request node to query data from any app or service with a REST API.

Slack supported actions

Archive
Archives a conversation
Close
Closes a direct message or multi-person direct message
Create
Initiates a public or private channel-based conversation
Get
Get information about a channel
Get Many
Get many channels in a Slack team
History
Get a conversation's history of messages and events
Invite
Invite a user to a channel
Join
Joins an existing conversation
Kick
Removes a user from a channel
Leave
Leaves a conversation
Member
List members of a conversation
Open
Opens or resumes a direct message or multi-person direct message
Rename
Renames a conversation
Replies
Get a thread of messages posted to a channel
Set Purpose
Sets the purpose for a conversation
Set Topic
Sets the topic for a conversation
Unarchive
Unarchives a conversation
Get
Get Many
Get & filters team files
Upload
Create or upload an existing file
Delete
Get Permalink
Search
Send
Send and Wait for Approval
Update
Add
Adds a reaction to a message
Get
Get the reactions of a message
Remove
Remove a reaction of a message
Add
Add a star to an item
Delete
Delete a star from an item
Get Many
Get many stars of autenticated user
Get
Get information about a user
Get Many
Get a list of many users
Get User's Profile
Get a user's profile
Get User's Status
Get online status of a user
Update User's Profile
Update a user's profile
Create
Disable
Enable
Get Many
Update

Webflow supported actions

Create
Delete
Get
Get Many
Update

FAQs

  • Can Slack connect with Webflow?

  • Can I use Slack’s API with n8n?

  • Can I use Webflow’s API with n8n?

  • Is n8n secure for integrating Slack and Webflow?

  • How to get started with Slack and Webflow integration in n8n.io?

Need help setting up your Slack and Webflow integration?

Discover our latest community's recommendations and join the discussions about Slack and Webflow integration.
Georgy Alaverdyan
Nicolas N
Muhammed Iqbal P B
Nicolas N

Looking to integrate Slack and Webflow in your company?

Over 3000 companies switch to n8n every single week

Why use n8n to integrate Slack with Webflow

Build complex workflows, really fast

Build complex workflows, really fast

Handle branching, merging and iteration easily.
Pause your workflow to wait for external events.

Code when you need it, UI when you don't

Simple debugging

Your data is displayed alongside your settings, making edge cases easy to track down.

Use templates to get started fast

Use 1000+ workflow templates available from our core team and our community.

Reuse your work

Copy and paste, easily import and export workflows.

Implement complex processes faster with n8n

red iconyellow iconred iconyellow icon