Step 1: Complete your Bubble project
Progressier allows augmenting your Bubble web app with additional functionality, including push notifications and PWA installation. You can add Progressier to your project once it's ready to go and your app is available at a custom domain.
Note that setting up a custom domain with Bubble may require a paid plan. Make sure to upgrade your plan before going any further to be able to use all required features.
Step 2: Sign up for Progressier
Progressier is a no-code tool that lets you quickly add new features to Bubble web apps without any programming. It typically takes just a few minutes to set up Progressier with a Bubble app.
If you haven’t done so already, create your Progressier account. It comes with a free trial (no credit card required!) so you can test all features free of charge for 14 days without risk.
Step 3: Turn your Bubble project into a PWA
Progressier will turn your Bubble project into a PWA. Enter your app's name, tell us how it was built (you might want to choose Bubble when prompted) and copy-paste your app's URL in the Domain field.
Step 4: Complete the installation process
On the next screen, you'll see a few easy tasks to complete. Click on each to display detailed instructions, and click Done to mark them as complete. Progressier automatically shields you from a number of gotchas and potential mistakes.
Step 5: Allow notifications from your domain
Click on the in the URL bar to open permissions. If you followed instructions correctly, notifications should be authorized on your domain.
Step 6: Notify your device
Our Push Composer allows you to compose a notification, select a specific group of users of your Bubble app to send it to, and even schedule its actual delivery from 15 minutes to 14 days in the future.
Step 7: Install our Bubble plugin (optional)
Our Bubble plugin greatly simplifies the process of sending personalized push notifications. Simply install our plugin, and connect your Bubble user emails with their push subscriptions. You're now able to notify users programmatically from any Bubble workflow. Easy peasy.
Benefits of enhancing your web app with push capabilities
Boosted conversion rates
By delivering personalized and targeted messages to users, push notifications can help increase conversion rates and drive sales. For example, if you have an e-commerce app, you can send push notifications with special offers or discounts to entice users to make a purchase.
Improved user engagement
Push notifications can help keep users engaged with your app by delivering timely and relevant updates and information. This can be especially useful for apps that are used infrequently, as push notifications can help keep the app top-of-mind for users.
Driving traffic to your Bubble app
Push notifications can provide users with a reason to open the app, which can help drive traffic back to it. For example, if you have a news app, you can send push notifications to alert users to breaking news stories or other updates.
Weighing the cons of using push notifications in your Bubble app
Some users may consider push notifications to be obtrusive, especially if they're not personalized and used as a marketing tool. Make sure to use them sparingly.
What are the best push services for Bubble apps?
There are many different push notification service providers to choose from for your Bubble app, and the best one for you will depend on your specific needs and requirements. Some of the most popular push notification service providers include:
- Firebase Cloud Messaging: a cross-platform messaging solution that lets you reliably deliver messages at no cost. You can use FCM to send messages to clients on iOS, Android, and the web, as well as on desktop applications.
- OneSignal: OneSignal is a cross-platform push notification service that enables developers to send targeted messages to their users. You can compare it with Progressier here.
- Progressier: probably the best option if you develop web apps as it also comes with additional functionality designed to enhance web apps specifically, e.g. targeted push notifications.
- WonderPush: WonderPush is a cloud-based push notification service that enables developers to send targeted messages to their users on various devices.
- PushEngage: Another popular option for push notifications on the web.
Building your own integration with the Web Push API
It's not really possible to build a functional push service with Bubble as it requires capabilities beyond those provided by no-code platforms.
On which devices and browsers can push notifications be received?
You can send push notifications to users on most browsers, including Chrome (Windows, Android, macOS), Firefox (Windows, Android, macOS), Edge (Windows, Android, macOS) and Safari (iOS, macOs).
