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!
.png){kind=logo}
