How to Set Up In-App Notifications in a Bubble Mobile App?

Mobile Beta
1

Hi Bubblers!

I’m currently building a mobile app using Bubble and would like to implement in-app notifications — something like a badge or alert that shows up inside the app (not push notifications, but ones visible while the app is open).

:magnifying_glass_tilted_left: I’m trying to figure out:

  • How to trigger notifications (e.g., when a new message arrives or a status changes)
  • How to display notifications in-app (like a popup, banner, or notification center inside the app)
  • Best practices for real-time updates (maybe with custom states or workflows?)
  • Any plugins or creative workflows you’d recommend?

If anyone has done this before or has ideas or tutorials to share, I’d love your input!

1 Like
2
  1. Trigger notifications (e.g., when a new message arrives) :

Go to backend workflows - New workflow button - General tab - A thing is modified - Select your custom data type (i.e. Messages) - Create a condition to run Only when Message before change is empty and Message now is not empty (this will trigger everytime new message is created and only one time for every message) - Your actions that you want to perform. You can use dynamic data from Message now to notify the recepient (user) and so on.

  1. Native notification will be displayed by itself. If you want to use real native notifications you do not have to create ui for them and so on. You will just trigger them from the backend workflows.
  2. Real time updates - Repeating group (or list etc.) with Do a search for
3

Trigger notifications (status change) - for status change you need to make a workaround in the database: you need 2 fields for the status: status1, status2. Initialy they must contain the same status (i.e. pending or smth else). Than when the status change is triggered in the Front End (by you from admin panel or by users using the app) you change the Status1 only (modify).

Status2 must remain the same as it was, cause we will use it to trigger backend workflow:

Go to backend workflows - New workflow button - General tab - A thing is modified - Select your custom data type (i.e. Messages) - Create a condition to run Only when Purchase (for example) before change status1 is status2 AND Purchase now status1 is not status 2

Than you perform the actions you wanted AND AT THE END YOU MUST MAKE STATUS 2 = STATUS 1 using Data make change to things Purchase now (so that they will again contain the same data).

Purchase data type is used just for example. You can use any Dynamic data type that you have in your database.