Tapping on install button on iPhone does nothing
-
With version 1.1.2 there should be:
“Fixed: the install button now shows on iPhone and iPad and opens the Add to Home Screen steps when tapped.”
But I can not confirm, that this is working. Tapping on the button does nothing.
-
Hi @maroony,
Thanks, we’re also in touch with you by email about the notification taps. This thread is about the install button, which is separate, so we tested it on your site in Safari on iPhone.
The button works in Safari: tapping it opens the “Add to Home Screen” steps at the bottom of the screen. It does nothing in two cases:
- Inside the installed app. Once the app is on your Home Screen there’s nothing left to install, so the plugin normally hides the button there. Your site has custom CSS that forces it to show everywhere:
.ddwppwa-install-button { all: unset; display: flex !important; }
Please removedisplay: flex !important;from that rule (keepall: unset;if you want the styling). After that the button only appears in the browser, where it works. - When the install banner is already open. On a first visit the plugin opens the banner automatically at the bottom of the screen. Tapping the button then shows the same banner, so nothing new appears.
To test: open the site in Safari (not the installed app), close the banner at the bottom if it’s open, then tap “Install App”.
Tip: the Add to Home Screen text is still the English default. You can translate it under Configuration → Install Banner → iOS instructions.
If it still does nothing in Safari after that, let us know and we’ll look again.
Hi @yashkapoor
“Tip: the Add to Home Screen text is still the English default. You can translate it under Configuration → Install Banner → iOS instructions.”
This doesn’t exist for me in version 1.1.3. There is Configuration -> Banners -> Install Banner
There I set title to: “Hole dir die App mit Push-Benachrichtigungen!” and message to “Füge ****** als App hinzu und erhalte Push-Benachrichtigungen bei neuen Artikeln.” But only my title is in the popup banner.
Install button:
When I tap on the “Install App” button on my iPhone in Safari when popup is closed, the popup comes up, nothing more.
Furthermore, I removed my custom css.
Hi @maroony,
Thanks, and sorry: the setting I mentioned didn’t exist in 1.1.3. It’s in 1.1.4, released today.
Banner text: On iPhone, the install banner used to replace your message with a fixed English line. In 1.1.4, it shows your own message with the install steps under it. You can translate the steps under Configuration → Banners → Install Banner → iPhone & iPad Steps.
Install button: what you saw is how iPhone works. Apple doesn’t allow any website to install itself on iPhone; there is no install prompt like on Android. The only way is the Share button → Add to Home Screen, and the banner that opens when you tap the button shows exactly those steps. After adding it, the app appears on your Home Screen.
The notification fix we discussed by email is in 1.1.4 as well.
Thanks for clearing this out. There is still a small thing left. In the notification title for a new post, there is a suffix “from <siteName>”. This is not something I would expected and nothing I can configure.
I think this suffix should be removed or there should be a parameter for this. When I get other notifications on my iPhone, no app would add a suffix “from <appName>” or “send from <appName>”. Also this suffix is english language and my post title is german language.
Hi @maroony,
The plugin doesn’t add that part. The notification title is only what’s set under Automations → New Post title (default
New post: {title}), and you can change or translate it there. As far as we know, the “from …” line is added by iOS itself to notifications from Home Screen web apps, and websites can’t turn it off. If you’d like to check, send a test notification with a custom title from the Notifications screen. If “from …” still shows, it’s coming from iOS. - Inside the installed app. Once the app is on your Home Screen there’s nothing left to install, so the plugin normally hides the button there. Your site has custom CSS that forces it to show everywhere:
You must be logged in to reply to this topic.