I think I came up with a very decent solution, without Uploadcare, for uploading images from CDNs such as Shopify directly into Webflow.
Add new product on Shopify >>> [isolate image URLs using the
=REGEXEXTRACT command directly in Zapier] >>> Google Spreadsheets >>> Webflow text fields in collection >>> Dynamic Embed on template page instead of using images directly.
Read here thoroughly:
I'm using Shopify to set up a store, and Zapier to send the data from Shopify to Google Spreadsheets, and then from Google Spreadsheets to the Webflow CMS. I want to set up a product page, and have the images I uploaded into Shopify to go automatically into Webflow's CMS and be presented in the product page I designed using Webflow. However, as stated before, Webflow doesn't allow images to be uploaded into the CMS from outside the system.
But what Webflow DOES allow is for text and links to be uploaded into the CMS. So I used Zapier to take the data from Shopify, including the IMAGE URLs from Shopify's CDN. These URLs are hidden in Shopify's "VARIANT" column on Zapier. This is isn't exactly easy because you need to have a working knowledge of Google Spreadsheets formulas, especially the
=REGEXEXTRACT command in order to isolate the URLs in different columns.
Let's say you want to have 6 product images MAX. Once you managed to isolate your Shopify CDN URLs and set them up in different columns on your Google Spreadsheet, you will need to set 6 text fields in your Collection on Webflow's CMS. Zapier can take each of the URL columns on your Spreadsheet and write them into these text fields. Then, when creating a new product, add 6 total images and save the product. Shopify's CDN will generate a URL for each image, Zapier will take these URL and plant them in your Google Spreadsheet, and from there these URLs will be uploaded to Webflow.
Once this is working you'll need to edit the corresponding template page on Webflow's CMS. This is where the magic happens. Instead of adding dynamic images, use EMBEDS. Add 6 embed widgets to your page, and inside each widget write:
<img src="THIS IS WHERE YOU SET A DYNAMIC FIELD FROM YOUR TEXT FIELDS CONTAINING THE URL" width="100%" height="auto">
And there you have it. Each collection item has it's own image URLs, and they appear on the template page automatically using Zapier.
If anyone needs further explanation let me know.