Skip to content

Commit b6290cf

Browse files
committed
Address review comments
1 parent cb38e7a commit b6290cf

File tree

4 files changed

+20
-14
lines changed

4 files changed

+20
-14
lines changed
Binary file not shown.

docs/ff-concepts/notifications/notifications.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,18 @@ keywords: [FlutterFlow, Notifications, Concepts]
99

1010
# Notifications
1111

12-
**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.
1313

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:
1515

1616
- **Prompt User Action**: Remind users to perform tasks or revisit the app, ensuring higher retention and conversion.
1717
- **Foster Engagement**: Encourage ongoing interaction through updates, promotions, or new content notifications.
1818
- **Deliver Value**: Provide relevant insights—such as location-specific alerts or personalized reminders—at the right moment.
1919

2020
## Types of Notifications
2121

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**.
2323

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).
2525

2626
**[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.

docs/ff-concepts/notifications/push-notifications.md

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,18 @@ keywords: [FlutterFlow, Actions, Notifications, Push Notifications]
1717

1818
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.
1919

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.
2121

2222

23-
## Add Push Notifications
23+
## Push Notifications Setup
2424

2525
You can add and send push notifications manually or trigger them based on user actions within the app. Here are the steps in detail:
2626

2727
:::info[General Prerequisites]
28-
Before you begin, ensure that you have:
29-
- Completed all steps in the
28+
Before you begin, ensure that you:
29+
- Complete all the steps in
3030
[**Firebase Setup**](../../ff-integrations/firebase/connect-to-firebase-setup.md).
31-
- Upgraded your Firebase project to the [**Blaze plan**](https://firebase.google.com/pricing) to enable cloud functions required 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.
3232
:::
3333

3434
:::info[iOS Prerequisites]
@@ -60,7 +60,7 @@ To enable push notifications:
6060

6161

6262

63-
:::tip
63+
:::warning[Upgrading to Blaze Plan]
6464
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.
6565
:::
6666

@@ -147,7 +147,7 @@ Click **Upload** and select your APNs auth key file (that you downloaded in the
147147
</div>
148148
<p></p>
149149

150-
### Send Push Notifications
150+
## Send Push Notifications
151151

152152
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.
153153

@@ -160,7 +160,13 @@ To send push notifications, you need to provide the following details:
160160
- **Deliver With Sound** **(Optional):** Enable this option if you want the notification to play a sound.
161161
- **Batch Notifications** **(Optional):** Toggle this setting if you want to send the notification in batches. Enable this only when you have over 10K users.
162162
- **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+
![pn-with-data-2](imgs/pn-with-data-2.avif)
169+
:::
164170
- **Initial Page (Optional):** Choose the page the app should open when the user taps the notification.
165171

166172
<div style={{
@@ -205,7 +211,7 @@ To send a push notification with data, you need a page that accepts a parameter
205211

206212
:::tip
207213

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).
209215

210216
:::
211217

docs/resources/control-flow/backend-logic/backend-query/document-from-reference.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ This backend query would help you in retrieving information from a document refe
1414
:::info[Prerequisites]
1515
In order to use this backend query, you should have:
1616
* Completed all the steps of
17-
[Firebase Setup](../../../../../docs/ff-integrations/firebase/connect-to-firebase-setup.md) for
17+
[**Firebase Setup**](../../../../../docs/ff-integrations/firebase/connect-to-firebase-setup.md) for
1818
your project.
1919
* At least one **Firestore Collection** is defined in your project.
2020
:::

0 commit comments

Comments
 (0)