PWA

PWA – Progressive Web Application for Botble CMS

Version: 1.1.0 Author: Motion Media

The PWA – Progressive Web Application plugin for Botble CMS enables your Botble-powered website to behave like a modern mobile application. It enhances user experience by allowing visitors to install your website on their devices, access it offline or with poor connectivity, and enjoy faster load times through intelligent caching.

This plugin is ideal for businesses, content platforms, e-commerce sites, and organizations looking to improve engagement, performance, and accessibility without building a native mobile app.

Key Features

• Installable Web App

  • Allows users to add your website to their home screen on Android, iOS (Safari), and desktop browsers.
  • Launches in a standalone, app-like interface without browser UI.

• Offline & Low-Connectivity Support

  • Uses service workers to cache essential assets.
  • Ensures your site remains accessible even when the user is offline or has a weak internet connection.

• Automatic Manifest Generation

  • Generates and serves a valid manifest.json required for PWA functionality.
  • Supports app name, icons, theme color, background color, and display mode.

• Improved Performance

  • Faster load times due to caching of static assets.
  • Reduces repeat data usage for returning visitors.

• SEO & User Engagement Friendly

  • PWAs are search-engine friendly.
  • Improves retention through app-like behavior and repeat visits.

• Seamless Botble CMS Integration

  • Designed specifically for Botble CMS architecture.
  • Lightweight and non-intrusive—does not interfere with existing themes or plugins.

Installation Instructions

1. Navigate to Admin Dashboard → Plugins → Add New.

2. Upload the plugin file: pwa.zip.

3. Activate the plugin.

4. Go to Admin → Appearance → Theme Options (or Appearance Settings).

5. Add the following code to Header HTML:

   <link rel="manifest" href="/manifest.json">
   

Setting up the Plugin

• Go to settings page, and look under Other settings. *
• Turn the PWA to On and complete settings as desired, add the app icon if you wish then click save.
• 
• Thats it, you can now reload your site and you will be prompted to install the site to your device.
• 

Requirements

• Botble CMS (compatible with standard Botble installations)
• HTTPS enabled (required for PWA and service workers)

Use Cases

• Business websites seeking mobile-app-like presence
• Blogs and content platforms improving reader retention
• E-commerce sites enhancing mobile shopping experience
• Organizations targeting users with limited internet connectivity

Support

For support, bug reports, or feature requests, contact: 📧 [email protected]