API Filler (Data)

Hello! 👋

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
CMS
Boosters

API Filler (Data)

Use the free Refokus Tool API Filler to fetch data from public databases and display it within your Webflow projects.

[.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>
<script src="https://tools.refokus.com/api-filler/bundle.v1.0.0.js"></script>
Copy Text to Clipboard
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
Define elements to be filled with API Data
Adding the Property Name
Placing the API data onto the Webflow elements
Creating an Empty rule
General Notes
Step #3

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.

Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback
Share on LinkedInShare on TwitterShare via URL
Other Webflow tools you might be interested in
Back to directory
Slider Generator
Create custom sliders in Webflow powered by SlickJS.
Link to tool
CMS Filters
Create one or more filter sets to filter results on a CMS collection list.
Link to tool
Copy to Clipboard
Create a button that will copy any piece of text, including links, to the clipboard.
Link to tool