Skip to main content

Sync blog posts from Notion to Webflow

Workflow preview

Workflow preview
100%
Sync blog posts from Notion to Webflow preview
Open on n8n.io

Important notice

This workflow is provided as-is. Please review and test before using in production.

1. Workflow Overview

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 b...

Best for

  • Content Creation automation workflows
  • advanced n8n builders looking for reusable templates

Tools used

n8n-nodes-base.stickynote, n8n-nodes-base.notion, n8n-nodes-base.set, n8n-nodes-base.merge, n8n-nodes-base.noop, n8n-nodes-base.filter, n8n-nodes-base.splitinbatches, n8n-nodes-base.webflow

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by Giovanni Ruggieri.

Original n8n.io source

1.1 Workflow description

Title
Sync blog posts from Notion to Webflow
Workflow name
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.

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - Sticky Note

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 2 - Get simple page data

Type / Role
n8n-nodes-base.notion - notion
Config choices
Version 2.2

Block 3 - Get all page data

Type / Role
n8n-nodes-base.notion - notion
Config choices
Version 2.2

Block 4 - Take cover url

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.3

Block 5 - Merge1

Type / Role
n8n-nodes-base.merge - merge
Config choices
Version 2.1

Block 6 - Data transporter1

Type / Role
n8n-nodes-base.noOp - noOp
Config choices
Version 1

Block 7 - Get all blog posts1

Type / Role
n8n-nodes-base.notion - notion
Config choices
Version 2.2

Block 8 - Is sync checked?1

Type / Role
n8n-nodes-base.filter - filter
Config choices
Version 2

Block 9 - For each blog post1

Type / Role
n8n-nodes-base.splitInBatches - splitInBatches
Config choices
Version 3

Block 10 - Sticky Note17

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 11 - Sticky Note18

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 12 - Create post1

Type / Role
n8n-nodes-base.webflow - webflow
Config choices
Version 1

Block 13 - Sticky Note19

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 14 - Update slug on posts1

Type / Role
n8n-nodes-base.notion - notion
Config choices
Version 2.2

Block 15 - Slug uniqueness checker and differentiator1

Type / Role
n8n-nodes-base.code - code
Config choices
Version 2

Block 16 - Success message1

Type / Role
n8n-nodes-base.slack - slack
Config choices
Version 2.2

Block 17 - Merge2

Type / Role
n8n-nodes-base.merge - merge
Config choices
Version 2.1

Block 18 - Compare by slug1

Type / Role
n8n-nodes-base.compareDatasets - compareDatasets
Config choices
Version 2.3

Block 19 - Add slug to posts1

Type / Role
n8n-nodes-base.notion - notion
Config choices
Version 2.2

Block 20 - Get all collection posts1

Type / Role
n8n-nodes-base.webflow - webflow
Config choices
Version 1

Block 21 - Data transporter, Notion posts to sync1

Type / Role
n8n-nodes-base.noOp - noOp
Config choices
Version 1

Block 22 - Craft the rich text element1

Type / Role
n8n-nodes-base.code - code
Config choices
Version 2

Block 23 - Turn blocks into HTML1

Type / Role
n8n-nodes-base.code - code
Config choices
Version 2

Block 24 - Get blocks1

Type / Role
n8n-nodes-base.notion - notion
Config choices
Version 2.2

Showing the first 24 of 29 workflow blocks. Download the JSON for the full node graph.

3. Summary Table

Workflow Sync blog posts from Notion to Webflow
Complexity advanced
Nodes 29
Categories Content Creation
Author Giovanni Ruggieri
Published 15 Jun 2024

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/2293/2293.json as the source template for this automation.

  2. 2. Import the template into n8n

    Open n8n, import the downloaded JSON, and review each node before activating the workflow.

  3. 3. Configure credentials and variables

    Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.

  4. 4. Test with sample data

    Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.

  5. 5. Activate and monitor

    Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Frequently asked questions

What does Sync blog posts from Notion to Webflow do?

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 b...

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your Content Creation use case.