Add To Home Screen (iOS, iPadOS)

In hindsight, I probably should have asked if you had checked that. :slight_smile:

I tend to forget because I’m a registered developer so I get into the betas pretty early on so I sometimes forget that not everyone updates on release day. :slight_smile:

I agree, as this is the main benefit for privately-hosted sites (compared with the Hub app).

But does the code check that the iOS version is 16.4 or greater? No point mentioning notifications if not (and arguably little point mentioning A2HS at all). I don’t know Ruby but it seems just to check whether you’re on an iPhone or iPad:

Sorry if I’ve got the wrong end of the stick.

3 Likes

Right end of the stick! This is Javascript though, not Ruby. :smile:

1 Like

Right end of the wrong stick! :slight_smile:

2 Likes

I also want to install Forum on Android like IOS in this topic. How to do on Android?
Thanks everyone

open Chrome, hit three dots, then “Install App” … hit “Install”.

1 Like

I mean, on my forum (using discourse platform), I want for android users to install App like this component.

That is on an android Chrome browser when showing a Discourse forum.

There is also a banner prompt out of the box, e.g.:

3 Likes

Hey, guys! I just installed this component on my forum, but it has a major bug: both the desktop, mobile and app versions became infinitely scrollable and I couldn’t click on any buttons anymore. My luck was that I hadn’t refreshed the page on my computer, so I could quickly disable it upon noticing what the problem was. I hope this helps you all. :slight_smile:

2 Likes

Is this still happening for you? I couldnt repro.

Hey, Jordan! I didn’t try it again – and I don’t intend to.

The Add to Homescreen prompt appears on the discoursehub app

1 Like

I’ve noticed that this appears on Chrome in iOS too - which is unhelpful.

Ideally, it should have a different message for non Safari browsers - i.e.

To install this on your device, open it in Safari

or similar.

iOS Chrome supports “Add to Home Screen” since iOS 16.4.

You do still click a Share button, which looks like a box with an up arrow, but the button appears in the URL bar at the top of the screen in iOS Chrome; the URL bar might be collapsed, so the Share button might not be visible by default.

So, the message doesn’t need to change to say “Open it in Safari,” but it would be nice if it could correctly guess where the Share button is. On iPhone Safari, it appears in the center of the footer, which may be collapsed. On iPad Safari, it appears in the upper-right corner, not collapsed.

On iPhone Chrome, it appears in the upper-right corner, and might be collapsed. On iPad Chrome, it still appears in the upper-right corner, but won’t be collapsed.

1 Like

I’ve been keeping an eye on how other people guide users to install PWAs on iOS, and a common pattern I’m seeing is to have a clickable banner that opens a new browser tab, pointing to a separate “install the PWA” page that does not scroll.

This ensures that the URL bar won’t be collapsed on that page, making it easier for users to find the Share button and click it.

(Of course, they’ll still have to scroll down to “Add to Home Screen” after opening the Share sheet, which is a pain point, but anything that reduces friction helps…)

4 Likes

I hadn’t appreciated that - was sure I read somewhere that it must be via Safari for PWAs to be installed. That makes the TC pretty spot on then!

An issue that I have come across is that iPhones with significant enterprise control can have web notifications blocked (mine does), which is a real pain.

1 Like

Do you want to install ___ forum on this device?

If a user close this popup by mistake, can i expect it to turn it on again?

In my experience, usually just logging out of and back in to a forum triggers it.

1 Like

Thanks

Another thing i noticed, when app is installed, the logo doesnt shrink proportionally and looks out of place.

Does anyone know what logo does app utilizes under Branding section ?