...
Show this app saving widget when a user presses a certain button, in this case, "Install App" button.
...
| language | js |
|---|---|
| title | Code sample |
<!-- |
|---|
...
Custom |
|---|
...
button |
|---|
...
anywhere |
|---|
...
on |
|---|
...
the |
|---|
...
page |
|---|
...
--> |
|---|
...
<button |
|---|
...
onclick="pwaless.showWidget('main')">Install |
|---|
...
App</button> |
|---|
You can call these widgets anyway you see fit, for example, based on user actions (like a button) or using timers and as a part of a workflow, like "Something is added to a shopping cart"
An example - Auto Hiding Button
...
It is the same button, but it will hide if a user visits your website and already has the application installed.
The only difference with the previous example is an HTML attribute added: <button pwaless onclick ...
...
| language | js |
|---|---|
| title | Code sample |
<!-- |
|---|
...
Custom |
|---|
...
button |
|---|
...
anywhere |
|---|
...
on |
|---|
...
the |
|---|
...
page |
|---|
...
--> |
|---|
...
<button |
|---|
...
pwaless |
|---|
...
onclick="pwaless.showWidget('main')">Install |
|---|
...
App</button> |
|---|
NOTE - the attribute "pwaless" will work just as well on any other HTML element, as it does on buttons.
Recommended Use
It makes sense to keep the "App Saving" abilities of your website visible, so people can share it, in places like the bottom block of your website. So do not add the "pwaless" attribute.
...