Can an image uploaded through a form be sent to Zapier and displayed in the CMS using Webflow?
TL;DR
- Add a File Upload field in the Webflow form to get an image URL.
- Create a Zap in Zapier with Webflow Form Submission as the trigger.
- Extract the uploaded image URL from the form data.
- Use Webflow CMS in Zapier to create a new CMS item with the Image URL.
- Optionally, add a Zapier action to publish the CMS item automatically.
Yes, you can send an image uploaded through a Webflow form to Zapier and store it in the Webflow CMS. Here's how you can do it:
1. Enable File Upload in Webflow Form
- Add a File Upload field to your form.
- Webflow will host the uploaded image and generate a URL for the file.
2. Connect Webflow Form Submission to Zapier
- In Zapier, create a new Zap.
- Choose Webflow as the trigger app.
- Select Form Submission as the trigger event.
- Connect your Webflow Site and select the form with the upload field.
3. Extract the Image URL
- After testing the trigger, Zapier should return the form data, including the uploaded file URL.
- Verify that the file URL is accessible.
4. Send the Image URL to Webflow CMS
- Add an action step in Zapier using Webflow.
- Choose Create Live Item or Create Item (if you want it as a draft first).
- Map the Image URL from the form submission to an Image Field in your Webflow CMS Collection.
5. Publish the CMS Item (Optional)
- If needed, add another Zapier action to Publish Webflow CMS Items to make the image live immediately.
Summary
You can collect an image via a Webflow form, send its file URL to Zapier, and then create a CMS item in Webflow that includes the image. The key step is ensuring Zapier correctly maps the uploaded image URL to the Webflow CMS Image Field.