PWA — easy way to Progressive Web App

Description

Progressive Web Apps (PWA) is a technology that combines the best of mobile web and the best of mobile apps to create a superior mobile web experience. They are installed on the phone like a normal app (web app) and can be accessed from the home screen.

Users can come back to your website by launching the app from their home screen and interact with your website through an app-like interface. Your return visitors will experience almost-instant loading times and enjoy the great performance benefits of your PWA!

iWorks PWA makes it easy for you to convert your WordPress website into a Progressive Web App instantly!

Once this plugin is installed, users browsing your website from a supported mobile device will see a “Add To Home Screen” notice (from the bottom of the screen) and will be able to ‘install your website’ on the home screen of their device.

iWorks PWA allow to add shortcuts for context menu to be displayed by the operating system when a user engages with the web app’s icon.

iWorks PWA is easy to configure, it takes less than a minute to set-up your Progressive Web App!

Screenshots

  • General configuration.
  • Generic configuration.
  • Apple configuration.
  • Microsoft configuration.
  • Installation app on Android.
  • Shortcuts menu on Android.

Installation

There are 3 ways to install this plugin:

1. The super easy way

  1. In your Admin, go to menu Plugins > Add.
  2. Search for iWorks PWA.
  3. Click to install.
  4. Activate the plugin.
  5. A new menu PWA in Settings will appear in your Admin.
  6. A new location PWA Shortcuts Menu in Display location will appear in Appearance -> Menu.

2. The easy way

  1. Download the plugin (.zip file) on the right column of this page.
  2. In your Admin, go to menu Plugins > Add.
  3. Select button Upload Plugin.
  4. Upload the .zip file you just downloaded.
  5. Activate the plugin.
  6. A new menu PWA in Settings will appear in your Admin.
  7. A new location PWA Shortcuts Menu in Display location will appear in Appearance -> Menu.

3. The old and reliable way (FTP)

  1. Upload iworks-pwa folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. A new menu PWA in Settings will appear in your Admin.
  4. A new location PWA Shortcuts Menu in Display location will appear in Appearance -> Menu.

FAQ

How can I translate manifest.json values?

It is only possible with WPML package.

  1. Install and activate WPML Multilingual CMS and WPML String Translation plugins.
  2. Save manifest.json data on WP Admin -> Settings -> WPA.
  3. Open WP Admin -> WPML -> String translation`.
  4. Select domain iworks-pwa.
  5. Translate strings.

How can I add context menu?

The shortcuts member defines an array of shortcuts or links to key tasks or pages within a web app. A user agent can use these values to assemble a context menu to be displayed by the operating system when a user engages with the web app’s icon.

  1. Install Menu Icons by ThemeIsle plugin.
  2. Go to WPA -> Appearance -> Menu.
  3. Open “Menu Icon Setting” from “Add menu items” column (it should be on the bottom).
  4. Be sure you have “Image” checked.
  5. Create custom menu and set “Display location” to “PWA Shortcuts Menu”.
  6. Add item.
  7. Select icon – it is recommended that you use a single 192×192 pixel icon.
  8. Save menu.

Reviews

جون 22, 2022
Simple, quick, clean and easy. I hope this plugin gets continued development with additional features and cleanliness like similiar plugins. Would be great to customize the "pop up" text, and download stats. 10 out of 10 for what it is. Nice job!

Top

جون 11, 2022
I expressed it in the title in three words!
مارچ 21, 2022
This must be one of the best PWA plugins for WordPress. It's simple, effective and with some more performance optimizations from the developer, it will be just perfect. Thanks @iworks for developing it!
فبروري 5, 2022
Simple app with powerful functionality! It creates a powerful app and let the visitors give an option to install the web app of your website by showing them a notification banner od "Add to your home screen". No glitching user interface and complex settings! This plugin can be set up very easily and cleanly.
Read all 9 reviews

Contributors & Developers

“PWA — easy way to Progressive Web App” is open source software. The following people have contributed to this plugin.

Contributors

“PWA — easy way to Progressive Web App” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “PWA — easy way to Progressive Web App” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.4.3 (2022-05-06)

  • Fixed issue with Microsoft Square Icon. Props for chickendipper.
  • Fixed issue lower than 8 PHP. Props for bamsik001.
  • Added cache for html head with Microsoft data.

1.4.2 (2022-04-08)

  • Added params defaults to function called in action wp_nav_menu_item_custom_fields to avoid PHP warning for improper call. Props for vmaxs
  • Added permanent hide for menu pointer when user visit PWA Settings page.

1.4.1 (2022-04-05)

  • Updated iWorks Options to 2.8.3. (Fixed PHP 7.x compatibility).

1.4.0 (2022-04-05)

  • Added Menu Icons by ThemeIsle plugin integration for PWA Shortcuts.
  • Added a message when site permalink is installed in a sub-directory – this plugin does not support it.
  • Added PWA Shortcuts Menu. Read more about PWA Shortcuts.
  • Updated iWorks Options to 2.8.3.

1.3.3 (2022-03-22)

  • Replaced cache function o proper one.
  • Fixed problem with deleting general icon.

1.3.2 (2022-03-22)

  • Fixed wrong option name.

1.3.1 (2022-03-22)

  • Added /ieconfig.xml link on debug tab.
  • Fixed long site title on offline page. Props for tanohex.
  • Fixed missed translation domain in few strings.
  • Improved usage of transient cache. Props for tanohex.
  • Removed images from debug tab.

1.3.0 (2022-03-16)

  • Added object cache for settings.
  • Fixed protected $option_name_icons warning.

1.2.3 (2022-02-23)

  • Removed console.log from JavaScript files.

1.2.2 (2022-02-21)

  • Added filter `iworks_plugin_get_options’ to allow filtering plugin core configuration.
  • Added OG — Better Share on Social Media plugin integration.
  • Added plugin information into PWA scripts elements.
  • Added purpose “any maskable” to the biggest icon. Props for vmaxs.
  • Updated iWorks Options to 2.8.2.
  • Updated iWorks Rate to 2.1.0.

1.2.1 (2022-02-16)

  • Added a message when site permalink is “plain” – this plugin does not support it.
  • Updated iWorks Options to 2.8.1.

1.2.0 (2022-02-15)

  • Added ability to change text of offline page.
  • Added version to cache control.
  • Added WPML plugin integration.
  • Moved worker JavaScript from PHP class to separate template.

1.1.6 (2022-01-27)

  • Added screenshots to readme.txt.
  • Removed debug functions.

1.1.5 (2022-01-27)

  • Added Apple Pinned Tab Icon.
  • Added Apple Launch Icon Title.
  • Added Microsoft Pinned Site.
  • Added Microsoft Live Tile for IE11.
  • Added HTML prefetch for manifest.json.
  • Refactored options.

1.1.4 (2022-01-24)

  • Fixed typo.

1.1.3 (2022-01-24)

  • Fixed class load order issue.

1.1.2 (2022-01-24)

  • Added method_exists to check iWorks Option Class has method set_plugin.
  • Changed plugin name into “PWA — easy way to Progressive Web App”.
  • Cleared manifest.json from unwanted values.
  • Improved handle /manifest.json.

1.1.1 (2022-01-23)

  • Added configuration for Apple Splash Screen Icons.
  • Added configuration for Apple Touch Icon.
  • Added configuration for IE11.
  • Added configuration for Microsoft Tile Icons.

1.1.0 (2022-01-21)

  • Added configuration for application name.
  • Added configuration fot application colors.
  • Added configuration fot application description.
  • Added configuration fot application display.
  • Added configuration fot application icons.
  • Added configuration fot application orientation.
  • Added configuration fot application short name.
  • Changed plugin name from “iWorks PWA” into “PWA — simple way to Progressive Web App”.
  • Updated iWorks Options to 2.8.0.
  • Updated iWorks Rate to 2.0.6.

1.0.0 (2022-01-04)

  • First stable release.
  • Added check for non SSL site – SSL is required for PWA.
  • Added “Rate” module.
  • Fixed duplicates in offline urls set.
  • Bumped offline version to 2.

0.0.2 (2021-04-26)

0.0.1 (2021-03-18)

  • Init.