Embed Size (px)
Citation preview
User Guide: Progressive Web Apps
Page 1
Support: http://store.setubridge.com/contacts/
Progressive Web Apps
User Guide
Official Extension Page: Progressive Web Apps
User Guide: Progressive Web Apps
Page 2
Support: http://store.setubridge.com/contacts/
Table of contents:
1. Introduction ………………………………………………………………3
2. Extension Configuration ……………………………………………5
3.Progressive Web Apps In Front End …………………………8
User Guide: Progressive Web Apps
Page 3
Support: http://store.setubridge.com/contacts/
1. Introduction
The Progressive Web Apps are the new standard for building a modern
web experience.
PWAs use the latest browser technologies to meld the accessibility of
the web with the presence of the mobile app. By replacing responsive
websites with PWAs, merchants will offer faster, application-like experiences for customers, more seamless checkout processes and
higher engagement through opt-in push notifications that empower
online retailers to promote discounts and product releases. When the
customers visit your site for the first time, they will be invited to use
the Progressive Web Apps by adding it to their home screen – just one
click, no further installation required.
PWAs launch with great experience with the accelerated loading speed,
even the on the slow network speed, push notifications, instant access on the home screen, and so on. Also, the users are accessing your site
that acts and feels like an app. As a result, your customer experience
will be enhanced, more traffic will be driven, conversions are boosted and sale volumes will go sharply for sure.
Note: The important thing is that your site must have an SSL or TLS certificate (being HTTPs).
User Guide: Progressive Web Apps
Page 4
Support: http://store.setubridge.com/contacts/
Features
Admin can manage the application name, the application icon,
splash background etc.
Launches without the internet or low-quality internet
Works lightning fast if compared to the website
Support offline mode, admin can choose offline page
Admin can send multiple notifications at a time
Works completely responsive on all the platforms
Admin can set the theme colour of the PWAs
User Guide: Progressive Web Apps
Page 5
Support: http://store.setubridge.com/contacts/
2. Extension Configuration
Enable / Disable
extension from here
The URL is start
from home screen
Choose launched
web page display
type
App logo image
App logo image
multiple define size
User Guide: Progressive Web Apps
Page 6
Support: http://store.setubridge.com/contacts/
Offline page redirect
to this page
Add firebase to your
web app
List of app notification
User Guide: Progressive Web Apps
Page 7
Support: http://store.setubridge.com/contacts/
User Guide: Progressive Web Apps
Page 8
Support: http://store.setubridge.com/contacts/
3. Progressive Web Apps In Front End
Add home screen
web page
User Guide: Progressive Web Apps
Page 9
Support: http://store.setubridge.com/contacts/
PWA shortcut
icon
User Guide: Progressive Web Apps
Page 10
Support: http://store.setubridge.com/contacts/
Loading web app
User Guide: Progressive Web Apps
Page 11
Support: http://store.setubridge.com/contacts/
Push notification
web app
User Guide: Progressive Web Apps
Page 12
Support: http://store.setubridge.com/contacts/
Push notification
web app
User Guide: Progressive Web Apps
Page 13
Support: http://store.setubridge.com/contacts/
Thank you!
If you have any questions or feature suggestions, please send an
email to:
Your feedback is absolutely welcome!
![Progressive Web Apps [pt_BR]](https://img.dokumen.tips/doc/110x75/58ec92371a28ab086c8b46bf/progressive-web-apps-ptbr.jpg)