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 Action in 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/json
  • Authorization: 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 fields object.

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.

Rate this answer

Other Webflow Questions