Sign up

Cross-Platform Mobile Push Notifications

MagicBell's simple API & SDKs enable you to offer Android & iOS push notifications and an in-app notification inbox. All within the hour!

Mobile Push - What is it?

  • Mobile push notifications are the most frequently used type of notifications displayed on the user's lock screen that inform them about relevant and timely updates from your app.

    Web push or browser push notifications are usually implemented together with mobile push to provide an ultimate multi-channel experience for users.

    Explore Web Push
  • With mobile push notifications being so popular, it might be easy to put them in the same basket as mobile WEB push notifications.

    While both serve more or less the same purpose and look similar, mobile web push notifications can be delivered to users even if they don't have your app installed and only on Android mobile devices.

    That leads to mobile push notifications to be also known as native or in-app push notifications. Android, iOS, Windows - every mobile platform offers its services to send mobile push notifications.

    Go to Docs

Difference Between Mobile Web Push and In-App Notifications

While mobile web push and in-app push notifications are often implemented together as part of a multi-channel notification strategy, it is essential to know the difference between them.

Mobile Web PushvsIn-App Push

  • Goal

    To attract a user to come back into the app to complete an important task or inform about a time-sensitive event.

    Mobile Web Push

    In-app notifications help users navigate the app and achieve actionable goals such as completing the payment or answering a comment.

    In-App Push

  • Delivery

    Mobile web push notifications can be delivered instantly and anytime as long as the user has given their consent.

    Mobile Web Push

    In-app mobile notifications can only be delivered when the user actively engages with the app.

    In-App Push

  • Control

    Users can almost always disable mobile push notifications from any app if they aren't delivering the value.

    Mobile Web Push

    In-app notifications are built-in into the app code and often can't be disabled by the user making UX and notification system essentially important.

    In-App Push

Whether you use mobile web push notifications, in-app push notifications, or both, you should always strive to send personalized and meaningful notifications to users.

How to Design Better Mobile Push Notifications?

  • Timing

    Sending push notifications at different times will result in different open rates, so it's worth experimenting to discover the optimal time to send messages to users.

  • Responsive Design

    The screen size, pixel density, words shown in a line, etc., will differ from device to device, and the developer has to ensure that all mobile devices can display the mobile push notifications as designed.

  • Segmentation

    Not all users respond to the same message, and not every message your app sends will be relevant to every user. It's important to ensure you only send relevant and actionable mobile push notifications.

  • The design of your mobile push notifications can significantly impact user engagement and collaboration. You should take every step to ensure that what's being sent out is well-designed and help users achieve their personal and professional goals.

    Learn More

Mobile Push Notifications on iOS and Android

  • Mobile Push Notifications on iOS

    To deliver push notifications from your iOS app you need to register a new auth key for the Apple Push Notification service (APNs).

    MagicBell will use P8 tokens to authenticate requests made to the APNs.

    Mobile Push on iOS
  • Mobile Push Notifications on Android

    To deliver push notifications from your Android app, you must create a Firebase project and set your Firebase credentials for MagicBell.

    Simply log in to your Firebase account, pick your project and open the settings page of that project.

    If you don't have a project yet, create one. Then open the Cloud Messaging settings tab, and copy the server key and sender ID.

    Mobile Push on Android

Add Mobile Push to Your Notification Stack

Start Now

How to Create Effective Mobile Push Notifications?

The more apps a user has installed, the harder it becomes to focus on each of them. iOS and Android push notifications can help pull users back into an app, helping them complete high-value tasks that require actions.

Does My App Really Need Push Messages?
  • Send Relevant Notifications

    Users expect the content delivered through web push to be helpful. The notification permission should not be viewed as a license to send loads of garbage to the user.

  • Leverage Data Analytics

    Analytics is an unavoidable part of operating successful applications. Leveraging insights from analytics also enables you to improve the effectiveness of your web push notifications.

  • Provide Value to Users

    Respect the user and ensure that your notifications provide value. If the user does not receive any perceivable value from the notifications, they'll start ignoring them even if they haven't revoked their consent.

  • Send Personalized Notifications

    Users will always prefer apps that personalize communication, resulting in more consistent usage. Personalization can be done programmatically to reduce the overhead for developers.

Implement Mobile Push Notifications in React Native

  • Mobile Push Notifications: React Native + FCM

    React Native is a library maintained by Facebook that can be used to build front-end applications across different platforms.

    Firebase is a backend-as-a-service solution from Google. These tools can be combined to build a cross-platform application.

    Below, you can learn how to integrate mobile push notifications in React applications using FCM.

    Mobile Push Notifications in React

Web Push + Mobile Push

Build a multi-channel notification experience for your users by combining web and mobile push notifications.

Start Now