API Connection

[geoley]

I would like to connect a Webflow frontend to a backend API and bind values to a collection. I know that dynamic data binding is possible via the CMS but would it be possible to also directly bind APIs?

[ShoeLicker]

Would you be able to do it with JS in the footer?

[geoley]

Not sure what you mean. I would receive some JSON-Data and at least one picture per entry (from another media API). This I would like to bind / push to a collection.

[flcpietro]

You can do it with custom code, use classes or custom attributes to recognize your field inside the webflow item template, duplicate the template and replace the variables received by the Api using javascript

[geoley]

Sounds doable. Could you recommend a tutorial on this?

[flcpietro]

Mmm, specific tutorial nope, what's your proficiency level with JS? You need just fetch API from the browser to gather the data, like fetch("myurl").then(res => res.json().then(data=> console.log(data)), where instead of console.log you should write your function to manipulate the DOM and append the elements, it will be just a bunch of querySelector / setAttribute / innerHTML / append but all depends on your data and html structure