Integrately

Webflow handles design, content management, and publishing well. It does not route form submissions to a CRM, sync CMS updates to a spreadsheet, or trigger fulfillment workflows when orders come in. Those connections require manual exports or custom development. Both of which slow teams down and introduce errors as submission volume grows.

Integrately addresses that gap with server-to-server automation. When a form is submitted, a CMS item is created, or an order comes through, Integrately picks up the event in real time and routes data to apps like HubSpot, Google Sheets, Salesforce, or Slack, all configured through a point-and-click dashboard with no code on the Webflow side.

This integration suits marketers routing leads into CRMs, e-commerce managers automating order processing, and agencies building repeatable client workflows.

How to integrate Integrately with Webflow

What is Integrately? Integrately is a no-code automation platform that connects 1,500+ apps through pre-built and custom workflows. It uses webhook-based triggers to detect events in connected apps and routes data to destination services through a visual field-mapping interface. Integrately is operated by CompanyHub.

Marketing and operations teams use Integrately and Webflow together when they need data to move automatically between the site and external tools, without relying on manual exports or custom backend code. The most common use cases include lead routing, order processing, and CMS content sync.

The Integrately-Webflow integration supports three approaches:

• The Integrately app handles account-based automation for forms, CMS items, and orders, with no code required on the Webflow side.  
• Code Embed elements let you place Integrately embed widgets on specific Webflow pages using copy-paste code snippets.  
• The Webflow and Integrately APIs enable custom HTTP request workflows for use cases beyond Integrately's pre-built triggers and actions, but require developer resources.

Most implementations use the native connector and reach for the API path only when the built-in trigger set is too narrow.

Install the Integrately app

The Integrately app in the Webflow Apps Marketplace connects your site to Integrately through an account-based authentication flow. The connection runs server-to-server — nothing gets installed on or added to your Webflow site.

The app covers the most common automation use cases:

• Routing Webflow form submissions to CRMs, email tools, and spreadsheets  
• Syncing CMS item creation and updates to external databases  
• Triggering fulfillment and notification workflows on new or updated e-commerce orders  
• Running multi-step automations with data transformation, delays, and conditional routing

Five instant webhook-based triggers are available for Webflow:

• Form is submitted in Webflow: Routes form field data to CRMs, email platforms, spreadsheets, or notification apps.  
• Collection item is created in Webflow: Fires when a new item appears in any Webflow CMS collection.  
• Collection item is updated in Webflow: Detects changes to existing CMS items for syncing to external databases.  
• Order is created in Webflow: Triggers fulfillment, notification, or record-keeping workflows for new e-commerce orders.  
• Order is updated in Webflow: Fires on order status changes for shipping updates or customer communication.

All five triggers require Integrately's Starter plan or above. The Free plan does not support webhooks and cannot use any Webflow trigger.

To set up a form-to-app automation:

1. Log in at integrately.com and search for Webflow in the app search bar  
2. Browse templates with "New Webflow Form Submission" as the trigger, or start a custom workflow  
3. Click Activate on the matching template — for example, "Create row in Google Sheets for new Webflow form submission"  
4. Click Connect Account for Webflow and follow the authentication prompts  
5. Select the target Webflow site from the dropdown  
6. Connect the destination app and map form fields using Integrately's field-mapping interface  
7. Submit a test form entry on the live Webflow site to verify data arrives  
8. Turn the automation on

Each Webflow form field uses its name attribute as the key in the webhook payload. Changing a field's visible label in Webflow does not change its name. If you edit the name attribute later, review your existing field mappings in Integrately and retest the automation.

Integrately also lists pre-built multi-step templates that chain multiple actions from a single Webflow trigger — for example, routing a form submission through an email verification step before adding the contact to HubSpot. Templates with branching and conditional routing require Integrately's Professional plan or above.

Add Integrately components with Code Embed elements

Code Embed elements let you place Integrately embed widgets on specific Webflow pages. Use this method when you want to surface an Integrately interface directly on a page rather than running a background data sync.

To embed on a specific page:

1. Go to integrately.com/embed and configure the widget settings  
2. Copy the generated code snippet  
3. In Webflow, open the target page and drag a Code Embed element onto the canvas from the Add panel  
4. Paste the snippet into the code editor, then click Save & Close  
5. Publish the site to make the embed live

For site-wide placement, add the snippet through custom code in the head or body: go to Site Settings → Custom Code and paste the Integrately snippet into the footer code field. This loads the widget across all pages.

Both methods require publishing the Webflow site before changes appear to visitors, making this approach best suited to front-end embed use cases rather than background data sync. Code Embed requires a paid Webflow site plan.

Build with the Webflow and Integrately APIs

Direct integration using the Webflow API and Integrately's Webhook/API app handles workflows that go beyond Integrately's five pre-built Webflow triggers. This path requires developer resources but gives you full control over how the two platforms exchange data.

Webflow's API v2 uses bearer token authentication. All requests include an Authorization: Bearer <token> header. Three token types are supported: site tokens (scoped to a specific site, generated from the Site Dashboard), workspace tokens (Enterprise-only), and OAuth tokens (for integrations spanning multiple sites or requiring user-specific access).

Key API capabilities relevant to Integrately workflows:

• Create CMS collection items with POST /v2/collections/{collection_id}/items — requires cms:write scope  
• Register webhooks with POST /v2/sites/{site_id}/webhooks — supports 15+ event types including form_submission, collection_item_created, ecomm_new_order, page_created, and site_publish  
• List and manage e-commerce orders through the ecommerce endpoints — requires ecommerce:read scope

Webflow's webhook events extend beyond what Integrately surfaces natively. Events like collection_item_deleted, collection_item_published, ecomm_inventory_changed, and site_publish can be routed to Integrately's Webhook/API app by using a generated webhook URL as the destination endpoint.

Write CMS items from external apps

Items created through the Webflow API default to draft status — they will not appear on the live site until a separate publish step runs. The site publish endpoint is limited to one publish per minute, so workflows that create and immediately publish individual items will hit this limit quickly when processing more than one item at a time. Batch items and publish once where possible.

CMS plan sites support up to 2,000 items across up to 20 collections. Business plan sites support up to 10,000 items across up to 40 collections. Any create action that exceeds the plan's item cap returns an API error.

Send custom HTTP requests from Integrately to Webflow

Integrately's Webhook/API app supports outbound HTTP requests using GET, POST, PUT, PATCH, DELETE, HEAD, and OPTIONS methods, so you can call any Webflow API v2 endpoint directly from an Integrately workflow step.

For example: trigger an automation from an external CRM event, use Integrately's Webhook/API app to send a PATCH request to https://api.webflow.com/v2/collections/{collection_id}/items/{item_id} with updated fieldData, and update a Webflow CMS item without touching the Webflow dashboard. Include the bearer token in the Authorization header and set Content-Type to application/json.

Webflow delivers all webhook payloads as HTTP POST with Content-Type: application/json, including x-webflow-timestamp and x-webflow-signature (HMAC SHA-256) headers for verification. Capture a test payload from your specific collection before building field mappings, since fieldData keys vary between collections.

What you can build with Integrately Webflow integration

Integrating Integrately with Webflow lets you automate data routing between your site and external tools without manual exports or custom backend code.

• Lead capture with CRM routing: Route Webflow contact form submissions into HubSpot deals, Salesforce leads, or GoHighLevel contacts — with field mapping for name, email, phone, and custom properties running automatically on every submission.  
• E-commerce order processing: Trigger fulfillment and notification workflows when a Webflow store receives a new order, routing order data to a Google Sheet for record-keeping, a Slack channel for team alerts, or a CRM for post-purchase outreach.  
• CMS content sync: Push new or updated Webflow CMS items to Airtable, Google Sheets, or other databases automatically, keeping external records in sync without manual exports.  
• AI-assisted content from CMS updates: Send updated CMS item content to OpenAI for processing — generating summaries, translations, or social copy — and deliver the result via email or write it back to another collection.

For workflows that require webhook events beyond Integrately's five built-in triggers, the Webflow webhook reference documents 15+ event types that can be routed through Integrately's Webhook/API app.