Convert your WordPress site into a Progressive Web App (PWA). Add an Install App button and manage settings directly from the dashboard.
CodeQuill Web to App is a lightweight, zero-configuration Progressive Web App (PWA) generator for WordPress. It allows your mobile and desktop visitors to install your website directly onto their devices just like a native app.
By utilizing a dynamic Web App Manifest and a highly optimized, Network-First Service Worker, your site will load faster, provide an offline fallback page when users lose their internet connection, and feel like a true standalone application.
Key Features:
- One-Click Install Button: Automatically displays a sleek, floating “Install App” button for supported mobile and desktop browsers.
- Dashboard Management: Easily customize your App Name, Short Name, Theme Colors, and App Icons directly from the WordPress Admin area.
- Dynamic Manifest: Automatically generates and links your
manifest.json file on the fly based on your customized settings.
- Network-First Service Worker: Ensures users always see your latest live content, but automatically falls back to a cached version if their internet connection drops.
- Zero Scope Issues: Dynamically serves the Service Worker from the root of your site, bypassing the strict directory limitations that break most other PWA plugins.
- Safe for WP-Admin: Carefully excludes the WordPress dashboard and login pages from caching, ensuring you never get locked out of your site.
FAQ
Why isn’t the “Install App” button showing up?
Progressive Web Apps have strict browser requirements. If the button is hidden, ensure that:
1. Your website is running on a secure HTTPS connection (SSL is mandatory).
2. You have successfully uploaded and saved BOTH a 192×192 and a 512×512 icon in the settings.
3. You haven’t already installed the app on your testing device. (If you have, uninstall it first to see the button again).
Does the install button work on iPhones (iOS)?
Apple iOS (Safari) currently blocks the automatic “Install Prompt” pop-up. iOS users can still install your PWA, but they must do it manually by tapping the “Share” icon in Safari and selecting “Add to Home Screen”. The automatic install button will display perfectly on Android devices and desktop browsers like Chrome and Edge.
Will this cache my WordPress Admin area?
No. The included Service Worker is explicitly programmed to ignore the /wp-admin/ dashboard and /wp-login.php pages, ensuring your backend management remains completely dynamic and secure.
ChangeLog
1.0.5
- New: Completely redesigned the plugin settings dashboard with a premium, modern UI.
- New: Added a WPCodeQuill product showcase to discover more premium plugins and themes.
- Fix: Resolved a critical issue where the Service Worker was not properly caching pages for offline use.
- Fix: Corrected the dynamic manifest generation to ensure the “Install App” prompt triggers reliably.
- Tweak: Restructured plugin core files (separated admin and frontend code) for better performance and security.
- Tweak: Resolved WPCS strict coding standards warnings for script enqueuing.
1.0.4
- Resolved minor code standard warnings for WordPress Repository compliance.
- Fixed output escaping issues.
1.0.4
- Resolved minor code standard warnings for WordPress Repository compliance.
- Fixed output escaping issues.
1.0.3
- Complete refactor for WordPress Repository compliance.
- Renamed plugin to CodeQuill Web to App.
- Implemented unique prefixing for all classes, options, and variables to prevent conflicts.
- Moved Service Worker and JavaScript logic to utilize
wp_enqueue_script and wp_add_inline_script.
- Updated Service Worker to a true Network-First strategy with offline fallback.
- Solved Service Worker scope limitations using dynamic PHP header injection.
1.0.0
