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, HITL, 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

+5

Generate & Publish SEO Articles with Claude AI, Webflow & Image Generation

**Content engine that ships fresh, SEO-ready articles every single day. ** Workflow: ⸻ Layout Blueprint • Purpose: Define content structure before writing begins. • What’s Included: • Search intent mapping • Internal link planning • Call-to-action (CTA) placement • Benefit: Ensures consistency, SEO alignment, and content goals are baked in early. ⸻ AI-Assisted Drafting • Tool: GPT generates the first draft. • Editor’s Role: • Focus on depth and accuracy • Align tone and style with existing site content • Context-Aware: Pulls insights from top-ranking articles already live on the site. ⸻ SEO Validation • Automated Checks for: • Keyword coverage • Readability scoring • Schema markup • Internal/external link quality • Outcome: Each piece is validated before hitting publish. ⸻ Media Production • Process: AI auto-generates relevant images. • Delivery: Visual assets are automatically added to the CMS library. ⸻ Optional Human Review: Team feedback via Slack or Teams if needed. ⸻ Automated Publishing • Action: Instantly publishes content to Webflow once approved. • Result: A fully streamlined pipeline from draft to live with minimal manual steps.
+8

Generate and publish SEO blog posts from Google Sheets to Webflow with OpenAI

Who it's for This n8n workflow is designed for SEO managers, content creators, and blog administrators who want to automate their blog publishing pipeline. The workflow creates an end-to-end AI-powered system that can fetch content ideas from a Google Sheet, scrape existing competitor URLs, analyze SEO structure, generate high-quality articles, validate SEO scores, create thumbnail images, and automatically publish the final content to Webflow. Features Automated Content Scheduling** – Runs every 2 hours (or manually) to process pending blog ideas from Google Sheets. HTML Scraping & Cleaning** – Fetches competitor URLs and removes headers, scripts, and iframes to get clean content. AI SEO Structure Analysis** – Uses gpt-4.1-mini to extract key sections and SEO bullet points. AI Content Writer** – Uses o4-mini to rewrite articles with proper SEO, H2/H3 tags, and keyword optimization. Output Parser Fixing** – Ensures the AI always returns clean, structured JSON (article + summary). Internal Linking** – Pulls existing Webflow posts and adds relevant internal links automatically. SEO Validation** – Checks SEO scores via sub-workflow before publishing. AI Thumbnail Generation** – Creates a 16:9 cover image based on the article topic using DALL·E. Auto-Publishing** – Publishes content to Webflow CMS with title, image, article, summary, and read time. Sheet Update** – Marks the processed row as “Completed” in Google Sheets. Error Notifications** – Sends alerts via Slack, Discord, Teams, Telegram, and WhatsApp if something fails. Requirements OpenAI API Credentials**: For powering the content writer (o4-mini), structure analyzer (gpt-4.1-mini), prompt generator (o4-mini), and image generation (DALL-E 3). Google Sheets API**: For reading pending blog ideas and updating their completion status. Webflow OAuth2 API**: For fetching existing posts (for internal linking) and publishing new CMS items. n8n Sub-Workflow**: A secondary workflow ID (7FHTcSuCIjHvvBfe) is called to evaluate the SEO score percentages of the generated content. Communication Platform Credentials (Optional but recommended)**: API tokens for Slack, Discord, Microsoft Teams, Telegram, and Rapiwa for error notifications. Configure Credentials OpenAI API**: Ensure your account has access to o4-mini, gpt-4.1-mini, and DALL-E 3 models. Google Sheets**: Configure with read/write permissions for the specific spreadsheet and tab (Blogs (ideas)). Webflow API**: Set up OAuth2 with access to the specific Site ID and Collection ID where your blog is hosted. Error Channels**: Add your specific Channel IDs, Chat IDs, and phone numbers to the respective notification nodes. Important Notes Content Looping & Error Handling**: If the SEO score doesn't pass the validation check (e.g., required percentages aren't met), the workflow loops the content back to the AI writer for regeneration. Competitor Name Replacement**: The AI prompt is strictly instructed to replace competitor names (like PixelCut, CreatorKit) with "ProductAI" to maintain brand consistency. CTA Linking**: All Call-to-Action links within the generated articles are hard-coded in the prompt to point to create.productai.photo. Image Processing Delay**: There is a 20-second "Wait" node implemented before publishing to Webflow to ensure the DALL-E generated image URL is active and accessible. Dynamic Title Extraction**: The workflow uses a Regex code snippet to extract the first `` tag from the generated article to use as the Webflow post title (since H1 is omitted per SEO best practices). Data Routing**: The Execute Once feature is enabled on error notification nodes to ensure you only receive one alert per failure, rather than spamming all connected channels simultaneously. Support & Help WhatsApp**: Chat on WhatsApp Discord**: SpaGreen Community Facebook Group**: SpaGreen Support Website**: spagreen.net Developer Portfolio**: Codecanyon SpaGreen

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 Response
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
Add Users
Create
Disable
Enable
Get Many
Get Users
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