<img src="abc.png" />
    
call to replace anchor tags contains '/admin' in href

Progressive Web Apps (PWA)

Progressive Web Apps (PWA) are the web apps that make your website look feel and work like a mobile app. This eliminates the need for developing an Android or iOS app and brings a mobile-app-like experience to your users. Also, they do not need to install an app from the app store/play store. 

These apps are a hybrid of web pages (or websites) and a mobile application providing a seamless, fast and reliable experience for your customers without much effort. Most modern browsers offer PWA with the benefits of a seamless mobile experience. PWA is:

  • Reliable: The progressive web apps load very fast and work offline.
  • Fast: The PWA projects smooth animations, scrolling and seamless navigation even on flaky networks.
  • Engaging: The PWA is launched on the home screen without downloading and can receive the push notifications.
  • Portable: PWA has uniform behaviour across platforms.
  • Zero Install: The progressive web apps do not require any installation and less space than apps.
  • Discoverable: PWA is search engine friendly and more discoverable.

How does it work?

When your website is PWA compliant, it starts as a regular web page in a browser, and as a user explores the webpage, they get the prompt if they would like the website to “Add to Home Screen”.

Once the user permits this prompt, PWA gets added to their home screen. Once open from the home screen, it can even hide the browser UI controls and appear as an app.

You can now use it as an app in your mobile phones.

Get started with PWA on StoreHippo

All the stores built on StoreHippo are PWA which means, they have a mobile app like look, feel and functionality even though they open in a browser. PWA on StoreHippo is very easy to use and is enabled on a setting basis. By enabling the setting and providing the basic and minimal details, you can make your website PWA compliant.

Enabling PWA

To enable PWA in your store, go to Settings > Site Settings section in StoreHippo Admin Panel.

Scroll down and select the Enable PWA checkbox.

Provide the Splash Color in the PWA settings. The splash color is the color of the splash screen, also known as a launch screen. 

Providing primary color

Primary color for PWA is the theme color which sets the color of the toolbar and in the task switcher. To provide the primary color for PWA, go to Settings >  General settings section in the StoreHippo Admin Panel

Specify the color code in the Primary color field and save the changes.

FAQ

Q. When can my users start using my PWA?

As soon as you enable the PWA in your StoreHippo admin panel, your users can start using the PWA. While browsing your website on mobile phone, your users will get a pop-up if you want to add the website to the home screen. When they select it, the icon will be added to their home screen. They can now enjoy the mobile app like experience through PWA.

Q. Do I need a developer account to publish the app?

No, you can seamlessly create and publish PWA's without the hassle of signing up for a new account or uploading. 

Q. Do you need internet access to use PWA?

Progressive Web Apps will work in areas of low connectivity and certain characteristics will be cached for accessibility offline. However, similar to native applications, the internet is necessary for dynamic content.

2018-10-15T05:57:17.781Z