Connect Webflow to Definable AI

Webflow is a no-code website design and hosting platform, letting users build responsive sites, launch online stores, and maintain content without coding

About Webflow

Webflow is a productivity tool. Connect it to Definable AI with one-click OAuth2 — no API keys or custom code required.

What you can automate with Webflow

Use Definable AI's agent platform to trigger workflows from Webflow, process results with 50+ AI models, and sync data across 900+ connected apps.

Tools & Actions (52 available)

  • Bulk Create Collection Items: Tool to create one or multiple items in a Webflow CMS Collection across multiple locales. Use when you need to create up to 100 collection items in a single request. If cmsLocaleIds is not included for an item, it will only be created in the primary locale. Requires CMS:write scope.
  • Create Asset Folder: Tool to create a new Asset Folder within a Webflow site. Use when you need to organize assets by creating folders. Requires assets:write scope.
  • Create Collection Field: Tool to create a custom field in a Webflow collection. Use when you need to add a new field to an existing collection. Field validation is currently not available through the API. Bulk creation of fields is not supported - fields must be created one at a time.
  • Create Live Webflow Collection Item: Tool to create a collection item that will be immediately published to the live site. Use when you need items to appear on the live site instantly without staging. This bypasses the staged item workflow and creates items directly in the live database.
  • Create Webflow Collection: Tool to create a new collection in a Webflow site. Each collection includes required 'name' and 'slug' fields which are generated automatically. Use this when you need to create a new CMS collection with custom fields. Required scope: cms:write
  • Create Webflow Collection Item: This tool creates a new item in a specified Webflow collection. It requires the collection_id and field_data parameters (including required name and slug) and optionally accepts an is_draft flag. Authentication is assumed to be provided, and the collection_id can be obtained by using the WEBFLOW_LIST_COLLECTIONS tool. IMPORTANT: The field_data keys must use the exact field 'slug' values from the collection schema, not display names. Use WEBFLOW_GET_COLLECTION first to retrieve the collection schema and identify the correct field slugs to use.
  • Delete Collection Field: Tool to delete a custom field from a Webflow collection. Use when you need to permanently remove a field from a collection schema. This endpoint does not currently support bulk deletion and requires the 'cms:write' authentication scope.
  • Delete Multiple Collection Items: Tool to delete multiple items from a Webflow collection in a single request. Use when you need to remove multiple collection items efficiently. Items are deleted only in the primary locale unless cmsLocaleIds are specified. Requires CMS:write scope.
  • Delete Webflow Asset: Tool to delete an Asset from Webflow. Use when you need to permanently remove an asset from a site. Requires assets:write scope.
  • Delete Webflow Collection: Tool to delete a collection from Webflow using its unique identifier. Use when you need to permanently remove a collection. This operation requires the 'cms:write' scope and cannot be undone.
  • Delete Webflow Collection Item: This tool allows you to delete a specific item from a collection in Webflow. It permanently removes the item from the specified collection and complements existing collection management tools. The tool requires a collection_id to identify the collection and an item_id to identify the item, with an optional cms_locale_id parameter for handling multi-language content.
  • Delete Webflow Webhook: Tool to remove a Webhook from Webflow. Use when you need to delete an existing webhook by its ID. Requires 'sites:read' scope.
  • Fulfill Order: This tool allows you to mark an order as fulfilled in Webflow's e-commerce system. It's essential for managing order fulfillment in Webflow stores.
  • Get Asset Details: Retrieves detailed information about a specific asset by its ID from a Webflow site. Returns asset metadata including content type, size, URLs, variants, and other properties. Use this when you need to access details about an uploaded asset. This tool requires the 'assets:read' authentication scope.
  • Get Asset Folder Details: Tool to retrieve details about a specific Asset Folder in Webflow. Use when you need information about a folder's name, parent folder, assets it contains, and metadata like creation/update dates. Requires assets:read scope.
  • Get Collection Details: Retrieves a specific collection by its ID from a Webflow site. This endpoint returns detailed information about the collection, including its name, slug, and schema. It requires a valid collection_id as a parameter and complements the WEBFLOW_LIST_COLLECTIONS tool for accessing specific collection details. This tool requires the 'cms:read' authentication scope.
  • Get Collection Item: This tool retrieves a specific item from a Webflow collection. It allows users to fetch detailed information about a single collection item using its unique identifier. The tool is used to get an item's details such as its id, timestamps (lastPublished, lastUpdated, createdOn), archive/draft status, fieldData, and cmsLocaleId. This tool requires appropriate 'cms:read' authentication scope.
  • Get Component Properties: Tool to get the default property values of a component definition. Use when you need to retrieve text content properties (plain text or rich text) for a specific component. If you do not include a localeId in your request, the response will return any properties that can be localized from the Primary locale. Required scope: components:read
  • Get Custom Domains: Tool to retrieve all custom domains associated with a specific Webflow site. Use when you need to list the custom domain URLs configured for a site.
  • Get Item Inventory: This tool retrieves the current inventory levels for a specific SKU item in a Webflow e-commerce site. It provides information about the item's inventory quantity and type (finite or infinite) and complements the WEBFLOW_UPDATE_ITEM_INVENTORY action by allowing users to check inventory levels before making any updates. Requirements: - E-commerce must be enabled on the Webflow site - The collection_id must be a SKU collection ID (not a regular CMS collection) - The item_id must be a valid SKU item ID - Requires the 'ecommerce:read' authentication scope
  • Get Live Collection Item: Retrieves details of a selected Collection live Item from Webflow. Use this when you need to access the published version of a collection item. For serving data to applications in real-time, the CDN-backed endpoint at api-cdn.webflow.com is recommended for better performance. This tool requires the 'cms:read' authentication scope.
  • Get Order Details: This tool retrieves detailed information about a specific order in Webflow. It allows users to fetch comprehensive order details including customer information, items purchased, payment status, and shipping details. The response includes order status, customer details, billing and shipping information, items purchased, payment details, order total, timestamps, fulfillment status, and additional comments or tracking information.
  • Get Page DOM Content: Tool to retrieve the DOM/content node structure for a Webflow static page. Use when you need to inspect page elements, locate text content, or identify components for localization or text replacement. Returns static text and image nodes but not the complete DOM structure. Only works with static pages, not CMS template pages.
  • Get Page Metadata: Tool to retrieve metadata for a single Webflow page by page_id. Use when you need detailed information about a specific page including title, slug, SEO/OpenGraph settings, draft/published state, localization, and branching details. Requires pages:read scope.
  • Get Token Authorized By: Tool to retrieve information about the user who authorized the access token. Use when you need to identify the authorized user's ID, email, first name, and last name.
  • Get Webflow Site Information: This tool retrieves detailed information about a specific Webflow site. It includes site id, workspaceId, creation and update dates, display names, and other settings like previewUrl, timeZone, customDomains, and locale settings. It requires a valid 'site_id' and appropriate 'sites:read' authentication scope.
  • List Asset Folders: Tool to list all asset folders within a given Webflow site. Use when you need to retrieve folder structure for asset organization or when uploading assets to specific folders.
  • List Collection Items: This tool retrieves a list of items from a specified collection in Webflow. It supports pagination and filtering, and is essential for fetching multiple items from a collection, such as blog posts, products, or any content stored in collections.
  • List Comment Threads: Tool to list all comment threads for a Webflow site. Use when you need to retrieve comments on pages for collaboration or review purposes. Note: New comments may take up to 5 minutes to appear.
  • List Form Submissions: This tool retrieves a list of form submissions for a specific Webflow site. It allows users to fetch form submission data with pagination support and optional filtering by form element ID.
  • List Pages: This tool retrieves a list of all pages for a specified Webflow site. It can access both static and CMS-driven pages and provides information such as the page's unique identifier, name, URL slug, creation and update timestamps, and publication status. It is useful for auditing site structure, building site maps, and monitoring page updates.
  • List Webflow Assets: Tool to retrieve all assets (images, files) uploaded to a Webflow site. Use when you need to list or search for assets within a site. Supports pagination for large asset collections.
  • List Webflow Collections: This tool retrieves a list of all collections for a given Webflow site. It uses the site_id (obtained from WEBFLOW_LIST_WEBFLOW_SITES) to return a list of collections, each with properties such as id, name, slug, singularName, lastUpdated, and fields. This tool is fundamental for working with Webflow's CMS and requires appropriate 'cms:read' authentication scope.
  • List Webflow Orders: This tool retrieves a list of all orders for a specified Webflow site using the GET /sites/{site_id}/orders endpoint. It accepts a required site_id parameter and optional parameters such as status (to filter orders by their status), offset (for pagination), and limit (specifies the number of items per request). The response includes order details like order_id, created_on, customer_info, status, total, items, shipping_address, billing_address, and payment_info. This functionality supports ecommerce workflow management and requires the scope ecommerce:read.
  • List Webflow Sites: This tool retrieves a list of all Webflow sites accessible to the authenticated user. It is a fundamental and independent action which only requires an authentication token and returns details for each site including site_id, name, shortName, lastPublished, previewUrl, timezone, and status.
  • List Webflow Webhooks: Tool to list all App-created Webhooks registered for a given site. Use when you need to retrieve the webhooks configured for a Webflow site. Requires 'sites:read' scope.
  • Publish Collection Items: Tool to publish one or multiple staged collection items in Webflow. Use when you need to make draft items live on the published site. Supports both simple publishing (via item_ids) and locale-specific publishing (via items with cms_locale_ids) for multi-locale sites.
  • Publish Webflow Site: This tool publishes a Webflow site, making all staged changes live. It uses the POST /v2/sites/{site_id}/publish API endpoint and requires a valid site_id. You can optionally specify custom domain IDs or choose to publish to the default Webflow subdomain. It is essential for deploying updates made to site content, design, or structure. Rate limit: 1 successful publish per minute.
  • Refund Order: This tool allows you to refund a Webflow e-commerce order. When executed, it reverses the Stripe charge and sets the order's status to 'refunded'. It handles customer returns or order cancellations.
  • Unfulfill Order: This tool allows you to mark a previously fulfilled order as unfulfilled in Webflow. It is useful for reversing a fulfillment action when an order was mistakenly marked as fulfilled or if there are issues with shipment.
  • Unpublish Live Collection Item: Tool to unpublish a live item from the Webflow site and set the isDraft property to true. Use when you need to take a published collection item offline and revert it to draft status. Requires CMS:write scope.
  • Unpublish Live Collection Items: Tool to unpublish up to 100 items from the live site and set isDraft property to true. Use when you need to remove items from live view while keeping them in the collection. Items are unpublished only in the primary locale unless cmsLocaleIds are specified. Requires CMS:write scope.
  • Update Collection Field: Tool to update a custom field in a Webflow collection. Use when you need to modify field properties like display name, help text, or required status. Requires cms:write scope. At least one field property (displayName, helpText, or isRequired) must be provided for the update.
  • Update Collection Item (V2 Single): Tool to update a selected Item in a Webflow Collection using the single-item PATCH endpoint. Use when you need to update an existing collection item with new field values, draft status, or archive status. Requires CMS:write scope.
  • Update Item Inventory: This tool allows you to update the inventory levels of a specific SKU item in your Webflow e-commerce site by either setting the inventory quantity directly or updating it incrementally. It updates the inventory status using the PATCH /collections/:collection_id/items/:item_id/inventory endpoint and requires the 'ecommerce:write' scope.
  • Update Live Collection Items: Tool to update single or multiple published items (up to 100) in a Webflow Collection. Use when you need to update items that are already published to the live site. Items will only be updated in the primary locale unless a cmsLocaleId is included in the request.
  • Update Live Webflow Collection Item: Tool to update a selected live Item in a Webflow Collection. Use when you need to publish updates to a collection item directly to the live site. The updates are immediately published and visible on the production website.
  • Update Order: This tool allows updating specific fields of an existing order in Webflow. It's particularly useful for managing order fulfillment details and adding internal notes.
  • Update Page Metadata: Tool to update page-level metadata in Webflow including SEO and Open Graph fields. Use when you need to modify a page's title, slug, SEO settings, or Open Graph annotations. Requires pages:write scope.
  • Update Webflow Collection Item: Updates an EXISTING item in a Webflow collection. This action is for modifying items that already exist - it requires a valid item_id (24-character hexadecimal MongoDB ObjectId) of an existing collection item. IMPORTANT: This action cannot create new items. To create new collection items, use WEBFLOW_CREATE_COLLECTION_ITEM instead. Uses the PATCH /collections/{collection_id}/items endpoint to modify fields available in the collection's schema and returns the updated item with metadata.
  • Update Webflow Site: Tool to update a Webflow site's properties such as name and parent folder. Use when you need to modify site settings. This endpoint requires an Enterprise workspace and the sites:write OAuth scope.
  • Upload Asset to Webflow: This tool allows users to upload assets (files, images, etc.) to a Webflow site. It involves a two-step process: first, generating a pre-signed Amazon S3 upload URL by calling the Webflow API, and second, uploading the file to that S3 URL. IMPORTANT: The file_content parameter must contain actual base64-encoded binary data, NOT a placeholder or variable reference. For example, 'SGVsbG8gV29ybGQh' is valid base64 that decodes to 'Hello World!'. The tool requires parameters such as site_id, file_name, file_content, md5, and optionally asset_folder_id to correctly upload and manage assets for the specified Webflow site.

How to connect Webflow

  1. Sign in to Definable AI and go to Apps
  2. Search for Webflow and click Connect
  3. Authorize via OAuth2 — takes under 30 seconds
  4. Use Webflow actions in your AI agents and workflows