Jetboost

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