[New Plugin] Native Web Push Notifications (supports iOS & no 3rd party service)

Beginner here :raised_hand: :pray:
Does a user get the notification if the phone is locked or not have an internet connection at the time of notice being sent? If not, how to re-send ?
For android(chrome), does the website need to be saved to home screen?
Cheers

I notice from your demo video that a googleapi endpoint is being used. Does that mean that all data in push notifications is being sent via your Google Cloud account?

Okay, so you want some peace and quiet, huh? No problem! Just head to your Settings app, then tap on Notifications. From there, you can either turn off notifications for specific apps or go all out and turn off the big “Allow Notifications” switch at the top. Boom! No more pesky pings and dings.
If you want a quick break from everything, try turning on Do Not Disturb. It’s like a little vacation for your phone. You can schedule it or just turn it on whenever you need a breather.
Remember, you can always turn notifications back on later if you miss the chaos. Sometimes, a little silence can be a good thing!

More instruction below.
https://thegeekpage.com/how-to-disable-all-notifications-on-iphone/

I have a question regarding this plugin. I purchased it and got it to work on only one mobile device. If I have multiple users with different Subscription_Push and want to run this in the backend, it doesn’t work. Or am I mistaken? I would appreciate a response from @zerocode Ore @minimumstudio No awnser from @minimumstudio

Hello,

I followed the entire process described in the video tutorial. The plugin successfully generates the public and private keys, and it also creates the subscription. However, when I try to send a push notification, nothing happens.

After examining the Network tab, I noticed that I receive a 200 status on the request start (as shown in the attached screenshot), but no push notification is actually delivered.

I tested it on multiple devices and browsers:

  • Windows (Chrome)
  • macOS (Chrome, Safari, Brave)
  • iOS 18.3.1

Unfortunately, I was not able to get it working on any of them.

Here is the link to my project:

Could you please help me understand what might be causing this issue?

Thanks in advance!

Best regards,
Magno Calazans

Hi @magno and @tradspecialisterna,

We sincerely apologize for the delayed response :pray:

@tradspecialisterna, could you please confirm if you still encounter the behavior where notifications are only sent to one mobile device? The “Send Push Notification” action works also on the backend.

@magno, I noticed that the plugin has been removed from your application. Could you please reinstall it so we can investigate the problem? Additionally, it would be helpful if you could provide our support bubble account (support@zeroqode.com) with edit rights to the page. This way, we can make necessary configurations and ensure the plugin functions correctly on your end.

We look forward to hearing from both of you and providing assistance where possible.

Best regards :sunflower:

Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hello, can we test my application today? If you can I will install the plugin again.

Hi @magno,

Apologies for the delay over the weekend :pray:

We’ve conducted several tests on the plugin, and everything appears to be functioning as intended. Please refer to the plugin’s documentation for detailed instructions on successfully setting it up on your application.

If you continue to encounter difficulties, kindly reinstall the plugin on your app and add our support email to your list of collaborators. We’ll check the setup and provide you with more information!

Best regards :hibiscus:

Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hi, does this plugin supports ipad?

Hi @ankit2 ,

Thank you for reaching out! :pray:

Just to better assist you, could you please elaborate a bit more on your question? When you mention the iPad, are you referring to a web app running in a browser on the device, or are you asking about native app support? Understanding this will help us provide you with the most accurate information.

Looking forward to your response! :sunflower:

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hi Team,
I am referring to a web app running in a browser on the device

Hey @ankit2 ,

Thank you for your question and apologies for delayed response :pray:

Yes, the plugin does support iPads running iPadOS. Since 2019, iPads have used iPadOS as their operating system, starting with iPadOS 13, and as of March 2025, the latest version is iPadOS 18.3. As your web app is running in a browser on the device, the plugin will work on an iPad with iPadOS as long as you’re using Safari, which is the supported browser for iOS/iPadOS. This is outlined in the plugin documentation here: https://docs.zeroqode.com/plugins/web-push-notifications.

To ensure the best experience, We recommend keeping your iPad updated to a recent iPadOS version for full Web Push API compatibility. If you’re using a different browser like Chrome or Firefox on your iPad, please note that support on iPadOS is limited to Safari due to Apple’s platform restrictions. You can verify if your device supports push notifications by using the “Supports Push” exposed state in the Push Subscriber element, as detailed in the documentation.

Also, since the plugin requires a paid Bubble plan, please ensure your app is on the appropriate tier to enable this functionality.

Looking forward to your reply :sparkles:

Regards,
Support Team

Browse all Zeroqode Plugins for Bubble

Banner_Last3

Yes a need som help her to get it work backend to more then one mobile ?

Hey @tradspecialisterna

Thanks for reaching out! :sunflower:

Here’s how you can set up the Web Push Notifications plugin in Bubble to work across multiple mobile devices:

  • HTTPS Setup: Your Bubble app is likely already on HTTPS with a Bubble subdomain (e.g., yourapp.bubbleapps.io). If using a custom domain, ensure SSL is active in Settings > Domain/Email.
  • File Configuration: In the Bubble editor, go to Settings > SEO/Metatags. Upload service-worker.js and manifest.json (from the plugin or customized). Link them in the plugin settings using their Bubble-hosted URLs so browsers can find them.
  • VAPID Keys Generation: Add the plugin from the marketplace. In a workflow—maybe on page load or a button click—run the “Generate Keys” action. Save the public and private keys in a custom state or a database entry (e.g., “App Settings”) for reuse.
  • User Subscriptions: Place the Push Subscriber element on a page (like a user dashboard). Create a workflow: when “User Subscribed” fires, save the subscription to a “Push Subscriptions” data type with fields for “Subscription Data” and “User” (tied to the current user).
  • Sending Notifications: In Backend Workflows, build a workflow with the “Send Push Notification” action. Pull all “Push Subscriptions” from your database, feed them into the action with your VAPID keys, and trigger it via an API, button, or schedule.
  • Mobile Tips: Android works directly in Chrome/Firefox. For iOS (Safari, 16.4+), guide users to add your app to their home screen—add a note in Bubble like “Tap Share > Add to Home Screen in Safari.”

Give it a test run by subscribing on a few devices and sending a notification. If anything’s off, check your file paths, keys, or subscription setup.

Looking forward to your reply. :pray:

Regards,
Support Team
Browse all Zeroqode Plugins for Bubble

Banner_Last3

Hey @ff4mebuilit ,
Thank you for contacting us.

We are sorry to hear that you encountered a problem when using the plugin.
We checked how the plugin works on our demo page and found no such problem, the plugin works as it should.

Please configure the plugin as shown on our demo editor page and feel free to use the documentation.

Please note that we provide general support for our plugins and do not offer consultancy or customization services.

If you’re looking for a team to assist with customization, you can consider hiring Zeroqode. By sharing your project details and budget, one of our project managers will get back to you with an estimate.

Best Regards,
Zeroqode Support Team

Browse all Zeroqode Plugins for Bubble
Banner_Last3

That’s a solid feature! At Hyena.ai, we’ve also been exploring native web push implementations that work seamlessly on both iOS and Android, without relying on third-party services. With the latest updates in iOS Safari, native push is finally becoming more viable, especially for PWAs.

If you’re building or planning a custom solution around this, feel free to connect — we’ve been integrating push notification systems directly into our web and mobile app development projects for better control, privacy, and performance.

Let’s keep pushing forward with clean, dependency-free solutions!
To knowmore or collaborate : Contact Us - Hyena

Hey,
Thank you for your reply.

As previously mentioned, our support primarily focuses on providing assistance with plugin functionality, rather than customization. If the plugin works as expected on our demo page but encounters issues within your app, it is likely due to a configuration issue on your end. We recommend reviewing the plugin setup to ensure everything is configured correctly.

For help from the Bubble Community, you can create a separate forum thread with this question or If you are looking for a team to help with customisation, you may want to consider hiring Zeroqode. Provide your project details and budget, and one of our project managers will contact you with an estimate.

Best Regards,
Zeroqode Support Team

Browse all Zeroqode Plugins for Bubble
Banner_Last3

we are receiving push notifications in macbook, but not receiving in ipad and iphone. Please help

Hi @ankit2 ,

Thanks for reaching out!

To assist you better, could you please provide a screenshot or screencast of the console and debugger logs when trying to receive notifications on those devices? This will help us troubleshoot further.

Additionally, I recommend double-checking the following:

  1. Notification Settings: On both the iPhone and iPad, make sure that push notifications are enabled for your app in the iOS Settings.
  2. App Permissions: Double-check that the app has the necessary permissions to send notifications on the devices.
  3. Supported Browsers: Push notifications on mobile devices are supported in certain browsers:
  • (iOS) Safari Please ensure you’re testing in one of these supported browsers: Chrome ,Firefox

Also, I recommend reviewing this article in our documentation for further guidance: Web Push Notifications - Zeroqode Docs. It covers potential issues and troubleshooting steps related to web push notifications.

Once you’ve checked these points and provided the logs, we’ll be able to assist you more effectively.

Looking forward to hearing from you! :sunflower:

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hi @ankit2 :waving_hand:

Just checking in to see if you had a chance to review the suggestions and gather the console/debugger logs we mentioned earlier. That info would really help us move forward with troubleshooting the push notification issue on your iPhone and iPad.

Let us know if you’re still experiencing the issue or need any help collecting the logs!

Looking forward to your update :blush:

Best regards,
Support Team
Browse all Zeroqode Plugins for bubble
Banner_Last3