LIVEAI Bootcamps · May 2026 · 🇫🇷 CET
Resources · Integrations · n8n FREE · 2026Logo Webflow avec le mot 'Webflow' en typographie moderne sur fond blanc

WEBFLOW n8n INTEGRATION: AUTOMATE WEBFLOW WITH N8N

Looking to automate Webflow with n8n? Whether you're managing a content-heavy website, running an e-commerce store, or handling multiple client sites, manually keeping everything in sync quickly becomes a bottleneck. The Webflow n8n integration solves this by connecting your Webflow CMS directly to your automation workflows.

This integration gives you access to 8 triggers and 5 actions that cover everything from form submissions and order management to collection item updates. You can automatically react to site events, sync CMS content with external databases like Airtable, process e-commerce orders in real-time, and keep your entire tech stack aligned without writing a single line of code.

In this guide, you'll discover exactly how to connect Webflow to n8n, explore every available trigger and action in detail, and learn how to build powerful automations that save hours of manual work each week.

Need help

Need help automating Webflow with n8n?

Our team will get back to you in minutes.

Reply within 1 business hour
Why automate

Why automate Webflow with n8n?

The Webflow n8n integration gives you access to 8 triggers and 5 actions that unlock powerful automation possibilities for designers, developers, and marketers alike. You can monitor form submissions, track e-commerce orders, sync CMS collection items, and respond to site publications—all automatically and in real-time.

The benefits are substantial. Significant time savings: no more manually exporting form data to spreadsheets or copy-pasting CMS content between platforms. Set up smart rules once and let n8n handle the repetitive work. Improved responsiveness: trigger instant actions the moment a customer submits a form or places an order. Zero oversight: triggers monitor your Webflow site 24/7, ensuring every collection item update, inventory change, or new order immediately triggers the appropriate workflow. Seamless integration: connect Webflow to over 400 applications in n8n, from Notion and Airtable to Slack and HubSpot.

Concrete use cases include: automatically sending form submissions to your CRM and triggering email sequences, syncing blog posts from Webflow to external databases, notifying your team in Slack when inventory runs low, generating invoices when new e-commerce orders come in, and backing up CMS content to Google Sheets. These automations can easily save you 5-10 hours per week on manual data handling.

Credentials

How to connect Webflow to n8n?

  1. !
    1 step

    How to connect Webflow to n8n?

    1. 01

      Add the node

      Search and add the node in your workflow.

    Webflow credentials
    TIP
    💡 TIP: Always create API tokens with the minimum required permissions for your specific automation. If you only need to read CMS data, don't grant write access. This follows security best practices and prevents accidental modifications to your live site.
Need help

Need help automating Webflow with n8n?

Our team will get back to you in minutes.

Reply within 1 business hour
Triggers

Webflow triggers available in n8n

  1. 01
    Trigger 01

    Collection Item Deleted

    This trigger fires automatically whenever an item is removed from a Webflow CMS collection. It's essential for maintaining data consistency across your connected systems—when content disappears from Webflow, your other platforms need to know about it immediately.

    Configuration parameters: Credential to connect with: Select your authenticated Webflow account from the dropdown. This parameter is required for the trigger to access your site. Site Name or ID: Enter the specific Webflow site name or its unique identifier. This text field is required to specify which site to monitor. Event: Pre-set to "Collection Item Deleted"—this dropdown selection is required and determines which event activates your workflow.

    Typical use cases: Remove corresponding records from Airtable or Notion when blog posts are deleted. Update external inventory systems when products are removed from your catalog. Archive deleted content to Google Drive before permanent removal. Notify content managers via Slack when items are unexpectedly deleted.

    When to use it: Ideal for maintaining referential integrity between Webflow and external databases, audit logging, or triggering cleanup workflows when CMS content is removed.

    Collection Item Deleted
  2. 02
    Trigger 02

    Collection Item Created

    This trigger activates the moment a new item is added to any Webflow CMS collection. It's perfect for automating onboarding workflows, content distribution, and real-time notifications whenever fresh content lands on your site.

    Configuration parameters: Credential to connect with: Required dropdown to select your Webflow account credentials for API authentication. Site Name or ID: Required text input specifying which Webflow site to monitor for new collection items. Event: Set to "Collection Item Created"—this required dropdown determines the specific event that initiates the trigger.

    Typical use cases: Automatically tweet or post to LinkedIn when new blog articles are published. Add new portfolio items to a Notion database for internal tracking. Send Slack notifications to the team when new case studies go live. Sync new product listings to external marketplaces or inventory systems.

    When to use it: Best suited for content distribution workflows, team notifications, cross-platform syndication, and maintaining synchronized databases across multiple tools.

    Collection Item Created
  3. 03
    Trigger 03

    Ecomm New Order

    This trigger fires immediately when a customer completes a purchase on your Webflow e-commerce store. It's the foundation for order processing automations, from fulfillment notifications to accounting integrations.

    Configuration parameters: Credential to connect with: Required dropdown for selecting your authenticated Webflow credentials. Site Name or ID: Optional text field to specify the e-commerce site. Leave empty if monitoring a default or single site. Event: Set to "Ecomm New Order"—required to capture new purchase events.

    Typical use cases: Send order confirmations through a custom email service like SendGrid or Brevo. Create invoices in accounting software like QuickBooks or Xero. Add customer data to your CRM (HubSpot, Pipedrive) for follow-up sequences. Notify fulfillment teams in Slack with order details and shipping requirements.

    When to use it: Essential for any Webflow e-commerce site that needs automated order processing, customer communication, or integration with external fulfillment and accounting systems.

    Ecomm New Order
  4. 04
    Trigger 04

    Site Publish

    This trigger activates whenever your Webflow site is published, whether manually or through the Designer/Editor. It's valuable for deployment workflows, cache invalidation, and keeping external systems aware of site updates.

    Configuration parameters: Credential to connect with: Required dropdown to select your Webflow account for authentication. Site Name or ID: Optional text input to specify which site to monitor. Can be left blank for default site targeting. Event: Set to "Site Publish"—required parameter that defines the triggering event.

    Typical use cases: Clear CDN caches (Cloudflare, Fastly) after site updates go live. Notify the development team via Slack when staging sites are published. Log deployment timestamps to a tracking spreadsheet for audit purposes. Trigger screenshot captures of key pages for visual regression testing.

    When to use it: Ideal for DevOps workflows, deployment tracking, cache management, and keeping distributed teams informed about site updates.

    Site Publish
  5. 05
    Trigger 05

    Collection Item Updated

    This trigger fires when any existing item in a Webflow CMS collection is modified. It's crucial for two-way sync setups and ensuring external systems always reflect the latest content changes.

    Configuration parameters: Credential to connect with: Required dropdown for selecting your Webflow credentials stored in n8n. Site Name or ID: Required text field where you enter the site name or unique ID to monitor. Event: Set to "Collection Item Updated"—required dropdown selection for this specific trigger.

    Typical use cases: Sync updated blog posts to a headless CMS backup or translation platform. Update corresponding records in Airtable when CMS fields change. Trigger re-indexing in Algolia search when product descriptions are modified. Send Slack alerts when high-priority pages are edited by team members.

    When to use it: Perfect for maintaining data synchronization between Webflow and external platforms, tracking content changes, and automating update notifications.

    Collection Item Updated
  6. 06
    Trigger 06

    Form Submission

    This trigger activates instantly when a visitor submits any form on your Webflow site. It's one of the most commonly used triggers for lead capture, contact management, and automated response workflows.

    Configuration parameters: Credential to connect with: Required dropdown to authenticate with your Webflow account. Site Name or ID: Required text input specifying the site with forms you want to monitor. Event: Set to "Form Submission"—required to capture form data when visitors submit.

    Typical use cases: Add new leads directly to HubSpot, Salesforce, or Pipedrive CRM. Send instant Slack notifications to sales teams when contact forms are submitted. Trigger personalized email sequences through ActiveCampaign. Store form responses in Google Sheets or Airtable for analysis and reporting.

    When to use it: Essential for any site using Webflow forms for lead generation, contact requests, newsletter signups, or any data collection that requires immediate processing.

    Form Submission
  7. 07
    Trigger 07

    Ecomm Inventory Changed

    This trigger fires when product inventory levels change in your Webflow e-commerce store. It's vital for stock management, alerting, and maintaining accurate inventory across sales channels.

    Configuration parameters: Credential to connect with: Required dropdown for selecting your Webflow credentials. Site Name or ID: Optional text field to specify which e-commerce site to monitor. Event: Set to "Ecomm Inventory Changed"—required to capture stock level modifications.

    Typical use cases: Send low-stock alerts to purchasing teams via Slack or email. Sync inventory levels to external platforms like Shopify or Amazon. Automatically pause ad campaigns when products go out of stock. Update inventory tracking spreadsheets in real-time.

    When to use it: Critical for e-commerce operations managing inventory across multiple channels or needing proactive stock monitoring to prevent overselling.

    Ecomm Inventory Changed
  8. 08
    Trigger 08

    Ecomm Order Changed

    This trigger activates when the status or details of an existing order change, such as when an order is fulfilled, refunded, or updated. It keeps your fulfillment and customer service workflows responsive to order lifecycle changes.

    Configuration parameters: Credential to connect with: Required dropdown to select your authenticated Webflow account. Site Name or ID: Required text input for specifying the e-commerce site. Event: Set to "Ecomm Order Changed"—required to monitor order status modifications.

    Typical use cases: Send shipping confirmation emails when order status changes to "Fulfilled". Update CRM records when orders are refunded or cancelled. Notify customer service teams of order issues requiring attention. Sync order status changes to external ERP or fulfillment systems.

    When to use it: Ideal for order lifecycle management, customer communication automation, and keeping fulfillment systems synchronized with Webflow e-commerce.

    Ecomm Order Changed
Actions

Webflow actions available in n8n

  1. 01
    Action 01

    Get many items

    This action retrieves multiple items from a specified Webflow CMS collection, making it perfect for batch processing, data exports, and synchronization workflows. You can pull entire collections or limit results based on your needs.

    Key parameters: Credential to connect with: Required dropdown to select your Webflow authentication. Site Name or ID: Optional text/numeric input to specify the target site. Collection Name or ID: Optional field to identify which collection to query. Return All: Boolean toggle to fetch all items without pagination limits. Limit: Numeric input (default: 100) to cap the number of returned items.

    Use cases: Export all blog posts to a backup spreadsheet weekly. Sync entire product catalogs to external inventory management systems. Pull collection data for bulk analysis or transformation workflows.

    Get many items
  2. 02
    Action 02

    Create an item

    This action adds a new item to any Webflow CMS collection directly from your n8n workflow. It's essential for automated content creation, data imports, and two-way synchronization with external platforms.

    Key parameters: Credential to connect with: Required dropdown for Webflow authentication. Site Name or ID: Required text input specifying the target site. Collection Name or ID: Required field identifying the destination collection. Live: Optional toggle to publish the item immediately or save as draft. Fields: Dynamic section to map data to collection fields.

    Use cases: Automatically create blog drafts from content approved in Notion. Add new products to Webflow when added to an external inventory system. Generate CMS entries from form submissions or spreadsheet data.

    Create an item
  3. 03
    Action 03

    Update an item

    This action modifies an existing item within a Webflow CMS collection. It's crucial for keeping content synchronized between Webflow and external data sources without manual intervention.

    Key parameters: Credential to connect with: Required dropdown for authentication. Site Name or ID: Required text field for the target site. Collection Name or ID: Required field specifying which collection contains the item. Item ID: Required unique identifier of the item to update. Live: Optional toggle to publish changes immediately or keep as draft. Fields: Dynamic section to specify which fields to modify.

    Use cases: Update product prices from an external pricing database. Sync blog post edits made in external writing tools back to Webflow. Bulk update collection items based on spreadsheet changes.

    Update an item
  4. 04
    Action 04

    Get an item

    This action retrieves a single, specific item from a Webflow CMS collection using its unique identifier. It's useful for fetching detailed data before processing or conditional workflow logic.

    Key parameters: Credential to connect with: Required dropdown for Webflow credentials. Site Name or ID: Required text input for the target site. Collection Name or ID: Required field specifying the collection. Item ID: Required unique identifier of the item to retrieve.

    Use cases: Fetch full item details before sending order confirmation emails. Retrieve specific blog post data to check status before publishing elsewhere. Pull item information for comparison in conditional workflow branches.

    Get an item
  5. 05
    Action 05

    Delete an item

    This action permanently removes a specific item from a Webflow CMS collection. Use it for automated cleanup, archiving workflows, or maintaining synchronized deletions across platforms.

    Key parameters: Credential to connect with: Required dropdown for authentication. Site Name or ID: Required text input specifying the target site. Collection Name or ID: Required field identifying the collection. Item ID: Required unique identifier of the item to delete.

    Use cases: Remove outdated event listings after their dates have passed. Delete products from Webflow when discontinued in the master inventory system. Automate CMS cleanup based on content expiration rules.

    Delete an item
You've seen the integration

Build your first workflow with our team

Drop your email and we'll send you the catalog of automations you can ship today.

  • Free n8n & Make scenarios to import
  • Step-by-step setup docs
  • Live cohort + community support

Frequently asked questions

  • Is the Webflow n8n integration free?
    The Webflow n8n integration itself is free to use within n8n, whether you're running the self-hosted open-source version or using n8n Cloud. However, some Webflow features (particularly e-commerce triggers and certain API access levels) require a paid Webflow plan. The CMS and basic site triggers work on most Webflow plans, but e-commerce functionality needs an active Webflow E-commerce subscription. For n8n, the self-hosted version is completely free, while n8n Cloud has a free tier with limited executions before requiring a paid plan.
  • What data can I sync between Webflow and n8n?
    You can sync virtually all data accessible through Webflow's API. This includes all CMS collection items (blog posts, products, portfolio pieces, team members, etc.), form submission data with all field values, e-commerce data including orders, inventory levels, and customer information, plus site-level events like publications. Each collection item comes with its full field data, metadata, and publishing status. For e-commerce, you get complete order details including line items, customer information, shipping addresses, and payment status. The integration supports both reading data from Webflow and writing back to collections.
  • How long does it take to set up the Webflow n8n integration?
    Initial setup takes approximately 5-10 minutes. Generating your Webflow API token takes about 2 minutes, and configuring the credential in n8n another 2-3 minutes. Testing the connection and building your first basic workflow adds another 5 minutes. The most time-consuming part is typically planning your automation logic and mapping fields correctly, especially for complex CMS structures with many custom fields. For simple automations like form-to-CRM workflows, you can be up and running in under 15 minutes total.
Hack'celeration Lab

Get our weekly integration tips.

No spam. Unsubscribe anytime.