Streaming live at 10am (PST)

Image upload via Form → Zapier → Webflow CMS — Solved!

I want to know if I can have an image uploaded through the form, sent to Zapier, then displayed in the CMS.

I’ve spent the last couple days trying to figure this out… Finally found some of the answer in the Webflow video “How to use Zapier with your Webflow CMS site” found here at timestamp 15:35. Unfortunately the host could not answer the question I had because he did not have a business account and said he would post the answer to the forum. I had no luck finding it.

PLEASE help me out. I’m going crazy trying to figure this out. Thanks.

1 Like

Hello @iane. Welcome to the Webflow community.

I recently created a site to showcase area restaurants that are open. My workflow relies on a Webflow Form and Zapier to create an item in a collection.

Here’s the part of the form where someone can elect to upload a single file.

Add a Local Business to Naples Guide

Here’s that part of the form in the designer:

Here’s the start of my Zap:

Here’s setting up the item in Webflow in my Zap:

Here’s where I mapped my incoming form elements to the appropriate fields in my CMS. Circled is the image example.

Before mapping form elements to collection fields, I suggest submitting some form data. Having some data that Zapier can see always helps me map fields.

Hope this gets you going on the right track.

Another approach would be to use Integromat instead of Zapier. @mattvaru and @rileyrichter created tutorials and a cloneable showing how they’ve used Webflow forms and Integromat to create collection items. You can see the cloneable and info on tutorials here: https://webflow.com/website/okforok

1 Like

Thanks Colleen! I’ve got all those steps in place already. Still can’t get the images to display in the collection page—but they do appear as submitted in the CMS collection (on the back end). Text inputs in the form display fine and show up in collection and on collection page. It’s strictly an issue with attachments.

What is really getting me is it shows the submitted image in the forms (in Webflow settings)

However does not display in the CMS collection:

Figured it out with the help of Webflow support team.

Within your project settings, have you turned off the restricted file settings in the form settings. This allows non-logged in members to upload files.

4 Likes

Hey! Any idea how to make it work with multi images and Zapier?