Create Webflow CMS items from form submissions


Here is my public share link: LINK
(how to access public share link)

Dear all,

Webflow Logic has ended, and it’s very difficult to convert a forms into a cms items using the method “make” recommended by webflow.

I just want to create a webflow collection items automatically after a visitor has filled in a form. I have been searching for this solution for a very long time without success.

Our organisation Action For Africa (www.actionforafrica.org) is a Nonprofit. We want the visitors to be able to submit a request for help via a form containing text and images –> and these requests to appear as a CMS collection items in a collection list.

Does anyone have a solution?

Thanks and regards

1 Like

Hi there!

You can automatically create CMS Collection items from form submissions using Zapier. Here’s how to set it up:

Webflow’s native forms can connect directly to Zapier. First, set up your form in Webflow and ensure it collects all the fields you want to add to your CMS Collection. Then, in Zapier:

  1. Create a new Zap with “Webflow Form Submission” as the trigger
  2. Select your Webflow site and form
  3. Choose “Webflow” as the action app
  4. Select “Create Collection Item” as the action
  5. Map your form fields to the corresponding CMS Collection fields

You can also use third-party form services like MailChimp if you need additional form functionality. These services can be integrated with Zapier in a similar way to create CMS Collection items.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like

Use Make, as it has a free plan and is generally more versatile.

For simplicity, I’d probably front end it with a Jotform which simplifies the file uploads and also has a free plan.

1 Like

Hi @memetican Thank you for your reply, i will not recommend Makes because the makes team don’tv really how to connect the scenario with webflow CMS , I think it’s the main part (file attached)

After creating the webhook, the makes appear on every forms in the website, but nothing it doesn’t works . The scenario on makes should be connected to a precise form.

I think the webflow team should send a tutorial for this third-party after the end of logic because it’s very tiring

Thanks and regards

1 Like

Hi @WebflowAIModerator thank you for your suggestion , I will try now and get back to you.

After the end of logic, If I’m not mistaken, the Webflow team didn’t take the time to make a tutorial. I looked for this solution without success. It’s an important part to interact with visitors and allow them to interact with the website

Regards

1 Like

You’ll find the same issues with most automation platforms. They simplify the integration and automations, and save you the code-writing and hosting- but it’s still a technical task to setup.

TRIGGER

Form triggers often require you to check the name of the form sent, so you can process only the ones you want. That’s easy to do.

However if you want, you can just setup a webhook as the trigger, and POST to it directly from the form action, which will only occur for that one form. I often prefer that but it does mean you have to setup your own spam solution. Here the big advantage of Make is that it can do round trip webhooks, so you can do more complex programming where a result is returned from your automation.

ACTION

Make covers a good number of API endpoints but I remember some calls being limited, so you have to do a general API call yourself.

Some like zapier better, I dislike it’s linear pathing but mostly I dislike the pricing. I watched client costs jump from $35/mo to $800/mo at the last pricing change.

1 Like

Hello @Yanntop I think this tutorial might put you on the right track https://www.youtube.com/watch?v=jBaJBYBUiK0 I hope it helps.

2 Likes

Hi @Yanntop, I have created for an existing client what you are hopefully looking for using a combination of Make and AirTable to create a WebFlow CMS item, both on free plans. Am happy to go through it with you.

1 Like