Our best-selling course is back! Enrollment for No-Code Fundamentals cohort 5 now OPEN –>

How to connect Jetboost to your Webflow site

Become a Pro member to access all content

240+ instructional videos led by professionals
Weekly expert workshops and replays
1-1 consultation with the Makerpad team
Over $50k in discounts for tools
Private peer community
Profile for tracking progress and sharing your work
Yearly pricing
$249/year
Start your 7 day free trial*
Get PRO Yearly
Lifetime pricing
$600billed once
Start your 7 day free trial*
Get PRO Lifetime

Jetboost is the tool that allows you to add search, favorites, and dynamic filtering functions to your Webflow site. In this tutorial we'll walk through how to connect Jetboost to Webflow so that your search, filter, tag, status, favorite and voting functions all work correctly.

Jetboost is the tool that allows you to add search, favorites, and dynamic filtering functions to your Webflow site. In this tutorial we'll walk through how to connect Jetboost to Webflow so that your search, filter, tag, status, favorite and voting functions all work correctly.

After you've created a Jetboost account, authorize Jetboost to access your Webflow site and head over to your Jetboost dashboard. This whole tool-path starts with cloning a Jetboost template in Webflow, so we first need to import the right Jetboost boosters. Click 'import boosters' and follow the instructions to add the head code to your website.

Next we need to implement the upvote system which uses CMS Favoriting.

  1. Go to your dashboard and hit add booster, select Favorite CMS Items and hit create.
  2. Select your Products collection list.
  3. Select Votes as your field.
  4. Select Memberstack as your membership platform.
  5. Hit submit.
  6. Install the script as directed by Jetboost and test.
  7. Choose Collection List Item and follow the steps provided by Jetboost to add class to your top most div we previously created on your member-only home page in Webflow.
  8. Before testing, select power ups.
  9. Select Update item favorite count in real time.
  10. Copy the class and add to number text class in Webflow as shown by Jetboost.
  11. Hit publish.
  12. Return to favorite button and enter URL and hit test once green checked received. Then repeat the process for Collection list page.
  13. Scroll to the top of the Favorite Button page and now choose Collection Template page.
  14. Follow the steps provided by Jetboost to add class to your top most div we previously created on your Product Template Collection page in Webflow.
  15. Before testing, select power ups.
  16. Select Update item favorite count in real time.
  17. Copy the class and add to number text class in Webflow as show by Jetboost.
  18. Hit publish.
  19. Jetboost is now fully installed! But for voting to work we need to add Memberstack — head to the next tutorial to see how this is done.

Become a Pro member to access all content

240+ instructional videos led by professionals
Weekly expert workshops and replays
1-1 consultation with the Makerpad team
Over $50k in discounts for tools
Private peer community
Profile for tracking progress and sharing your work
Yearly pricing
$249/year
Start your 7 day free trial*
Get PRO Yearly
Lifetime pricing
$600billed once
Start your 7 day free trial*
Get PRO Lifetime

Jetboost is the tool that allows you to add search, favorites, and dynamic filtering functions to your Webflow site. In this tutorial we'll walk through how to connect Jetboost to Webflow so that your search, filter, tag, status, favorite and voting functions all work correctly.

Jetboost is the tool that allows you to add search, favorites, and dynamic filtering functions to your Webflow site. In this tutorial we'll walk through how to connect Jetboost to Webflow so that your search, filter, tag, status, favorite and voting functions all work correctly.

Jetboost is the tool that allows you to add search, favorites, and dynamic filtering functions to your Webflow site. In this tutorial we'll walk through how to connect Jetboost to Webflow so that your search, filter, tag, status, favorite and voting functions all work correctly.

Get help and discuss

Open community forum

Featured Live Course

No-Code Fundamentals: Getting started with no-code

Build a business, launch a side-project, or finally start that idea you've been sitting on, without writing code.
Learn more
Close

Sign up for our weekly updates

Get an update every Sunday with new content, news and a behind-the-scenes of what our community are building.
Join over 18,000 others
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

Related Tutorials

view all ⭢