Have any of you ever programmatically set up Webflow pilots after sending a form submission to a custom endpoint? If so, do you have any pointers to save me research time? Thank you!
TL;DR
- Redirect the Webflow form to a custom endpoint (e.g., Node.js or no-code tool like Make/Zapier).
- Authenticate using a Webflow API token and send a POST request to create a live CMS item.
- Match form input to CMS field IDs, validate and sanitize data before submission.
Yes, it's possible to programmatically set up Webflow CMS items or initiate actions after a form submission is sent to a custom endpoint. If you're trying to create Webflow CMS collections from a form (e.g., user-generated content), here are key pointers.
1. Set Up Custom Form Submission Endpoint
- Change the form's
Actionin Webflow to point to a custom server (like a Node.js app or AWS Lambda). - This custom server will handle the POST request sent by the form submission.
- Use tools like Make (Integromat) or Zapier if you want no-code/low-code backend logic.
2. Authenticate with Webflow API
- Use Webflow's CMS API v2 (recommended) for better support and long-term reliability.
- You’ll need a Webflow Site Access Token (OAuth token or Personal Access Token).
- Set the Authorization header as:
Authorization: Bearer YOUR_TOKEN.
3. Create a New CMS Item via API
- Use the Create Live Item endpoint:
POST https://api.webflow.com/v2/collections/{collection_id}/items- Required headers:
Content-Type: application/jsonAuthorization: Bearer your_token- Body payload should include:
"isArchived": false"isDraft": false"fields": { ... }— keys must match your Webflow CMS field IDs (not labels).
4. Get Field IDs
- Use the Get Collection endpoint to retrieve field structure:
GET https://api.webflow.com/v2/collections/{collection_id}- Match your form fields to the actual CMS field IDs in the
fieldsobject.
5. Data Sanitization & Validation
- Because the Webflow API is strict, validate all incoming form data before sending to the CMS.
- Ensure required fields (like
name, slug, etc.) are present and correct in format.
6. Delays in Form Submission to Live Content
- If you're using Live Item creation, the item shows up instantly on your site (after next automatic Webflow publish).
- If using Webflow staging environment during testing, check permissions and delays in display.
Summary
To set up Webflow CMS items after a form submission:
- Redirect your Webflow form to a custom endpoint.
- Authenticate your server with Webflow using a token.
- Use the Webflow API to create a live CMS item with validated form data.
- Ensure field keys match the CMS fields, and sanitize inputs.
If you’re using no-code tools, platforms like Make offer prebuilt Webflow modules to reduce complexity.