Im my webflow project, i use a html embed to display the image from the url. However, on the published site, the image does not get displayed because it does not have authorization to access the file.
Can anyone help me why this is happening and what to do about it ; D
I would greatlyyyyyyy appriciate it
First, let me understand what youāre up to. And I have a few questions.
You have created a Webflow from which has an image upload feature.
In your Webflow CMS page, youāre using HTML embed to display the image from URL. And, itās not getting displayed on the published site because of the authorization access to the file.
Is this correct?
Iām not clear why are you using Zapier? Can you please explain this flow step-by-step?
By CMS, I assume itās Webflow CMS and not other 3rd-party CMS. Am I right?
Hi Djaya,
I need same function like you. Can you share more about your experience? I try to send image via a form but looks like webflow can accept this way. and can you share the embed code to convert the image link to preview image. Thanks a lot!!
This link is some example I want to realize
After all the form submissions are in (over 400 images total), I want to then Export the submissions as CSV (which works fine - again, images are in there as ālinksā).
I then want to Import this CSV into my Webflow CMS, and connect the right fields together (Name=ānameā, Image=āimage linkā), but Webflow wonāt actually āimportā the imageā¦
Which makes this entire process useless, right? I cannot save and import all the images manually (there are really way too manyā¦), and plusā¦ isnāt that the point of doing it this way?
Any help in āautomatingā this process would be greatly appreciated! The success of the site Iām working on depends on this.
I prefer not to rely on another integration to make this work (especially since I went with Webflow because from what they said, this was possibleā¦ and Iād hate to have to pay for an additional service in order to do so
But I did just try Zapier for the heck of it, and it keeps giving me a "The item could not be sent to Webflow. The app returned āValidationError: Validation Failureā error, no matter what I doā¦ so not really sure whatās happeningā¦
Most likelyā¦one of your Webflow CMS items is required and youāre not passing it in via Zapier. At least this is what my experience has been.
When you create a CMS collection the āNameā & āSlugā fields are required. Alsoā¦make sure youāve selected a value for āarchivedā and ādraftā as those are both required too
Itās still giving me an error, but wonāt tell me what the error is. Are Archived and Draft supposed to be set to something else? And what am I supposed to enter for Slug? I donāt have any optionsā¦
AH! That did itā¦ thank you!! So I got the Zapier integration working error-freeā¦ except that my images still arenāt showing upā¦
And I guess on a side note: I donāt necessarily need Zapier to automatically publish those; in fact, all Iām looking for at the end of the day is a final CSV file that contains ALL the form submissions (including the images the user has uploaded).
Once I get this, I need to modify the CSV manually, remove rows, etcā¦ but then I need to re-upload that final, edited CSV file into my CMS (with the uploaded image ālinksā imported as actual images).
Not sure why Webflow seems to make this so impossibleā¦
I think youād need to walk through this in much more detail with exactly what youāre doing.
Iād suggest a Loom video walking through what you want.
If you upload an image in a form, the image getās upload to a remote server and in return you get a link to store in your CMS or goes through Zapier, or whateverā¦ youāre not passing the physical image around.
I donāt think that will happen.
Thatās what should be fixed by what was outlined with Zapier
@ChrisDrit@LynnUX I just found this topic, and Iām experiencing a similar issue.
The difference is that Iām trying to upload images to Webflow (via Integromat) that have been submitted elsewhere. So I want to pass an externally hosted image URL to webflow.
I think the problem at the moment is that the file URL isnāt on the webflow server, and I guess this is causing the issue.
ā¦and in turn create/update a image field item in my Webflow CMS (from Zapier/Integromat), Webflow āappearsā to fetch that image and host it for me on their CDN and store their url in my image field, example:
I have an Airtable form that I use (internally) to add content to an Airtable base. This is then uploaded to the Airtable CDN, so I can get the URL for the file.
The rest of my automation works fine (creates a webflow item with name, slug, etc.), but there are two is one field that doesnāt work - the upload pdf one.
With a little bit of tinkering (seems like the error was with Integromat, not Webflow), I could get the image to upload, but I canāt get a pdf to upload.
Iāve tried with a simple, public pdf file (e.g. http://www.africau.edu/images/default/sample.pdf), but itās the only field that wonāt upload to the Webflow CDN. I appreciate your original post was about images, and Iāve now figured that out, but Iām wondering if you also know about how to achieve this with pdfsā¦thanks.
Itās a āfileā type in Webflow, which I use to host pdfs.
Iāve been uploading these pdfs manually to Webflow before, and there shouldnāt be an issue with file size. Even this one I just tried (http://www.africau.edu/images/default/sample.pdf) failed, and itās 3kb.
Iāve found with Integromat that depending upon the type of module you use in your scenario, it may not report errors very clearly or at all.
Iāve found myself using something like cURL (I know people use Postman too) to directly hit the API. Typically youāll get the full picture whatās wrong since you can see the full response from the API call.
If thatās interesting, you can create a new live collection item from the API. They have an example cURL statement. Just swap out your API key, Collection ID, and send it the Airtable CDN url