Invite the user to install the app when using chatwoot on mobile

[Giszmo]

Is your enhancement request related to a problem? Please describe.
ChatWoot backend is hardly usable on a moderately small mobile screen

Describe the solution you'd like
The page should show me a dismissable notification: "You appear to be using ChatWoot on a mobile. Did you know it's even more awesome on its dedicated app? Find them here for Android and iPhone."

Describe alternatives you've considered
Fix the UI for small screens.

Additional context
I had no idea there was a mobile app and it appears to work decently.

[pranavrajs]

@Giszmo Thanks for the suggestion, this is a good one to tackle.

[pranavrajs]

Additional context to the person who picks this up. Add an additional check for DISPLAY_MANIFEST before displaying this message.

[iammattmartin]

Just to add. Maybe worth trying to intercept the email so it opens the app.

Although this may be hard for self-hosted instances.

[Giszmo]

Just to add. Maybe worth trying to intercept the email so it opens the app.

Although this may be hard for self-hosted instances.

Could you elaborate? The app allows to configure "push notifications" yet I have so far never been notified very timely using a self-hosted instance. Why is that not instant? Why are even mails delayed by hours? Why would that be better if not self-hosted?

[iammattmartin]

I mean email notifications that you can click on that open the app natively, not go to the web GUI.

Your follow up questions are not really relevant to the initial post though. It's a beta app firstly. Emails from self-hosted at least for us are not delayed several hours so this seems to be an issue with your setup as it's not a CW bug at least.

[Giszmo]

I mean email notifications that you can click on that open the app natively, not go to the web GUI.

You can register programmatically for custom servers I think. If not, there is certainly other ways.

[mathamonkey]

@pranavrajs Hi, I would like to give this a try.
Can you please assign it to me and define the acceptance criteria.

[mathamonkey]

@pranavrajs Hi, I would like to give this a try.
Can you please assign it to me and define the acceptance criteria.

Hi @pranavrajs
A gentle reminder!

[pranavrajs]

@mathamonkey To start with, let us try to implement native banners.

For iOS, please see:
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

Please see the section Implementing a Smart App Banner on Your Website

For android, please see:

https://developers.google.com/web/fundamentals/app-install-banners/native

Please see the links to our mobile apps below.
For iOS: https://apps.apple.com/app/id1495796682
For Android: https://play.google.com/store/apps/details?id=com.chatwoot.app&hl=en

[mathamonkey]

@mathamonkey To start with, let us try to implement native banners.

For iOS, please see:
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

Please see the section Implementing a Smart App Banner on Your Website

For android, please see:

https://developers.google.com/web/fundamentals/app-install-banners/native

Please see the links to our mobile apps below.
For iOS: https://apps.apple.com/app/id1495796682
For Android: https://play.google.com/store/apps/details?id=com.chatwoot.app&hl=en

Okay, Sure.

[muhsin-k]

The iOS smart app banner is completed in chatwoot/chatwoot/pull/1531. I will make a separate PR for Android.

[pranavrajs]

@muhsin-k Have we done the changes for both iOS and Android?

[muhsin-k]

@pranavrajs
Android

Not yet.

iOS
It is working in the safari app and not in the chrome app.

I will work on these issues in next the sprint

[linear]

PR-46 Invite the user to install the app when using chatwoot on mobile