Send Push Notification Using Onesignal in FlutterFllow App

[@AbdulrahmanHariri]

Thank you, this is very helpful! I was wondering if the same approach could be used to use Clevertap Flutter SDK instead of OneSignal. Have you tested that or could explore doing that as a small custom request?

[@flutterflowvip]

I haven't tried clevertap but will try when I get time .

[@appzUM]

Thanks for the video, It's really helpful, could you pls show us how to make the configuration for iOS?

[@flutterflowvip]

Sure thing . I will make a video on this soon.

[@namegoeshere-uw2yq]

i really would like to see the ios version too!

[@bookifisoftware4555]

Any update on this request? Big fan of your videos

[@Marc-cn6nd]

Any chances to quickly see how this can be done for iOS? Thanks!

[@flutterflowvip]

I will make a video on this soon.

[@rcunhadf]

@@flutterflowvip I've never seen any videos with OneSignal + iOS + Flutterflow. its impossible. 10 months...

[@furhansalami1546]

i followed your steps and did the all steps. push notification is receving well but i unable to store notification to read the users later ho to do it??

[@flutterflowvip]

for that you have to store the notification in your database so you can list in the app

[@furhansalami1546]

@@flutterflowvip can you please give full video how to do that . I mean full notification system

[@tezeroman]

Could you please show how to do it with Supabase? I believe there is a massive amount of FF builders, counting in also FF Experts who would love to know how to make it possible and currently thinking it simply isn't. Let's make your channel skyrocket! :))

[@flutterflowvip]

thanks for the suggestions. I will definitely make a video about this soon.

[@pablolleonart]

yes @@flutterflowvip please I need too implent this onesignal with supabase not firebase ! i dont know if is posible

[@tezeroman]

@@flutterflowvip that's gonna be great and I happily share it around :)

[@flutterflowvip]

It's possible .I will make a video about this soon.

[@pablolleonart]

ou yeaaH!!@@flutterflowvip wait for it soon :P

[@almantas.gaizauskas]

I have a few questions: 1. does the 'enable push notifications' has to be enabled? Or it could be turned off? 2. how to get the device id if I want to send push notifications from an api?

[@mubarisp.b3974]

using key value or email or userid

[@JimilPatel-f6h]

Hii. Have you managed to get device ID after adding one signal?

[@MEdel2204]

Hi. Thank you for the video. It works well. i have a question about what you said in your video at 2:15minute. Flutterflow does not allow any argument or variable to store the key. Do you have an idea or workaround to make the process secure?

[@flutterflowvip]

You can store app I'd in appstate and and use it in that in the code

[@Mohamed-w5v7c]

can you post a video to make it work with IOS

[@flutterflowvip]

Sure soon

[@blnfreak]

is this only for andriod ? i´m not able to run it on iOS

[@flutterflowvip]

This method is only for Android. I haven't covered for ios yet.

[@blnfreak]

@@flutterflowvip than you for your reply. I‘m working for a iOS Solution .. for Now it Looks good 😊

[@engridmedia]

I want to target a user based on action. For example - users can send game challenge request to each other. I want to send a push notification to the receiver. I use firebase so how do i go about that?

[@flutterflowvip]

thats cool project you are working - if you want to send Notification For Chalenge - you can send notification to the selected user by there firebase refference id have a look this image - ibb.co/fHdvD3w

[@engridmedia]

@@flutterflowvip oh it makes sense

[@chetansm5833]

How to Get device external_id or player_id in flutter flow custome action code so that I can send push notification to specific device using one signal API.

[@flutterflowvip]

I am creating a video for sending notification to specific users using onesignal. I will upload it soon.

[@yykee1981]

@@flutterflowvip i need it also, can you sharing the video?

[@catoshimeowmoto]

Will this only work for android? If yes, how to get this working for iOS devices? Also is there a way to customize the notification permission popup? And if someone selects dont allow how can they change the permission to allow?

[@flutterflowvip]

I haven't tested it for ios yet . But people have said to me it's working on ios. Please try and let me know. and about the custom pop up and re requesting for notifications. I think it's possible using custom code but I haven't checked yet.

[@JimilPatel-f6h]

Hii... I liked your video. nicely explained.now i want one thing. I want to know onesingal or subscription id after user is added. So that using any one of those ids i can send user wise notification using API.

[@flutterflowvip]

You can modify the code to return app I'd after accepting notification permission .

[@jimvh7557]

@@flutterflowviphow exactly would you do this. It should be a simple line of code I’m sure. Can you please just share it here? I tried something like this but it won’t let me compile. it’s driving me crazy 😉 OneSignalDeviceState? deviceState = await OneSignal.shared.getDeviceState(); return deviceState?.userId;

[@zCharge-io]

Hey man, awesome tutorial ! Just one question, does it work on web (webapp) or only on native ? If not do you know a way ? Thanks

[@flutterflowvip]

This method is currently only working for Android and iOS. I haven't tested it for a web app yet, but I think it should be done using OneSignal's Web SDK. I have added it to my pipeline, and I will make a video on web integration soon.

[@zCharge-io]

@@flutterflowvip Sounds amazing. I'll keep following you.

[@namegoeshere-uw2yq]

if you could post the ios version of this vidoe that would be amazing@@flutterflowvip

[@Lanijiro]

Thanks for the upload. Do you have any tutorials for motion-based alerts?

[@flutterflowvip]

Can explain what is motion-based alert?

[@Lanijiro]

when someone moves a certain # of steps, it gives them a notification@@flutterflowvip

[@flutterflowvip]

yes in my onesignal notification video . I have explained how you can send notification on data insert update or delete Similar way you can create triggers and function for certain events and trigger notification to your app. Thanks for your question. Please let me if you still face any issue.

[@Lanijiro]

Thank you very much. I will watch the video. @@flutterflowvip

[@kylekhanh7362]

very useful !

[@Marc-cn6nd]

How can you store the appID value in an app state variable and then add this custom action in the main.dart if they don't accept actions with arguments there? Thanks!

[@flutterflowvip]

yes we cant pass parameter to that function - so we have to insert ()FFAppstate.name - in the code to get the value of Appstate Variable

[@alisaberi4689]

Great.

[@fabien8876]

Thanks!!

[@Micktographer]

Where is the provided code? It says "Paste the provided code" but I'm not sure where that is

[@flutterflowvip]

Thanks for pointing that out. We have added the code in the Community , but now we have also added it in the comment section. You can copy it from there.

[@uchemanuels]

Thanks a lot. Does this also work for PWAs built with flutterflow?

[@flutterflowvip]

I haven't tested it with PWA.

[@yashmodi1408]

how to make the Tab Bar scrollable in the column section because it says the Tab bar is expandable so its not scrollable , Can you have idea to solve this? Because I have the one container above the TabBar. and appreciate your work, it's so understandable.

[@flutterflowvip]

there is an option to enable scrol at TabBars general properties - have a look ibb.co/HFfNwn9

[@yashmodi1408]

I did but doesn't work , it's always says that Tab bar is expandable so the column cannot be scrollable. Ha and in your image ->put one container above and then please try it.

[@flutterflowvip]

@@yashmodi1408 I added the the container above and its working - try to calibrate your column like this -- zed-x.notion.site/Tab-Bar-fd6e6aab9e9d42539348da56a053a001?pvs=25

[@devaalous]

How to do this on Web Published "Applications" On flutterflow instead of APK i upload my app on flutterflow. Can you do a tutorial?

[@flutterflowvip]

I will make video on this soon

[@devaalous]

@@flutterflowvip i'd appreciate this, its for my reasearch project in school and notification is the only feature i am missing!

[@SamirMolina-c6w]

Alguien sabe como crear acciones customizada usando onesignal? dentro de FlutterFlow? quiero hacer algo similar al video, pero en lugar de enviar desde la web de OneSiganl, se envie la notificación al publicar un nuevo producto, y agregar esta custom action a mi botón de publicar y entregarle a las variables el titulo, la descripción y la imagen del producto.

[@JonasAlvarado-r7x]

How do I send notifications to a specific user, using APIs? I can't find a way to send the data to the backend API

[@flutterflowvip]

Are you using OneSignal

[@JonasAlvarado-r7x]

@@flutterflowvip Yes, I'm using OneSignal. I did the implementation of the login() and logout(), to handle the external_id, but I can't get from the backend via api to onesignal that external_id.

[@flutterflowvip]

I am creating an in-depth video on onesignal integration will upload soon.

[@jorgemarques2585]

Does this mean if we use XANO we can use OneSignal instead of Firebase for Push notifications? I was connecting Firebase just for this purpose, but OneSignal seems more interesting. Thanks.

[@flutterflowvip]

Yes

[@abdifatahsaid6624]

thank alot, how can i send a push notification from my server, like a transaction push notification

[@flutterflowvip]

You can Trigger Notification when new transaction Inserted in table.

[@abdifatahsaid6624]

@@flutterflowvip can you make a tutorial how to create a user with subscription and create a notification. The document onesignal provided is much complicated

[@FaroukEgypt]

I followed your instructions but the message "Allow Onesignal integration to send you notifications" does not appear or open in the app open

[@flutterflowvip]

Are you testing it on a real device or in test mode?

[@FaroukEgypt]

real device@@flutterflowvip

[@flutterflowvip]

DM me on TWITTER - manishonc

[@jean1704]

Can you make some videos using appwrite as backend

[@flutterflowvip]

Sure

[@SamirMolina-c6w]

Anyone know how to create custom actions using onesignal? inside FlutterFlow? I want to do something similar to the video, but instead of sending from the OneSiganl website, the notification is sent when publishing a new product, and add this custom action to my publish button and give the variables the title, description and Product image.

[@flutterflowvip]

Yeah I think I already have setup this think you can check other my video on onesignal

[@SamirMolina-c6w]

@@flutterflowvip Yes? I don't find other video where you speak this situation, I need create a custom action in FlutterFlow; I have the idea but never touch Dart or Flutter. i need you help please

[@flutterflowvip]

m.kzbin.info/www/bejne/envEd5Sfas19pJo

[@flutterflowvip]

I did not create an action . But directly using api. it's simpler but serves the purpose

[@SamirMolina-c6w]

@@flutterflowvip oh!, you use a supabase rather than Firebase for implement push notifications, FlutterFlow don't use "push" or "in-app" notifications true? with OneSignal, I should download my code and work in a code editor for implement this? and, my project can workwith Firebase and Supabase together?

[@rancoraider9702]

Hey bro. thank you so much for the video. Just one question, how would this be done if I want to send push notifications to iOS devices with onesignal? will it be the same method? Thanks

[@flutterflowvip]

There is some additional steps required to setup with iOS.

[@rancoraider9702]

@@flutterflowvip will you make a video soon how to do it

[@flutterflowvip]

Yes soon

[@catoshimeowmoto]

@@flutterflowvip please bro make one for ios also

[@UKLotterry]

is it possible to connect one segnal without firebase? using only supabase

[@flutterflowvip]

You don't need to do any thing related to Firebase on flutterflow. But you have to add Firebase service account to onesignal.

[@UKLotterry]

so how it will be connected to the user device? I'm using supabase as backend and authentication service, I added Firebase service account to onesignal, but when testing it says I don't have users. ur appreciated @@flutterflowvip

[@flutterflowvip]

Have you installed the app on a real device ?

[@JORGEVNZL4]

Hi, friend! that good video! Question: Is there a way to upload a csv file to firebase from a flutterflow hosted web app? I know that this can be done from managing content but the idea is that the client never enters that site. The idea is that you do it from the web Greetings!

[@flutterflowvip]

if you dont want the client to use FF CMS then You can use rowy it will give you ability to import csv or you can create whole custom backend thats let you import csv .

[@JORGEVNZL4]

Oh I understand. Could you do a tutorial on this? using Rowy Thank you very much for the prompt response@@flutterflowvip

[@flutterflowvip]

Sure . I will make a video on rowy soon.

[@JORGEVNZL4]

@@flutterflowvip Nice! thank you so much

[@mintanlathiya6547]

hello sir pls new update news data show in notification for flutterflow

[@mubarisp.b3974]

works in android studio but not in mobile

[@flutterflowvip]

try to uninstall and reinstall the app

[@Soomates]

How to get fcm token pls make video

[@flutterflowvip]

sure i will make a video on this

[@SeriousSection]

How to schedule notification or trigger

[@flutterflowvip]

There is option in one signal to schedule Notification at specific time.

[@SeriousSection]

Notification not working in real phone, do I need to turn on push notification and deploy rules in FF? So I need to have blaze plan for that?

[@flutterflowvip]

No You dont need to enable Push notification if you are using OneSignal -

[@flutterflowvip]

Have you added action in main.dart ?

[@mubarisp.b3974]

yes @@flutterflowvip ,have u export this app and try run in real phone>? is it working there?

[@rivercritico]

How can we add segments and enable these in the dialog box? I mean, for example I have a news app with three categories (local, national and international news). In the box, these categories could appear as checkboxes, creating segments to send notifications to users that want to know about an specific section. Is it possible?

[@flutterflowvip]

Yes it's possible. are you using supabase or Firebase as your backend?

[@rivercritico]

@@flutterflowvip Firebase

[@flutterflowvip]

first you need to retrieve all the users who have subscribed the categories - In the send message select list of users then pass the retrieve users list.