FAIR

Federated and Independent Repositories

CodeQuill Web to App

Plugin Banner

CodeQuill Web to App

by WPcodeQuill

Download
Description

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.
  1. Upload the entire codequill-web-to-app folder to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Navigate to PWA Settings in your WordPress Admin Menu.
  4. Fill out your App Name, choose your brand colors, and paste the direct URLs for your 192×192 and 512×512 app icons.
  5. Click Save Changes.
  6. Visit your website on an Android device or Google Chrome desktop to see the “Install App” prompt!
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.

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

  • Initial release.
Back to top