You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
**Mobile Notifications** are alerts or messages that appear on a user's device outside the normal UI flow of an app. They can inform the user of time-sensitive or high-priority messages, events, or actions that require attention. Notifications may appear as banners, alerts, pop-ups, or lock-screen notifications, depending on user preferences and platform design guidelines.
12
+
**Notifications** are alerts or messages that appear on a user's device outside the normal UI flow of an app. They can inform the user of time-sensitive or high-priority messages, events, or actions that require attention. Notifications may appear as banners, alerts, pop-ups, or lock-screen notifications, depending on user preferences and platform design guidelines.
13
13
14
-
Notifications enhance your mobile app by increasing user engagement and delivering critical information in real time. Whether it’s an urgent alert or a gentle nudge, these timely messages:
14
+
Notifications enhance your app by increasing user engagement and delivering critical information in real time. Whether it’s an urgent alert or a gentle nudge, these timely messages:
15
15
16
16
-**Prompt User Action**: Remind users to perform tasks or revisit the app, ensuring higher retention and conversion.
17
17
-**Foster Engagement**: Encourage ongoing interaction through updates, promotions, or new content notifications.
18
18
-**Deliver Value**: Provide relevant insights—such as location-specific alerts or personalized reminders—at the right moment.
19
19
20
20
## Types of Notifications
21
21
22
-
Generally, mobile notifications can be divided into two main categories: **Local Notifications** and **Push (remote) Notifications**.
22
+
Generally, notifications can be divided into two main categories: **Local Notifications** and **Push (remote) Notifications**.
23
23
24
-
**Local Notifications** are scheduled directly on the device and do not require a server component. They are commonly used for time-based reminders or location-based triggers, such as a daily workout reminder at 7:00 AM. To implement local notifications in FlutterFlow, you can integrate the [flutter_local_notifications](https://pub.dev/packages/flutter_local_notifications) package using custom actions.
24
+
**Local Notifications** are scheduled directly on the device and do not require a server component. They are commonly used for time-based reminders or location-based triggers, such as a daily workout reminder at 7:00 AM. To implement local notifications in FlutterFlow, you can integrate the [flutter_local_notifications](https://pub.dev/packages/flutter_local_notifications) package using [custom actions](../../ff-concepts/adding-customization/custom-actions.md).
25
25
26
26
**[Push Notifications](push-notifications.md)**, on the other hand, are delivered from a remote server through a platform-specific push notification service. They are primarily used for real-time updates, such as chat messages, social media alerts, or news updates. In FlutterFlow, [Firebase Cloud Messaging](https://firebase.google.com/docs/cloud-messaging) (FCM) is used to handle push notifications, enabling seamless communication between your app and users.
Push notifications involve several key components working together to deliver messages to users' devices. In FlutterFlow, you can construct and send notification payloads—such as title, message body, and additional data like image—to a push service, Firebase Cloud Messaging (FCM). FCM receives notifications and routes them to the appropriate devices.
19
19
20
-
Each device is identified by a unique **Device Token/Registration Token** generated by the FCM to target specific devices. The Mobile App on the user's device receives these notifications and handles the payload by displaying messages or navigating the user to specific screens.
20
+
Each device is identified by a unique **Device Token/Registration Token** generated by the FCM to target specific devices. The user's device receives these notifications and handles the payload by displaying messages or navigating the user to specific screens.
21
21
22
22
23
-
## Add Push Notifications
23
+
## Push Notifications Setup
24
24
25
25
You can add and send push notifications manually or trigger them based on user actions within the app. Here are the steps in detail:
-Upgraded your Firebase project to the [**Blaze plan**](https://firebase.google.com/pricing) to enable cloud functionsrequired for push notifications.
31
+
-Upgrade your Firebase project to the [**Blaze plan**](https://firebase.google.com/pricing) to enable [**Cloud Functions**](https://firebase.google.com/docs/functions), which are required specifically for FlutterFlow’s push notification setup, such as retrieving the FCM token and sending notifications trigger from FlutterFlow.
32
32
:::
33
33
34
34
:::info[iOS Prerequisites]
@@ -60,7 +60,7 @@ To enable push notifications:
60
60
61
61
62
62
63
-
:::tip
63
+
:::warning[Upgrading to Blaze Plan]
64
64
If you encounter deployment errors instructing you to contact support, it could be because you recently upgraded your Firebase project to the **Blaze plan**. After upgrading, Firebase may take approximately **10-15 minutes** to propagate the changes. If you receive this error, wait **10-15 minutes** and then try deploying again.
65
65
:::
66
66
@@ -147,7 +147,7 @@ Click **Upload** and select your APNs auth key file (that you downloaded in the
147
147
</div>
148
148
<p></p>
149
149
150
-
###Send Push Notifications
150
+
## Send Push Notifications
151
151
152
152
To send push notifications, go to **FlutterFlow** > **Settings and Integrations** > **Push Notifications**, then open the **Manually Trigger Notifications** section. Enter the notification details and click **Send Notification**. A confirmation popup will appear—type **"Send Notification"** and click **Send Notification** again to deliver your message.
153
153
@@ -160,7 +160,13 @@ To send push notifications, you need to provide the following details:
160
160
-**Deliver With Sound****(Optional):** Enable this option if you want the notification to play a sound.
161
161
-**Batch Notifications****(Optional):** Toggle this setting if you want to send the notification in batches. Enable this only when you have over 10K users.
162
162
-**Scheduled Time (Optional):** Choose the specific date and time for the notification to be sent. This option is available only when the **Allow Scheduling** option is enabled, and the selected date and time follow your timezone.
163
-
-**User References (Optional):** Send push notifications to a specific user or a few users. Enter the user document reference (from the 'users' collection in Firestore) into the *User References*.
163
+
-**User References (Optional):** Send push notifications to a specific user or a few users. Enter the user document reference (from the 'users' collection in Firestore) into the *User References* in this format: `/users/user_id`.
164
+
165
+
:::tip
166
+
You can easily copy and paste the document reference directly from the [**Firestore Data Manager**](../../ff-integrations/database/cloud-firestore/firebase-content-manager.md) in FlutterFlow.
167
+
168
+

169
+
:::
164
170
-**Initial Page (Optional):** Choose the page the app should open when the user taps the notification.
165
171
166
172
<div style={{
@@ -205,7 +211,7 @@ To send a push notification with data, you need a page that accepts a parameter
205
211
206
212
:::tip
207
213
208
-
On the page that receives the DocumentReference, you can fetch additional details of the item using the [**Backend Query**](#).
214
+
On the page that receives the DocumentReference, you can fetch additional details of the item using the [**Backend Query**](../../resources/control-flow/backend-logic/backend-query/document-from-reference.md).
0 commit comments