5 tasks you can automate with the new Notion API
Notion's API opens new possibilities. Discover what workflows you can automate now!
Back to Integrations 
Notion and Webflow integration
Save yourself the work of writing custom integrations for Notion and Webflow and use n8n instead. Build adaptable and scalable Productivity, and Marketing workflows that work with your technology stack. All within a building experience you will love.
How to connect Notion 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.
Step 2: Add and configure Notion and Webflow nodes
You can find Notion 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 Notion and Webflow nodes one by one: input data on the left, parameters in the middle, and output data on the right.
Step 3: Connect Notion and Webflow
A connection establishes a link between Notion 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.
Step 4: Customize and extend your Notion 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 Notion and Webflow with any of n8n’s 1000+ integrations, and incorporate advanced AI logic into your workflows.
Step 5: Test and activate your Notion and Webflow workflow
Save and run the workflow to see if everything works as expected. Based on your configuration, data should flow from Notion 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.
Popular Notion 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.
Build your own Notion and Webflow integration
Create custom Notion 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.
Notion and Webflow integration details
Other integrations with Notion
Other integrations with Webflow
FAQs
Can Notion connect with Webflow?
Can I use Notion’s API with n8n?
Can I use Webflow’s API with n8n?
Is n8n secure for integrating Notion and Webflow?
How to get started with Notion and Webflow integration in n8n.io?
Need help setting up your Notion and Webflow integration?
Discover our latest community's recommendations and join the discussions about Notion and Webflow integration.
Webflow integration isn’t working
Georgy Alaverdyan
Describe the problem/error/question
I want to create a Webflow form submissions to Telegram bot integration. However, when I add a Webflow trigger (form submission), it just doesn’t work. I did everything in the n8n docs…
Notion Node Bug: The relation id "fffbfe90567a-8132-b56d-c3acc1e8eb71" is not a valid uuid with optional dashes
Justin Cheu
The relation id “fffbfe90567a-8132-b56d-c3acc1e8eb71” is not a valid uuid with optional dashes.
{
"errorMessage": "The relation id \"fffbfe90567a-8132-b56d-c3acc1e8eb71\" is not a valid uuid with optional dashes.",
…
Problem activating workflow. NodeAPIError
Cris A. Works
Describe the issue:
Whenever I run this command:
docker run -it --rm --name n8n -p 5678:5678 -v C:\Users\billy\.n8n:/home/node/.n8n docker.n8n.io/n8nio/n8n
Yields in a looping error. It didn’t used to happen before.
W…
Any way to embed the interactive flow diagrams into notion?
Martin
Is there any way to replicate the way we share templates here on the forum within notion pages? (eg Creating an API endpoint | n8n workflow template)
We use notion for documentation purposes and I’d love to be able to u…
Notion Relations ID Error
Liam Skaff
Hello. Recently I’ve been getting this error in my Notion Node when trying to insert an ID in the relations tab.
I contacted Notion support and they told me that the problem is from n8n.
This is the error I’m receiving…
Load more
Looking to integrate Notion and Webflow in your company?
Over 3000 companies switch to n8n every single week
Why use n8n to integrate Notion with Webflow
Build complex workflows, really fast
