Support Articles

Stay Connected

Progressive Web App (PWA)

A Progressive Web App (PWA) is a web application that enables you to deliver a native app-like experience to users on mobile so that they have a fast, smooth, and engaging experience with your site.


PWAs load instantly, respond quickly to user interactions, and feel like a natural app. They do not need an app store for installation and enable users to re-enter the site instantly, even when a device is offline.


Note


  • PWAs can only be enabled on HTTPS sites.For more information, see Add SSL or HTTPS.
  • PWAs are supported on Chrome for Android. If PWA is enabled, the browser automatically asks the user if they want to add the site in the home screen.
  • You can also add PWA on IOS devices running version 11.3. However, since the "add to screen" automatic message by the browser is not yet available, users will have to add PWA manually. For more information on how to do this, visit Apple Support.


To activate PWA feature:


  1. In the left panel, click Settings, and then click Progressive Web App (PWA).
  2. Click the Activate Progressive Web App toggle. Once PWA has been activated for a site, you can configure the following settings:
  • Name. This is the name displayed on the splash screen and the “Add to homescreen message.” It can be up to 60 characters long.
  • Short Name. This is the name used when there is not enough space to display the full name; for example, on the mobile homescreen. This name can be up to 60 characters, but we suggest that you make it as short as you can.
  • Icon. This is the icon that appears on the mobile homescreen and the splash screen when the app is loading. It must be at least 192 pixels width and in .png format.
  • Splash screen background color. This is the color that appears while the site is loading.


When a user accesses a site enabled with PWA from their mobile device, they will see an Add to Home screen button displayed below the site. Once added to the home screen, the icon will be displayed on their device for quick access to the site (similar to an app).


The user can now re-enter the site using this icon, even if the device is offline.


What's

Snappin

Related Articles

HTML Widget

By Eddie Cruz • 24 Aug, 2021
Expand the capabilities of the website builder with custom HTML. This widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as videos, contact forms, and more. While adding custom code can extend your site's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it does not work. To learn more about using HTML in Developer Mode, see Developer Mode.

Social Widgets

By Eddie Cruz • 24 Aug, 2021
The editor's interface has three main predefined sections: The top navigation bar, the left panel, and the content area. Each of these predefined sections plays an important role in letting you make your site as awesome as possible.

PayPal Button

By Eddie Cruz • 24 Aug, 2021
This widget makes it easy for website visitors to send you money using PayPal. You can use the PayPal button both for gathering donations and for selling products.
Share by: