CRUD Operations for Webflow CMS Items - n8n Workflow

Webflow developers and designers needing programmatic CMS access.
Users looking for effective n8n templates to handle external API sequencing.
Automation specialists learning how to chain Webflow n8n node operations.
Content managers needing automated ways to stage and verify content updates.

Managing Webflow content requires precision, especially when synchronizing data from external sources. This n8n workflow solves the problem of verifying multi-step content management operations. Instead of relying on manual checks, this n8n template provides a streamlined sequence: creating an item, updating it with new data (like an image URL), and immediately retrieving it to confirm the changes. This fundamental demonstration of the Webflow n8n node capability is crucial for building reliable data pipelines and ensures that the execution flows correctly from one operation to the next using dynamic data passing within the n8n workflow.

This automation starts with the 'On clicking 'execute'' n8n trigger, designed for immediate manual testing.

1. Creation: The first Webflow n8n node (named 'Webflow') executes the 'create' operation, adding a new item with predefined fields (like 'name' set to 'n8n') to a specified collection.


2. Dynamic Update: The n8n workflow immediately passes the successful creation output (which includes the item's unique id) to the second Webflow n8n node (named 'Webflow2'). This node uses the 'update' operation, referencing the dynamically provided ID (={{$json["id"]}}). It updates the item by adding or changing the 'avatar' field to a specific n8n logo URL.


3. Verification (Get): The final Webflow n8n node (named 'Webflow1') performs a 'get' operation. It uses the same dynamically extracted _id to fetch the item one last time. This step confirms that both the creation and update operations performed by the preceding Webflow n8n nodes were successful, finalizing the execution of the n8n workflow.

1. Import: Copy the entire n8n workflow JSON provided and paste it into your n8n instance using the 'New' -> 'Import from JSON' option.


2. Credentials Setup: Locate the Webflow n8n node instances (Webflow, Webflow1, Webflow2).


3. Webflow API Key: You must configure the 'Webflow Credentials' used by these n8n nodes. Enter your Webflow API Key or OAuth details as required by the n8n platform.


4. Configuration Check: Ensure the Site ID and Collection ID parameters within the n8n node settings match your desired target site and CMS collection in Webflow.


5. Execution: Once credentials and IDs are correctly set, you can execute the n8n trigger to test the full CRUD sequence.

This n8n workflow utilizes the following key components:

On clicking 'execute' (Manual Trigger): This n8n trigger initiates the entire process manually, making it easy to test the sequence of the Webflow n8n node chain.

Webflow (Create):
Function: Creates the initial CMS item.
Key Configuration: Operation set to create. Provides static content for 'name' and 'slug'.

Webflow2 (Update):
Function: Modifies the item created in the previous step.
Key Configuration: Operation set to update. The Item ID is dynamically retrieved using ={{$json["id"]}} from the data output by the first n8n Webflow node. Adds a new field value (e.g., avatar URL).

Webflow1 (Get):
Function: Retrieves the final state of the item for verification.
Key Configuration: Implicitly performs a 'get' operation by specifying the Item ID dynamically via ={{$json["id"]}}, confirming the complete sequence handled by this n8n workflow.