Webflow form image upload to CMS item with Zapier

Hello!

I’ve come across a bit of an issue with Zapier and I’m wondering if anyones had the same thing! (This may be a Zapier forum question I apologise)

Essentially I have a Zap set up where

  • A form is submitted on Webflow
  • That form submission is pulled through to Zapier
  • We then take the form fields and create a Webflow item based on those fields

The form is for users to submit community events to share, and we host them on our site. We have a file upload on Webflow for users to upload an event ‘banner image’.

The image comes through Zapier fine, but when we go to create an item, it seems like the item gets created but the image is not pulled through.

Screenshots of the image URL being pulled into the zap configuration:


*potentially I need to be selecting a different field here? But I was pretty sure it was just the hosted URL.

Data in on the zap:

But the image field does not appear to show on the “Data out” of the page

So I’m a bit stuck on where it might be going and what I need to do to fix this!

Thanks for anyones ideas! I’m unsure if this is an issue on Webflows side(not accepting the image URL) or Zapier’s side.

I’ve read a few other forum posts but looks like no one had a solution. Restrict uploaded file access is turned off (users don’t have to be logged in)

Read-only link won’t be much use here as the form works etc, the staging site is: Submit your event

TIA!

When you send an image into the Webflow CMS API, it needs to be on a URL that is public, where Webflow’s API can download it.

In your case, it looks like the URL you’re giving is strange, it begins with webflow.com/api/sites

So your first task is to figure out where your uploaded image data is being stored and how to expose that as a URL. Then pass that into the API as the image url.

Ah interesting! I’ll have a look into it, I had presumed as it was labelled “hosted URL” that this would have been the link, and the link does load the image!

I’ll have a look thanks