Fetch and display data from any API within Webflow

[.c-title-3-primary]How do you use the API filler in Webflow?[.c-title-3-primary]

‍

Use the Refokus API Filler to fetch data from public databases and display it within your Webflow projects. In our demo, we use the Art Institute of Cleveland's API to present famous artwork, along with the artist and the year it was composed.

Step #1

Copy the

API Filler (Data)

<script> and paste it before the </body> of your page

Copy Script Code

<script

src=

https://tools.refokus.com/api-filler/bundle.v1.0.0.js

></script>

Copied!

Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
‍Learn more

General Notes

Step #3

API Filler (Data)

[.c-title-3-primary]How do you use the API filler in Webflow?[.c-title-3-primary]

Copy the

API Filler (Data)

<script> and paste it before the </body> of your page

Set Custom Attributes

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Got a project? Let's talk!

Join the Team