Can someone make a "Add to homescreen button"

Need help Plugins
1

Hey all can someone make a add to homescreen plugin??

2 Likes
2

@chad

Are you looking for just the button, or are you looking for a pwa option?

Here’s a pwa example on Android:

image
image504×849 20.9 KB
…

On IOS, it doesn’t support the prompt to the user, but if they add to home screen, it still uses the pwa function.

image
image380×819 8.83 KB

And on Desktop:

image

3

I make mostly mobile apps I’d like to prompt the user to install to home screen at a certain point… say 5 minutes after using the app for the first time

4

Hey Lantz,

Do you know how to do that on Bubble? I’ve seen the WebDev documentation, and built the manifest and sw,js but where do you paste the Java? text in Bubble?

Thanks!!!

Promoting installation #

To indicate your Progressive Web App is installable, and to provide a custom in-app install flow:

  1. Listen for the beforeinstallprompt event.
  2. Save the beforeinstallprompt event, so it can be used to trigger the install flow later.
  3. Alert the user that your PWA is installable, and provide a button or other element to start the in-app installation flow.

Listen for the beforeinstallprompt event #

If your Progressive Web App meets the required installation criteria, the browser fires a beforeinstallprompt event. Save a reference to the event, and update your user interface to indicate that the user can install your PWA. This is highlighted below.

let deferredPrompt;window.addEventListener('beforeinstallprompt', (e) => {  // Prevent the mini-infobar from appearing on mobile  e.preventDefault();  // Stash the event so it can be triggered later.  deferredPrompt = e;  // Update UI notify the user they can install the PWA  showInstallPromotion();});
6

Thanks so much for that!

It’s quite technical (I’m evidently not :slight_smile: ) but will give it a go!

Thanks again!

1 Like
7

I might open this service back up in the future, but here is the documentation I wrote for it, if it helps visually… :slight_smile:

https://d1technologies-admin.gitbook.io/pwa-creator/getting-started/finalize

1 Like
8

Yes! That service would be great and hugely simplify the process

1 Like
9

Hi @Iantzgould… can’t wait for you to open the service again

10

Will you be re-opening this service ? Could really do with this, alternatively if you’d be happy to show me how to do this on a zoom call i’m happy to pay.

Calum

11

+1 for the service ! Why was it cancelled ?

1 Like
12

Hi :smiley:

Did you ever open up the service again?

13

This would be really useful. I would pay for that.

14

Progressier does exactly that and also comes with a solution for making your app work offline, sending push notifications and simplifying the process of installing apps.

15

Has anyone tried using Progressier?

1 Like