BuildShip
Connect BuildShip with Webflow to run backend workflows from form, CMS, e-commerce, and other site events.
Sites built in Webflow handle site design while Webflow manages content and hosting without server-side code. That also leaves no built-in place for scheduled backend jobs or AI model calls, including workflows that push form data into an external database. A form submission can trigger an email notification, but enriching that lead or routing it to a CRM needs a backend.
BuildShip fills that gap with a visual backend that connects natively to Webflow. Its Webflow Trigger subscribes to site events over OAuth. Those events span site publishes, page events, Webflow CMS collection changes, and e-commerce orders. (Webflow retired its user-account webhook events when it sunset User Accounts on January 29, 2026.) Prebuilt action nodes can write results back into CMS collections and products, and read form schemas or submissions for downstream processing.
The integration fits no-code builders, including founders and agencies shipping client work on Webflow. EPYC, a no-code development studio, paired a Webflow frontend with BuildShip. The team built LinkedIn authentication and data routing for Accel's Atoms cohort application. The same pattern suits lead enrichment and AI-generated CMS entries.
How to integrate BuildShip with Webflow
What is BuildShip? BuildShip is a cloud-hosted visual backend builder from Rowy Inc. You build workflows on a canvas with AI-generated logic, then ship each workflow as an API endpoint or scheduled job, with webhook receiver support. Every node's code is editable JavaScript or TypeScript, and workflows support over one million NPM packages.

Teams pair the two tools when a site needs behavior Webflow doesn't run natively. A contact form can enrich leads through Apollo before they reach HubSpot. A Webflow CMS collection can fill its own fields with AI-generated content the same way. Webflow fires an event, BuildShip runs the logic, and the result lands back in Webflow or a third-party tool.
The BuildShip-Webflow integration supports these approaches:
- The BuildShip app handles event triggers and prebuilt Webflow action nodes without writing code.
- Code Embed elements and form settings let you place BuildShip widgets and workflow endpoints directly on your pages.
- The Webflow Data API and BuildShip APIs give you full control over CMS writes and webhook work, including order-related API calls, for cases the prebuilt nodes don't cover, but require server-side development.
Most implementations combine two or more of these methods depending on the complexity of the setup.

Install the BuildShip app
The BuildShip app on the Webflow Marketplace is the fastest path and needs no code. Its Webflow Trigger subscribes to site events over OAuth and registers the webhook for you. Prebuilt action nodes then write results back to the CMS or store and can read form data. You need a BuildShip account and a Webflow site you can authorize.
To set up the integration:
- In BuildShip, create a workflow, add the Webflow Trigger, and click Authenticate to log into Webflow and select your sites.
- In Webflow, go to Site settings > General, copy the Site ID from the bottom of the page, and paste it into the trigger..
- Select a trigger event, such as
form_submission, and optionally filter by form name on multi-form sites. - Click Connect, then publish the workflow. Publishing registers a form submission webhook in Webflow.
- Publish your Webflow site, then confirm the webhook under Site settings > Apps & integrations.
Once connected, the app covers these triggers and actions:
- Trigger events for form submissions, site publishing, page events, e-commerce orders, and CMS collections
- CMS nodes including Create Item, Create Live Item, Create Collection, Create Collection Field, and Get Collection Details
- E-commerce nodes for Create Product & SKU and List Products and SKUs
- Form nodes for Get Form Schema and Get Form Submission
After connecting, click Get Data to pull a real sample payload from the Webflow API before mapping downstream nodes.
Add BuildShip endpoints with Code Embed and form settings
BuildShip workflows also connect to Webflow pages without the trigger. A shipped workflow produces either a code snippet you embed or an endpoint URL you point a form at. Both paths keep the logic in BuildShip while the site stays fully visual. Code Embed requires a Core, Growth, Agency, or Freelancer Workspace, or an active Site plan.
Embed the AI chatbot widget
BuildShip ships its AI Assistant as a ready-made chat widget. Per BuildShip's AI assistant tutorial, you copy the snippet BuildShip provides and add it to a page with an embed component.
To embed the widget:
- In BuildShip, build the assistant workflow and copy the widget code snippet.
- In Webflow, drag a Code Embed element onto the page and paste the snippet.
- To load the widget site-wide, paste the snippet under Site settings > Custom code instead, following the steps for custom code in head and body tags.
Each embed holds up to 50,000 characters; reference an external script or split the code if the snippet runs longer.
Route form submissions to a workflow endpoint
BuildShip's REST API Call Trigger generates an HTTP endpoint for any workflow. You can point a Webflow form at that endpoint through the form's custom action setting.
To route a form:
- In BuildShip, go to the Connect tab, select Rest API Call, and define an endpoint path. POST is the default method.
- Click Connect to generate the unique endpoint URL.
- In Webflow, select the form, open the Settings panel, choose Custom action, and paste the URL with the POST method.
A custom action URL bypasses Webflow's native form processing, so submissions stop appearing in Site settings > Forms and email notifications stop. Use the Webflow Trigger method instead when you want to keep both.
Build with the Webflow and BuildShip APIs
Direct API work covers what the prebuilt nodes don't. BuildShip lists Create Item and Create Live Item nodes for the CMS, but no Update Item or Delete Item node. Those operations go through Webflow's Data API v2 at https://api.webflow.com/v2. This path suits developers who need exact control over payloads and scopes, with their own error handling.
- BuildShip's REST API Call Trigger turns any workflow into an HTTP endpoint accepting JSON request bodies; it also handles form-encoded and plain-text requests.
- Webflow's Data API v2 handles CMS collection items and form submissions with bearer-token authentication.
- Webflow webhooks push real-time events like
collection_item_createdandecomm_new_orderto any endpoint.
Creating webhooks via the API requires a Data Client App token with the sites:write scope; site tokens cover other Data API operations. See the create webhook reference.
Update and delete CMS items with the HTTP node
BuildShip's Starter HTTP node sends requests to any API with a UI-based configuration, which fills the gap left by the missing update and delete nodes.
To update a CMS item from a workflow:
- Add the Starter HTTP node from the Core Nodes section.
- Send
PATCH https://api.webflow.com/v2/collections/{collection_id}/items/{item_id}with anAuthorization: Bearerheader and a token holding theCMS:writescope, per the update item reference. - Publish the staged change with
POST https://api.webflow.com/v2/collections/{collection_id}/items/publish, per the publish items reference.
Deleting works the same way with DELETE on the item endpoint.
Call a BuildShip endpoint from page code
Client-side JavaScript on a Webflow page can call any shipped BuildShip workflow. Each ship produces a project-specific URL in the format https://008vd0.buildship.run/story-gen.
To call a workflow from a page:
- Ship the workflow in BuildShip and copy its endpoint URL.
- Add a Code Embed element with a
fetchcall:
<script>
fetch('https://YOUR-PROJECT.buildship.run/your-endpoint', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer YOUR_API_KEY'
},
body: JSON.stringify({ email: 'visitor@example.com' })
});
</script>
- In the workflow, add an
Authorizationinput mapped from request headers and return HTTP 401 for invalid tokens, following BuildShip's secure API tutorial.
CORS behavior for browser calls to BuildShip endpoints is not covered in the official BuildShip or Webflow docs, so test browser requests before relying on them in production.
What you can build with the BuildShip Webflow integration
Integrating BuildShip with Webflow lets you run backend logic behind your site without provisioning servers.
- Lead capture with enrichment and CRM routing: A Webflow contact form triggers a workflow that enriches submissions with Apollo's Enrich People Data node. The workflow then sends the lead to Salesforce or HubSpot and replies to the submitter.
- AI chatbot on a marketing site: An embedded chat widget answers visitor questions using OpenAI and Claude models or Azure-backed deployments. BuildShip's AI assistant guide backs the widget with data pulled from Google Sheets.
- Self-filling CMS content: A workflow listens for new CMS entries, generates the remaining field values with AI, and writes them back to the entry through the Data API, since BuildShip lacks a prebuilt Update Item node.
- E-commerce social automation: The Webflow Item Created Instagram Post workflow triggers automatic posts to Instagram, LinkedIn, X, or Facebook when someone creates a new product in Webflow, with AI-generated images from Flux.
If you need more control over CMS updates and order fulfillment, including unsupported Webflow actions, the API integration path covers those cases with full flexibility. See the Webflow CMS API guide to get started with those write operations.
Frequently asked questions
Add BuildShip's Webflow Trigger, select the
form_submissionevent, and click Connect. The trigger authenticates over Webflow OAuth and takes your Site ID from Site settings > General; a filter can limit the webhook to one named form. The Get Data button fetches a live sample payload so you can map form fields into downstream nodes. BuildShip's Webflow Trigger documentation covers the full setup.No. BuildShip's native Webflow integration is itself the automation layer, with triggers and action nodes that make middleware unnecessary for Webflow use cases.
Code Embed and head or body custom code require a Core, Growth, Agency, or Freelancer Workspace, or an active Site plan, per the Code Embed requirements. Form-based workflows work on any Site plan.
Yes. The Webflow Trigger subscribes to
ecomm_new_orderandecomm_order_changed. Payloads includeorderId,status,customerPaid,purchasedItems, and shipping details. BuildShip also provides Create Product & SKU and List Products and SKUs nodes; note that a product item needs at least one SKU. For fulfillment, callPOST /v2/sites/{site_id}/orders/{order_id}/fulfillfrom an HTTP node, per the fulfill order reference.Check the
x-webflow-timestampandx-webflow-signatureheaders on each request; the signature is a SHA-256 HMAC you validate against the payload. The working with webhooks guide documents the verification steps. Inside BuildShip, add the validation logic as a node before any action that writes data.
Description
Run backend logic behind a Webflow site without server code. Set up through the BuildShip app's native Webflow Trigger or by embedding workflow endpoints on your pages.
This integration page is provided for informational and convenience purposes only.
Google Docs
Connect Google Docs with Webflow to embed live documents, sync content to CMS Collections, or build custom API publishing pipelines.
Zapier
Connect Zapier with Webflow to automate form routing, CMS updates, and ecommerce order processing across 7,000+ apps.

Smartarget Contact Us
Connect Smartarget Contact Us with Webflow to add a floating multi-channel contact widget that lets visitors reach you on WhatsApp, Telegram, email, and 12+ messaging platforms.

CMS Bridge
Connect CMS Bridge with Webflow to sync Airtable records to your CMS collections with record-level control over content states and publishing.

Osmo SVG Import
Connect Osmo SVG Import with Webflow to add fully editable SVG elements to your site without character limits or manual code editing.

Telegram Chat - Contact Us
Connect Telegram Chat - Contact Us to your Webflow site to add a floating Telegram chat widget that lets visitors message you directly from any page.

Form Fields Pro
Connect Form Fields Pro with Webflow to add advanced input types, including searchable selects, date pickers, number range pickers, and file uploaders, to native Webflow forms.

Vault Vision User Authentication
Connect Vault Vision with Webflow to add passwordless login, social sign-in, and per-page access control to any Webflow site without backend code.

Integrately
Connect Integrately with Webflow to automate form submissions, CMS updates, and e-commerce orders across 1,500+ apps without writing code.


