Hey I’m Seth!

Founder, No Code MBA
Each week I share the latest No Code MBA tutorials, interviews, and tool recommendations with 20,000 subscribers.
I'd love for you to join as well.
2 min read only
Practical lessons
Free access to content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form...
ENDS SOON
Our Spring Sale is now live! Invest in yourself with 20% off. Ends TONIGHT at midnight →

Understanding Bubble's Advanced Filtering System: Intersect With vs. Contains List

Last updated

June 9, 2023

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  1. Point one
  2. Point two
  3. Point three
  • Point one
  • Point two
  • Point three

Linkis a great example of something

Advanced filtering is a feature on Bubble that allows users to filter data based on specific criteria. In this post, we will be discussing the two different methods of filtering: "Intersect with" and "Contains List" using this website as an example.

Watch the video and read on to learn more.

What is Intersect With?

"Intersect with" is a method of filtering data in Bubble where the system matches any result that meets any of the categories of the user. 

For example, if a user selects "Data Automation" and "E-commerce" as their preferred categories for courses on this site, the filtering system will display any course or project that contains either "Data Automation" or "E-commerce." 

What is Contains List?

"Contains List" is a method of filtering data in Bubble where the system matches every category in the list for filtering purposes.

For example, if a user selects "Data Automation" and "Mobile App" as their preferred categories, the filtering system will only display courses or projects that include both "Data Automation" and "Mobile App" as categories.

How to Implement Advanced Filtering in Bubble

To implement advanced filtering in Bubble, you will need to create a data type of categories with a list of categories for whatever it is you’re categorizing. 

Once that is setup, create a filtering system that uses "Intersect with" or "Contains List" to match data based on user preferences.

How to create advanced filtering in Bubble

Example of Advanced Filtering in Bubble

Let's take the example this website that offers online courses with categories like data automation, e-commerce, mobile app, etc. Our website has a browse page where users can browse all courses and filter them based on their category preferences.

If a user selects "Data Automation" and "Mobile App" as their preferred categories on the browse page, the filtering system will only display courses that contain both "Data Automation" and "Mobile App" as categories.

Similarly, on the website's dashboard, the filtering system uses "Intersect with" to match any course or project that meets any of the categories of the user. This system allows users to find relevant courses and projects quickly and easily, saving time and effort.

Example of filtering in Bubble

Summary

Advanced filtering in Bubble is a powerful tool that enables users to create customized filtering systems based on specific criteria. By understanding the difference between "Intersect with" and "Contains List," users can create efficient filtering systems that match their users' preferences accurately.

Access all of this with No-Code MBA Unlimited
Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Friendly Tip!
Companies often reimburse No Code MBA memberships. Here's an email template to send to your manager.

Bring Your Ideas to Life with AI and No Code

Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Access all of this with No-Code MBA Unlimited
Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Friendly Tip!
Companies often reimburse No Code MBA memberships. Here's an email template to send to your manager.