Finsweet

Finsweet Attributes voegt functionaliteit toe aan het Webflow CMS met data-attributen: filteren, sorteren, zoeken, laden bij scrollen, lijsten samenvoegen en meer dan honderd items in één lijst tonen. Zonder eigen code, direct in de Designer. Wij gebruiken het voor productvinders, portfolio's en blogs, en we kennen de valkuilen.

Wat Finsweet Attributes is

Een set scripts van Finsweet, een Webflow-bureau, die je aan een pagina toevoegt. Daarna zet je attributen op elementen: dit is de lijst, dit is een filter, dit is het zoekveld. De scripts doen de rest. Het is gratis, veel gebruikt en goed gedocumenteerd.

Waarvoor wij het inzetten

Productvinders met meerdere filters, zoals de motorvinder van Mitsubishi Turbochargers & Engines. Portfolio-overzichten met filters per categorie. Blogs met zoeken en laden bij scrollen. Lijsten die boven de Webflow-limiet van honderd items uitkomen. Overal waar een CMS-lijst meer moet doen dan tonen.

Waar je op moet letten

Verschillende versies van Finsweet kunnen met elkaar botsen, en zo'n conflict zie je soms alleen op de live site en niet in de Designer. Lastig te vinden, snel op te lossen als je weet waar je moet kijken. Verder gebeurt alles in de browser, dus bij duizenden items wordt het traag. Dan verplaatsen we het filteren naar de server, met Xano of Next.js.

Hoe het past in onze stack

Op Webflow-sites, naast GSAP voor animatie. Bij paginaovergangen met Barba.js starten we Finsweet bij elke nieuwe pagina opnieuw.

Wanneer niet

Bij meer dan een paar honderd items, bij filters die data uit externe bronnen nodig hebben, of bij portals met een inlog. Dan kiezen we Wized of Next.js.