Hi Ben,
Thanks for reaching out! Here's a simple guide to displaying images in Webflow using URLs:
First, you'll need a collection in Webflow with a field for your image URLs. You can use either a Plain Text Field or an Image Field - both work fine.
For the image URL to work, make sure it's a direct link to the actual image file. Then you can use Webflow's API to add or update your images:
To push images via API, use this endpoint:
https://api.webflow.com/collections/{collection_id}/items
For new items, use POST. For updates, use PUT.
You'll need these headers:
{
"Authorization": "Bearer YOUR_API_TOKEN",
"Content-Type": "application/json",
"accept-version": "1.0.0"
}
And here's what your request body should look like:
{
"fields": {
"name": "Example Item",
"image_url_field": "https://example.com/image.jpg",
"_archived": false,
"_draft": false
}
}
Once that's done, just bind your field to a design element in the Webflow Designer. Head to your collection page/section and bind the text/image field - Webflow will handle displaying the image automatically.
Publish your site to see the changes live!
Let me know if you run into any issues or need help with anything else!
