Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

PWA start up image

Featured Replies

Speaking of the app, if I remember correctly, at some point earlier on the v5 release, you’d see an image when loading/opening the app. That is no longer the case, is it?

That should be working and hasn’t been changed recently as far as I know. Have you uploaded your images in the Web App settings?

  • Author
3 minutes ago, Ehren said:

That should be working and hasn’t been changed recently as far as I know. Have you uploaded your images in the Web App settings?

I have yes, but it never worked.

IMG_9990.png

  • Author
1 hour ago, Ehren said:

Thanks @Cedric V

I've just looked into this and we should hopefully have it fixed in .10 for you.

If not, it'll be in .11 🤝

Legends. 🙏

Give beta 3 a try. That should fix the splash image, but let me know if it doesn’t 👍

  • Author
1 minute ago, Ehren said:

Give beta 3 a try. That should fix the splash image, but let me know if it doesn’t 👍

Uploaded a new image, did the update, reinstalled app, but still no image sadly.

Okay, I think the icon URLs need to be prefixed with https: instead of //. Without the https, iOS just shows a black screen.

I've been able to test this locally and that seems to make them work. This probably won't be a .10 thing, but I'll look into it for a future update.

  • Author
3 minutes ago, Ehren said:

Okay, I think the icon URLs need to be prefixed with https: instead of //. Without the https, iOS just shows a black screen.

I've been able to test this locally and that seems to make them work. This probably won't be a .10 thing, but I'll look into it for a future update.

Brilliant, thanks.

Okay, ignore my above reply. I think the solution is to add the apple-mobile-web-app-capable meta tag.

You can either wait for .11, or you can add your own template hook to your theme with the following data to patch it now:

Name: PWA Splash screen fix
Type: Hook
Hook Application: System
System: front/global/globalTemplate
Hook Target: head
Hook Type: Before closing tag
Content:

<meta name="apple-mobile-web-app-capable" content="yes"> 

That should work. It does on this community anyway so fingers crossed! 🤞

You will need to delete and reinstall the PWA for this to take effect

  • Author
1 hour ago, Ehren said:

Okay, ignore my above reply. I think the solution is to add the apple-mobile-web-app-capable meta tag.

You can either wait for .11, or you can add your own template hook to your theme with the following data to patch it now:

Name: PWA Splash screen fix
Type: Hook
Hook Application: System
System: front/global/globalTemplate
Hook Target: head
Hook Type: Before closing tag
Content:

<meta name="apple-mobile-web-app-capable" content="yes"> 

That should work. It does on this community anyway so fingers crossed! 🤞

You will need to delete and reinstall the PWA for this to take effect

Thanks, I can confirm adding the hook has resolved the issue.

4 hours ago, Ehren said:

Okay, ignore my above reply. I think the solution is to add the apple-mobile-web-app-capable meta tag.

You can either wait for .11, or you can add your own template hook to your theme with the following data to patch it now:

Name: PWA Splash screen fix
Type: Hook
Hook Application: System
System: front/global/globalTemplate
Hook Target: head
Hook Type: Before closing tag
Content:

<meta name="apple-mobile-web-app-capable" content="yes"> 

That should work. It does on this community anyway so fingers crossed! 🤞

You will need to delete and reinstall the PWA for this to take effect

Thanks, Ehren! If people install the PWA on the .10 version, do you know if it will start showing the splash image on .11? Or would it need to be re-installed?

PWA's can be funny sometimes.

Once the meta tag exists (either via the theme hook or the software update), the app will need to be reinstalled.

If they install the PWA without this code, the splash screen won’t be downloaded to their device so it’ll never be shown, even after you upgrade to .11

4 hours ago, Ehren said:

Once the meta tag exists (either via the theme hook or the software update), the app will need to be reinstalled.

If they install the PWA without this code, the splash screen won’t be downloaded to their device so it’ll never be shown, even after you upgrade to .11

Thanks for confirming!

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.