Jetboost
Integrate Jetboost with Webflow to add powerful search, filtering, and dynamic content features to your CMS collections without writing code.
How to integrate Jetboost with Webflow
Jetboost enhances your Webflow CMS collections with dynamic features that would typically require custom JavaScript development. The integration maintains full design control within Webflow while adding powerful interactivity for your users.
Choose from three integration methods based on your needs: the official Webflow Marketplace app for the simplest setup, direct embeds for specific features like maps and filters, or API integration for advanced custom workflows.
Use the Jetboost App
The Jetboost Marketplace app provides the easiest way to add dynamic search, filtering, and favoriting to your Webflow CMS collections. After installing through the Webflow Marketplace, you configure boosters in the Jetboost dashboard and apply them to your collections with simple class assignments. The app handles all the complex functionality while you maintain full design control in Webflow.
Add real-time search that filters collection items instantly as users type
Create dynamic filters with buttons, checkboxes, or dropdowns for any CMS field
Enable favoriting so users can save and bookmark collection items
Display CMS data on interactive maps using the built-in Mapbox integration
The app works on free webflow.io staging sites for testing, with a paid subscription required for custom domains.
Native features, direct embeds and widgets
Real-time search embed
Add instant search to any CMS collection by embedding Jetboost's search functionality. First, create a Real-Time List Search booster in your Jetboost dashboard, selecting which CMS fields to make searchable. Then add the provided script to your site's custom code and assign Jetboost classes to your collection list wrapper.
Search across multiple fields including hidden fields not displayed on the page
Choose exact or flexible matching depending on your content needs
Preserve search queries in URLs for shareable results
Dynamic filter widgets
Create sophisticated filtering interfaces using Webflow's native elements as filter controls. Set up Dynamic List Filters in the Jetboost dashboard, then use buttons, checkboxes, or link blocks styled in Webflow as your filter UI. Jetboost handles the filtering logic while you maintain complete design flexibility.
Filter by any CMS field type including options, numbers, references, and multi-references
Combine multiple filters for advanced directory-style interfaces
Style filter states with Webflow interactions and classes
Interactive map embeds
Display CMS collection items on customizable maps powered by Mapbox. Add latitude and longitude fields to your CMS, then use the CMS Maps booster to automatically plot items. Configure map styling, markers, and popups entirely within Jetboost's visual interface.
Plot locations from CMS data with custom markers and popups
Add geo-search to filter items within a radius
Customize map themes without touching Mapbox's complex configuration
Build with Webflow and Jetboost APIs
While Jetboost focuses on no-code solutions, advanced integrations can leverage both platforms' APIs for custom workflows. Use Webflow's CMS API to programmatically manage content that Jetboost then enhances with dynamic features. This approach enables automated content updates, complex data synchronization, and integration with external systems.
Sync external data sources to Webflow CMS collections via API, with Jetboost automatically applying filters and search
Create custom automation workflows using tools like Zapier or Make to update CMS content
Build advanced user experiences by combining API-driven content management with Jetboost's front-end features
Automated content synchronization
Connect external databases or services to Webflow's CMS using the Collections API endpoints. When you create or update items through POST /collections/{collection_id}/items, Jetboost automatically indexes the new content for searching and filtering. This enables workflows where content flows from external systems while maintaining rich front-end functionality.
Import product catalogs from inventory systems with automatic filter generation
Sync job listings from applicant tracking systems with location-based search
Update event calendars from booking platforms with date-based filtering
Custom user interactions
For membership sites or personalized experiences, combine Webflow's API with Jetboost's favoriting features. While Jetboost handles the front-end interaction, you can use webhooks and API calls to sync user preferences with external CRM systems or trigger automated workflows based on user favorites.
Export favorite items to email marketing platforms for targeted campaigns
Trigger notifications when users save specific types of content
Analyze user preferences by connecting favoriting data to analytics platforms
What you can build
Integrating Jetboost with Webflow enables you to create sophisticated, interactive websites that rival custom-coded solutions.
Dynamic marketplace: Build a real estate platform where users filter properties by price, location, and features, save favorites, and view listings on an interactive map
Searchable job board: Create a career site with instant job search, filtering by department and location, and the ability for candidates to save positions for later
Interactive directory: Develop a business directory where visitors search companies by industry, filter by services, and explore locations on a map
E-commerce catalog: Design a product showcase with multi-dimensional filtering, instant search, and wishlist functionality for a personalized shopping experience
Frequently asked questions
Yes, you can install Jetboost on multiple Webflow projects by adding the script and configuring boosters for each site. Testing is free on webflow.io domains, but each custom domain requires its own subscription. The Jetboost dashboard lets you manage multiple sites from one account.
Yes, you can install Jetboost on multiple Webflow projects by adding the script and configuring boosters for each site. Testing is free on webflow.io domains, but each custom domain requires its own subscription. The Jetboost dashboard lets you manage multiple sites from one account.
Jetboost works within Webflow's collection display limits. For optimal performance with large collections, Webflow typically displays up to 100 items per page. To filter or search your entire collection, consider using pagination settings or implementing infinite scroll. For collections over 500 items, page load times may increase as all items must render for live filtering.
Jetboost works within Webflow's collection display limits. For optimal performance with large collections, Webflow typically displays up to 100 items per page. To filter or search your entire collection, consider using pagination settings or implementing infinite scroll. For collections over 500 items, page load times may increase as all items must render for live filtering.
Reverse proxy configurations can interfere with Jetboost's pagination detection. If your site uses a reverse proxy for custom domains or localization, ensure all URL query parameters are properly forwarded. The Jetboost proxy configuration guide provides detailed instructions for maintaining compatibility.
Reverse proxy configurations can interfere with Jetboost's pagination detection. If your site uses a reverse proxy for custom domains or localization, ensure all URL query parameters are properly forwarded. The Jetboost proxy configuration guide provides detailed instructions for maintaining compatibility.
All Jetboost features adapt to your Webflow design. You control styling through Webflow's Designer for search bars, filter buttons, and map containers. The Jetboost styling documentation shows how to apply custom classes and interactions to match your site's aesthetic perfectly.
All Jetboost features adapt to your Webflow design. You control styling through Webflow's Designer for search bars, filter buttons, and map containers. The Jetboost styling documentation shows how to apply custom classes and interactions to match your site's aesthetic perfectly.
Jetboost integrates with Webflow Memberships to enable user-specific features like personalized favorites and saved searches. The favoriting feature stores user preferences and can track likes or bookmarks per member. For detailed implementation, see the membership integration guide.
Jetboost integrates with Webflow Memberships to enable user-specific features like personalized favorites and saved searches. The favoriting feature stores user preferences and can track likes or bookmarks per member. For detailed implementation, see the membership integration guide.
Description
Jetboost is a no-code tool that enhances Webflow websites by adding advanced dynamic functionality such as real-time search, filtering, interactive maps, favoriting features, and infinite scroll to CMS collections. It operates as a third-party SaaS platform specifically designed for businesses, agencies, and web creators who need dynamic, user-driven content experiences on their Webflow sites without custom coding.
This integration page is provided for informational and convenience purposes only.
Haze - Fast Webflow Search
Fast Ecommerce Search
CMS Library: Sort
Sort Items in a Collection List based on text content inside the Item, with Finsweet's CMS Library!
CMS Library: Filter
Filter Items in a Collection List based on text content inside the Item, with Finsweet's CMS Library!
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
