Filtering, sorting & facets
Filter controls, sort dropdowns and auto-filled facet dropdowns, driven entirely by data-slater-* attributes. Facet counts are computed over the whole collection, so options that currently match nothing still appear.
A data API for the Webflow CMS
Filter, sort and paginate your whole Webflow CMS.
Slater Data turns your CMS collections into a fast public API and drives your existing collection lists from it — across every item, not just the hundred Webflow rendered into the page.
Everything a CMS list should do.
Wired up with data-slater-* attributes in the Designer. No JavaScript to write.
Load more
Offset pagination over the entire collection — a Load More button that keeps appending pages, instead of the fixed set of items Webflow rendered into the page.
Keyword search on a list
A search box over one CMS list, relevance-ranked across every item in the collection, with the searchable fields under your control.
Multi-collection lists
Merge several collections into one filterable, searchable list, with a different card template per collection.
Auto-sync on publish
Connect once, then a publish webhook re-indexes your content every time you publish in Webflow — with separate staging and production indexes so you can test before you ship.
JS hooks
Drop into your own JavaScript when you need to: reshape a page of results before it renders, annotate each card, or react after a render.
How it works
From a connected site to a live collection API in three steps.
- 01
Connect
Connect your Webflow site with a site-scoped API token and pick the collections you want to expose.
- 02
Mark up the list
Add data-slater-list and data-slater-results to the collection list you already built in the Designer, mark one card as the template, and drop in the script. No JavaScript to write.
- 03
Or call the API directly
The same data is a public JSON endpoint, so you can build anything on top of it:
api.slater.app/{siteId}/{collection}?filter[]=…&sort=…api.slater.app/{siteId}/group/{group}
Coming from Finsweet?
The same markup, over the whole collection.
Finsweet Attributes filters only the items Webflow already rendered — roughly 100. Slater queries a real index, so search, filters, sorting and facet counts run across thousands of items, and facet counts include options that currently match nothing.
| Finsweet Attributes | Slater Data |
|---|---|
fs-list-element="list" | data-slater-results="X" |
fs-list-field="make" | data-slater-filter="make" |
fs-list-value="Fulgor" | data-slater-value="fulgor" |
fs-list-field="*" | data-slater-search="X" |
fs-list-load="more" | data-slater-load-more="X" |
fs-list-element="empty" | data-slater-empty="X" |
fs-list-element="items-count" | data-slater-count="X" |
fs-list-element="clear" | data-slater-clear="X" |
Remove the Finsweet scripts first — the two can't drive the same list. Everything else is an attribute rename, using your real CMS field slugs.
Simple per-site pricing
Two tiered plans — Search includes everything in Data. Every new site starts with a 14-day free trial of full Search access, no card required.
Data
$20/mo per site
The collection data API and every list embed.
- Public collection list, item and page endpoints
- Keyword filtering, sorting and facets
- List embeds on your published site — including multi-collection lists
Search
$100/mo per site
Site-wide search and AI search on top of everything in Data.
- Everything in Data
- Site-wide search and AI search endpoints
- Global search embed
A paid plan replaces the trial immediately. Plan changes are prorated, and your settings and synced content are always preserved.
Put your whole CMS behind one list.
Connect a site, sync your collections, and drive the list you already built from a public API.