Webflow Integration

Overview

The Webflow integration in Lamatic automates content management and site operations with Webflow. This integration enables both trigger-based workflows that respond to Webflow events and action-based operations for managing sites, collections, and pages.

Features

✅ Key Functionalities

• Event Trigger Support: Responds to Webflow events for real-time processing.
• Action Operations: Supports comprehensive Webflow operations including retrieving site information, managing collections, and accessing page data.
• Multiple Action Types: Provides various actions like List Sites, Get Site Info, List Collections, Get Collection Details, Get Page Metadata, and Get Page DOM Content.
• Flexible Configuration: Each action type has specific parameters tailored to its functionality.

✅ Benefits

• Automated Workflows: Enables automated content processing triggered by Webflow events.
• Content Management: Easily manage and retrieve content from your Webflow CMS.
• Flexible Operations: Provides multiple action types for diverse Webflow management needs.

Prerequisites

Before setting up the Webflow integration, ensure you have the following:

• Webflow Account: Access to a Webflow account with appropriate permissions.
• API Key: A valid Webflow API Key. You can generate this in your Webflow workspace settings.

Setup

Step 1: Obtain Webflow Credentials

To use the Webflow integration, you need to generate an API Key.

1. Log in to your Webflow account.
2. Navigate to your Site Settings or Workspace Settings to generate an API Token.
3. Please refer to the Webflow API Documentation (opens in a new tab) for detailed instructions on how to obtain your API Key.

Step 2: Set Up Lamatic Flow

1. Add Webflow Node

Drag the Webflow node to your flow canvas. You can use it as a Trigger or an Action depending on your workflow needs.

2. Configure Credentials

1. Click on the node to open the configuration panel.
2. Select "Create New Credential" and enter your Webflow API Key (opens in a new tab).

3. Select Action

Choose the desired action from the "Action" dropdown menu. The available actions allow you to interact with Sites, Collections, and Pages.

Configuration Reference

Available Actions

The Webflow integration supports the following actions:

Site Operations

• List Webflow Sites: Retrieve a list of all sites in your Webflow workspace.
• Get Site Information: Get detailed metadata for a specific site.

Collection Operations

• List Collections: Retrieve a list of CMS collections for a specific site.
• Get Collection Details: Get schema and details for a specific collection.
• List Collection Items: Retrieve items within a specific collection.
• Get Collection Item: Get details of a specific item within a collection.

Page Operations

• List Pages: Retrieve a list of pages for a specific site.
• Get Page Metadata: Get metadata (title, SEO settings, etc.) for a specific page.
• Get Page DOM Content: Retrieve the DOM content of a page for processing.

Action Configuration Parameters

Below are the Action Configuration Parameters for each action.

List Collection Items

Get Collection Item

List Pages

Get Page Metadata

Get Page DOM Content

Get Collection Details

List Collections

Get Site Information

List Webflow Sites

No configuration parameters required.

Troubleshooting

Common Issues

Debugging

• Check the "Logs" tab in the node configuration to see the raw response from Webflow.
• Verify that your Webflow site is published if you are trying to access public content.