AryaPortal PWA Plugin for Botble CMS

Comprehensive Introduction to AryaPortal PWA for Botble CMS

More than 70% of global web traffic comes from mobile devices. Modern users demand app-like speed, smooth navigation, and the convenience of launching their favorite platforms directly from their home screens. Building dedicated native iOS and Android apps requires heavy financial investment, ongoing maintenance, and complex app store submission processes.

The AryaPortal PWA plugin for Botble CMS bridges this gap seamlessly. It enables you to convert your Botble website into a fully functional, installable Progressive Web App (PWA) in minutes—without writing a single line of code.

AryaPortal PWA delivers all the tools necessary to upgrade your digital presence. By wrapping your site in a robust PWA layer, you offer visitors an engaging experience, offline browsing capability, and near-instant load speeds. Managed completely through the native Botble admin control panel, it removes technical complexity while enhancing user retention.

1. One-Click Effortless Setup

• Instant Activation: Toggle the entire PWA layer on or off with a single click.
• Universal Compatibility: Integrates automatically with any active Botble theme without layout or template file edits.

2. Comprehensive Manifest Customization

• Complete Branding Control: Easily set app title, short name, descriptions, theme colors, background colors, and orientation parameters.
• Automated Icon Generation: Simply upload your primary branding graphic (PNG, JPG, WEBP). The plugin automatically crops and scales it to standard 192x192 and 512x512 icon sizes.

3. Native Offline Experience

• Smart Service Worker Caching: Employs a network-first strategy, allowing previously visited pages to load when users lose connection.
• Branded Offline Fallback: Displays a clean, customizable offline notice page whenever un-cached routes are accessed offline.
• Pre-cache Critical Pages: Specify core landing pages or store URLs to cache automatically upon initial visit.

4. Smart Adaptive Install Prompts

• Custom Display Timing: Set precise delays for when the installation prompt should trigger on-screen.
• Cross-Browser Adaptability:
  • Chromium & Android Browsers: Triggers a native one-tap installation dialog.
  • iOS / iPadOS Safari: Displays intuitive "Share → Add to Home Screen" instructions.
  • Unsupported Browsers: Automatically suppresses prompts to maintain a clean UI.
• Intelligent User Memory: Permanently suppresses prompts once installed, or hides them for 7 days if dismissed by the user.

1. Install and activate the plugin via Admin → Plugins.
2. Navigate to Admin → Settings → PWA Settings.
3. Enable PWA, configure your application details, and save changes. Your PWA is live!