Future Feature - regarding push notifications

I have been brainstorming push notification and how I plan to integrate them and I thought this may be a good option for Bubble’s push into native apps:

So personally, assuming the native development is still in beta - I am thinking of getting my Bubble app file - manually adding code for push notifications (likely will ask someone else to help me :yum:) - using Bubbles API - then doing it through Phonegap.

The feature idea is this though - triggering an API call via the conditional section of the Bubble editor:

I would love it if I could do something like this:

**Conditional example:**
When - Do a search for: current users messages Creation date:first item > (custom data field)'s creation date = this element is visible.

(the element would be like a #1 or “New” to mean new notification)

Then a second condition:
When - this element is visible
= [via dropdown] Trigger [api] Do a search for… Notification 2

Notification 2 could be a text - possibly an image as well in the data base that will fill the native push notifications template.
I think push notifs have images?? Well either way - thats aside the point (I dont get any notifs on my phone… (the irony)) :sweat_smile:

Anyway something like that. I don’t really know exactly how it would work but i think that would be cool if it could be done.


Well I guess a similar thing could be done with a custom workflow…

So maybe my idea is a little redundant :sweat_smile: - for some reason I though that may be a simple way as well though…

EDIT: So ya I think my idea is actually asking for a workflow to be triggered… through a condition? Which may in fact be a little ridiculous.

You can link the first search and condition directly to a workflow as a condition on the event.
There are two important notions here: app data and state data. App data is what you store permanently - a user’s age, the number of items they own etc.
State data is temporary, just for the duration of the user’s actions, in order to keep track of whether they are editing this field or another, and keep intermediate information. For example, if they are editing a SQL query, you want to edit the query until it is correct (state data), and only save it once it’s tested.

If you want to save a checkbox’s state you can always do so by reading it in a workflow.

You might enjoy this article on designing and building UI - feel free to ignore the code - understanding the technology is sufficient and very helpful in understanding how to model UI.


Thanks! That is making sense to me.

That is a great article - rather then thinking just in terms or sizes/color shades etc. for design; I’m seeing the importance of also thinking about how organized and accessible the contained data is.

Thanks again for your response George.

I didn’t grasp the concept 100% when i first read it, but i recently pulled off a pretty satisfying sequence storing temporary data in an obscure front-end element. :slight_smile:
(only with Bubble could that process have been so enjoyable)

This isn’t urgent at all; but I am curious to know what your think about this:
(Regarding the React link you sent)

(My initial post was a bad example; here is a simplified question):

Since the data: Current User is implied with app usage; and easily retrievable.
Can I request it as needed without setting a parent groups data source to current user, without compromising the codes “linear” structure?

OR, is it better practice to set a parent groups data source to Current user then call for “Parent Groups User” as needed, in any sub groups down the hierarchy?

Thanks for any wisdom on the matter.

1 Like

The latter option makes it easier to change the app to use a specific user instead of current user if you ever need to, and might prevent bugs where you would display data from different users.

1 Like

I find this service called One Signal that says it will do push notifications for web and mobile free. Can you @georgeciobanu take a look if it can be integrated in Bubble?

1 Like

That’s a little bit of a project to add. What type of notifications are you looking for?

I’d like to use text notifications, like when using Facebook on Chrome, so it will display a little window of new posts, shares, comments etc. For some chat or calendar based apps push notification is key. I think an action like “send email” would be fine.
Installations options are SDK (uses an user key and 3 files on root of domain) or Server API.

It would be great to be added to the roadmap ;D

That’s typically what we’d do on a sponsored basis.

1 Like

I willing for it. I’ll start a private beta in next 30 days for one app, hoping to land some deal the 2nd semester.

Could you not just add push notification script from a third-party to the page? See https://pusher.com/tutorials/realtime-notifications for an example. From what I can tell the script elements could be added to the header and body. If I am wrong, please let me know as HTML5 push notification is important.

1 Like

I think you can program that natively within Bubble.

Unless that notification will pop up overtop a completely unrelated mobile website and tell you what’s going on at a different site (which would be sweet)

But if the notification is visible only internal (the bubble app) - then you can program that with bubble.

  • using a bit of what was said in this forum post.

You do a search for a data change > then relay the information to all relevant users > then show a group that has been designed like a notif (only visible to certain users)

1 Like

Chrome push notifications is certainly something I’m looking forward to.

1 Like

How about native chrome push using https://pushbots.com/

1 Like

I have created a request for One Signal on FeatureSeed. It is currently waiting approval from Bubble (@emmanuel), but hopefully we can get it crowdfunded.

Integration with One Signal for push notifications


What’s feature seed? Did you created it using Bubble??

Yes, I built it on Bubble. You can learn more about it here FeatureSeed needs beta testers

1 Like

I missed that one…
Would you want to use the Trello Unofficial Bubble Roadmap too? You can set links to your app.

Click here to get access https://trello.com/invite/b/7PHmUl5B/8b2aa48c5e12c1cea289fd1a1470c7ca/bubble-unofficial-roadmap

Hey guys, I got some ideas, FYI I`ve been dormant for a period due to lots of work and wasnt using bubble for anything yet but I love the concept and seeing how it matures with more users requesting features like this.

So to implement push notifications as I see it we need:


  1. Able to inject some cordova push plugin into your bubble app. Im not sure if @emmanuel is very happy that we extract the HTML+CSS+cordova plugins from the IPA/APK but I see this as necessary if we dont receive the precompiled project files themselves. Is there any other native code. After modifying you can re-sign it (I assume), see my #ref in footer of this post for more info.

  2. Ability to call the cordova plugin to request allowance of push notifications and receive the device identifier through JS, then post this to our server (save to current user profile data (deviceId=xxxxxxx).

  3. to be able to send a push request via a PUSH provider. Then we send to the push providers API with either single device id or multiple device ID`s. (You can test this feature alone getting the pusher app and sending push request to their REST api from your bubble app. https://pushover.net/api)

  4. To handle incoming push notifications on opening the notification. By default app would open at default view. You can use custom plugins or modifications of push plugins to listen for a custom payload that the push message contains. Here you could either go to the correct view or call a custom JS function that opens the correct view /overlay / modal.

Resources: (mostly free ones I guess)

https://github.com/fechanique/cordova-plugin-fcm (same firebase server as bubble)

FOR DESKTOP BROWSERS and mobile browsers

  1. Implement custom JS in bubble

For example:


2: Type 1 Browser push (Local notification): Locally induced push (from browser via local JS)
Call custom JS function on received new data to pseudo-view

2: Type 2 Remote push: (Will work when not having your webpage up)
Call REST api with browser Unique ID retrieved from JS when requested access to push to browser.

  1. Custom call to local JS code or to REST api of push server

I really have to run now, are there anyone who wants to collaborate and experiment on this to get these things working?
Im excited!

#Ref 1 on re-signing iOS IPA for publish to app store: Re-signing iOS IPA before submit to app store