[WordPress] 外掛分享: Hyper PWA – Bringing Modern Progressive Web App Experiences

首頁外掛目錄 › Hyper PWA – Bringing Modern Progressive Web App Experiences
WordPress 外掛 Hyper PWA – Bringing Modern Progressive Web App Experiences 的封面圖片
300+
安裝啟用
★★★★
4.6/5 分(9 則評價)
4 天前
最後更新
100%
問題解決
WordPress 6.0+ PHP 7.4+ v5.7 上架:2021-03-03

內容簡介

Hyper PWA 將您的 WordPress 網站轉換為快速且可安裝的進階網頁應用程式(PWA),提供訪客類似應用程式的體驗,支援離線使用、主畫面新增提示及多項強大功能。

【主要功能】
• 將網站轉換為 PWA
• 支援推播通知
• 自動生成應用程式清單
• 離線模式瀏覽
• 自訂 404 和離線頁面
• 多種快取策略選擇

外掛標籤

開發者團隊

⬇ 下載最新版 (v5.7) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Hyper PWA – Bringing Modern Progressive Web App Experiences」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Hyper PWA transforms your WordPress website into a fast, installable Progressive Web App (PWA). Give your visitors an app-like experience with offline support, Add to Home Screen prompts and many more powerful PWA features.
Home | Knowledge Base | Help & Support | Testimonials | Premium
Built to be lightweight, fast, and flexible, Hyper PWA is designed with performance and ease of use in mind. Most settings can be configured from a modern accordion-based dashboard, keeping everything organized in one place without unnecessary scrolling or popups. Whether you’re a beginner or an advanced user, Hyper PWA makes creating a Progressive Web App simple.
If you’d like to see a new feature or integration, please contact us. We’re constantly improving Hyper PWA based on community feedback.
Hyper PWA Core Features

Convert Your Website into a Progressive Web App (PWA): Instantly transform your WordPress website into an installable app that works seamlessly on Android, iPhone, iPad, Windows, macOS, and ChromeOS. Learn More
Push Notification Support: Send push alerts directly to your web app subscribers via hyperpushx.com integration. Learn More
Apple iOS & Safari Support: Add-to-Home prompt, customizable splash screen generator, and meta tags for a complete iOS native-app feel. Learn More
App Manifest Generator: Automatically generate a valid Web App Manifest with complete customization. Learn More
Offline Mode: Allow visitors to browse cached pages and assets even without an internet connection. Learn More
Caching Strategies: Choose from multiple caching strategies to optimize performance, improve load times, and ensure the best offline experience for your Progressive Web App. Learn More
Pre Caching: Cache essential pages and assets in advance so your Progressive Web App loads faster and remains available even when users are offline. Learn More
UTM Tracking: Automatically preserve and track UTM parameters for PWA launches, helping you measure campaign performance and user acquisition in your analytics. Learn More
Connectivity Notice: Display customizable browser pop-up notifications whenever users go offline or reconnect, keeping them informed about their internet connection status. Learn More
Start Page: Choose the page that opens when users launch your Progressive Web App, creating a customized app experience from the very first screen.
Custom 404 Page: Display a custom offline-friendly 404 page when requested content isn’t available, providing a better user experience instead of a generic error page.
Custom Offline Page: Display a beautiful offline screen when users lose connectivity. Learn More
Launch Modes: Choose between Standalone, Fullscreen, Minimal UI, or Browser mode.
Screen Orientation: Lock your app to Portrait, Landscape, or Auto mode.
Excluding from Caching: Exclude selected pages or file types from offline caching. Learn More
Screenshots: Add screenshots to improve the installation experience on supported browsers. Learn More
Legacy Icons: Generate and support legacy app icons to ensure compatibility with older browsers, devices, and operating systems. Learn More
Force Update: Automatically replace outdated cached files with the latest version, ensuring users always experience the most up-to-date Progressive Web App. Learn More
Preload App Manifest: Preload the web app manifest to help browsers discover your Progressive Web App faster, improving installation readiness and launch performance.
Cache External Resources: Cache external assets such as fonts, images, and scripts to improve performance, reduce load times, and enhance offline support.
File Serving Method: Server and hosting configurations vary. If your server doesn’t support WordPress rewrite rules or restricts writing files to the root directory, choose the alternative serving method. Learn More
PWA Health Check: Monitor your Progressive Web App’s health directly from the Hyper PWA dashboard, with instant insights into configuration, compatibility, and potential issues.
Multisite Support: Fully compatible with WordPress Multisite. Learn More
Export & Import Settings: Export your Hyper PWA settings for backup, then restore them on the same website or import them into another WordPress site with just a few clicks. Learn More
One-Click Migration: Easily migrate your existing Progressive Web App settings from SuperPWA or PWA for WP to Hyper PWA with a single click. Learn More
Delete Data on Uninstall: Optionally remove all Hyper PWA plugin data when uninstalling the plugin, leaving no leftover settings or database entries.
Third-Party Compatibility: Seamlessly integrates with third-party push notification services like OneSignal, Webpushr, and Gravitec. Learn More
Install Button Shortcode: Easily output a customizable PWA install button anywhere on your site using a simple shortcode. Learn More
Gutenberg Block Integration: Add PWA install buttons directly from the WordPress Gutenberg block editor. Learn More
Elementor Widget Integration: Insert and customize PWA install buttons directly using the Elementor page builder. Learn More
RTL Layout Support: Full Right-to-Left writing language stylesheet compatibility across all frontend PWA layouts and elements.
Performance Optimized: Lightweight architecture focused on speed and low server overhead.
Regular Updates: Continuous improvements, new features, and compatibility updates.
Fast Help & Support: Our support team is always ready to help.

Hyper PWA Premium Features
Unlock the full potential of your Progressive Web App with Hyper PWA Premium and deliver a faster, smarter, and more app-like experience for your visitors.

Custom Install App: Create fully customized install buttons, banners, or triggers to encourage more app installations. Learn More
Initial Loader: Display a beautiful loading screen while your app starts for a polished user experience. Learn More
App Install QR & Gutenberg Block: Generate a PWA install QR code. Includes a fully customizable “PWA QR Code Install” Gutenberg block to embed installation triggers on any page, post, or layout. Learn More
Bottom Navigation: Add a native app-style bottom navigation bar for faster and more intuitive browsing. Learn More
Offline Forms: Allow users to submit forms even without an internet connection and sync them automatically when back online. Learn More
Smart Analytics: Track app installs, launches, user engagement, and other important PWA insights. Learn More
App Shortcuts: Provide quick access to important pages directly from the app icon on supported devices. Learn More
Android APK Builder: Convert your PWA into an Android APK for easy distribution and publishing on the Google Play Store. Learn More
Fix Mixed Content: Automatically upgrades insecure HTTP resource requests to HTTPS and rewrites mixed content page assets to prevent PWA security warnings (requires SSL). Learn More
Caching & Optimization Plugin Compatibility: Individual toggles for Airlift, WP Rocket, LiteSpeed Cache, Autoptimize, WP Fastest Cache, W3 Total Cache, and WP Super Cache. Automatically ensures they work in perfect harmony with your PWA by optimizing service worker and manifest delivery. Learn More
[Exclusive] Link Hover Prefetching: Pre-cache pages in the service worker cache the moment a user hovers over a link, reducing page transition latency to 0ms (Instant Page Transitions). Learn More
Premium Features on Demand: Request new premium features and enhancements tailored to your needs. We continuously add features based on user feedback and demand.
24/7 Priority Support: Get fast, dedicated support from our team whenever you need assistance.

Unlock Premium Features
Browser Capabilities
Hyper PWA is built using modern Progressive Web App (PWA) standards and supports all major browsers that implement Service Workers and the Web App Manifest.
Fully Supported
* Google Chrome (Desktop & Android)
* Microsoft Edge (Desktop & Android)
* Samsung Internet
* Brave
* Opera
* Safari (macOS)
* Safari (iPhone & iPad)
Partially Supported
* Mozilla Firefox (Offline caching and Service Workers are supported, but native PWA installation experience is limited on desktop.)
Notes
* PWA installation is best supported in Chromium-based browsers (Chrome, Edge, Brave, Opera).
* On iPhone and iPad, users can install the app using Share → Add to Home Screen.
* Push notifications are supported on Android browsers and on iOS/iPadOS 16.4+ after the app is installed to the Home Screen.
* Some advanced PWA features (such as install prompts, app shortcuts, background sync, and link capturing) vary depending on the browser and operating system.
* Progressive Web Apps require your website to be served over HTTPS (a secure origin).
Progressive Web App Troubleshooting
If your Progressive Web App (PWA) is not working as expected or you don’t see the Install App or Add to Home Screen prompt, try the following:

Make sure your website is served over HTTPS. PWAs require a secure origin (SSL certificate) to enable installation, offline support, and other core features.
Verify that you are using a supported browser and device. PWA installation is best supported in Chromium-based browsers (Chrome, Edge, Brave, Opera). Safari supports installation on iPhone and iPad using Share → Add to Home Screen.
Ensure your App Icon is a valid PNG image. For best compatibility, provide at least 192×192 px and 512×512 px icons.
Confirm that your Web App Manifest and Service Worker are loading correctly and are not blocked by your theme, security plugins, CDN, or server configuration.
If you are using a CDN or caching plugin, purge all caches after updating your PWA settings.
Some browsers delay or suppress the install prompt until the website meets all PWA installability requirements and the user has interacted with the site.
If the issue persists, open a support ticket and include your website URL along with a description of the problem. We’ll be happy to help investigate.

Report Bug or Contribute fix
Encounter an issue with Hyper PWA? or wanted to contribute. Kindly visit Hyper PWA repository on GitHub. Please be aware that GitHub is not a support forum, but rather a streamlined platform for effectively addressing and solving problems.
Support & Documentation
For help, documentation, and tutorials, visit our official website:
Knowledge Base
Help & Support
Inside WordPress, you can also go to:
Hyper PWA → Support tab
Credits
Thanks to rickey29 for creating and maintaining this plugin for many years. We’re proud to continue its development.
Hyper PWA uses the following third-party libraries:

Select2 – A jQuery-based replacement for select boxes

Link: https://github.com/select2/select2
License: MIT

External Services
This plugin integrates with HyperPush X (https://hyperpushx.com) to provide push notification delivery, web push registration, subscriber statistics sync, and push alert campaigns.
To use the push notification features, this plugin connects to the HyperPush X service via secure API calls. Use of this service is subject to the following terms and privacy policies:
* Service Description: HyperPush X provides a web push notification platform for websites.
* Terms of Use: https://hyperpushx.com/terms
* Privacy Policy: https://hyperpushx.com/privacy

延伸相關外掛

文章
Filter
Mastodon