/bubble-tutorials

How to add like and dislike in Bubble

Learn how to add like and dislike buttons in Bubble with a simple, scalable workflow that boosts user engagement and improves your app’s interactivity.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a Free Consultation

How to add like and dislike in Bubble

The simplest valid way to add like/dislike in Bubble is to store them as Lists of Users on the content thing (for example, a Post). Then your workflow only adds or removes the Current User from those lists when the user taps Like or Dislike. Bubble handles the list updates automatically, so you don’t need custom code.

 

Data structure

 

  • Create or open your data type, for example Post.
  • Add a field Likes (type: User, make it a list).
  • Add a field Dislikes (type: User, make it a list).

This lets each Post store who liked or disliked it.

 

Like button workflow

 

  • When Like button is clicked, add a workflow: Make changes to a Post.
  • If Current User is already in Likes, remove them. Otherwise add them.
  • Also remove the user from Dislikes to avoid having both.

 

// Inside "Make changes to Post"
Likes add Current User       // or remove if already in list
Dislikes remove Current User // prevents double reaction

 

Dislike button workflow

 

  • Do the same but reversed: manage the Dislikes list and remove from Likes.

 

// Inside "Make changes to Post"
Dislikes add Current User    // or remove if already in list
Likes remove Current User    // keeps only one reaction

 

Displaying counts and states

 

  • To show like count: set text to Parent group's Post's Likes:count.
  • To visually highlight a liked button: condition When Current User is in Post's Likes.

This method is beginner‑friendly, works with Bubble privacy rules, and scales well for normal app usage.

Explore More Valuable No-Code Resources

How to integrate Bubble.io with Git?

Learn how to seamlessly integrate Bubble.io with Git through our comprehensive step-by-step guide. Perfect for beginners and professionals.

Explore

How to integrate Bubble.io with Reddit Ads?

Learn how to seamlessly integrate Bubble.io with Reddit Ads using our easy step-by-step guide. Boost your ad management today!

Explore

How to integrate Bubble.io with AWS S3?

Explore our step-by-step guide on integrating Bubble.io with AWS S3, making your app development process more efficient and secure.

Explore

How to integrate Bubble.io with Lucidchart?

Follow our step-by-step guide to seamlessly integrate Bubble.io with Lucidchart, enhancing your workflow & productivity.

Explore

How to integrate Bubble.io with Kentico?

Learn how to seamlessly integrate Bubble.io and Kentico with our comprehensive, easy to follow step-by-step guide.

Explore

How to integrate Bubble.io with Box?

Discover easy-to-follow steps for integrating Bubble.io with Box. Boost your workflow and secure your files seamlessly today.

Explore

Stuck in Bubble.io? We’re here to help!

Fix broken workflows | Optimize logic | Boost performance | Scale with confidence

4.9
Clutch rating 🌟
600+
Happy partners
17+
Countries served
190+
Team members

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences