Add to Home Screen & Progressive Web App

वर्णन

🌟 Captivate your mobile visitors with a beautiful, customizable prompt on iOS and Android, encouraging them to add your site to their home screen.

🚀 Your site instantly transforms into a fast, smooth Web App, delivering a native-like mobile experience without the cost of building an app.

Perfect for blogs, businesses, e-commerce, online courses and WordPress multisite networks.

Why Choose This Plugin?

  • Engage Mobile Users: Prompt visitors to save your site as an app-like icon on their phone, keeping them coming back.
  • Cross-Platform Support: Works on Safari (iOS) and Google Chrome (Android) for maximum compatibility across mobile devices.
  • Cost-Effective: Build an app-like experience with WordPress and Progressive Web App (PWA) standards—no need for native iOS or Android app development.
  • Multisite Ready: Seamlessly applies PWA settings across all subsites in a WordPress multisite network.
  • Free & Pro Options: Start with robust free features and unlock premium capabilities for advanced customization and analytics.

2025 Update: Version 2.6.7 brings enhanced performance, improved multisite support, and new Pro features to make your PWA shine! Fully compliant with WordPress standards and optimized for the latest devices.

Free Features

  • Customizable Floating Balloon: Display a stylish prompt on iOS and Android with tailored messages, animations, and delays.
  • PWA Basics: Enable core Progressive Web App functionality with a manifest for standalone app-like behavior.
  • Multisite Support: Customize PWA settings, iOS floating balloon, and Android install button consistently across all subsites in a WordPress network.
  • Touch Icon: Add a custom icon (192×192 or 512×512 PNG) for the home screen.
  • Flexible Display Options: Show the balloon on all pages or just the homepage, with settings for returning visitors.
  • Animations & Timing: Choose from drop, bubble, or fade animations, and set start delays and lifespans.
  • Built-in Translations: Includes English, French, and German translations, with support for custom message translations via WPML, Polylang, Loco Translate, and more.
  • Clean Uninstall: Safely remove the plugin with a proper data cleanup option to keep your site tidy.
  • Lightweight & Fast: Built with performance in mind, using the proven Cubiq Add to Home Screen script.

Premium Features (Pro Version)

🌟 Upgrade to the Pro version at tulipemedia.com for next-level PWA power:
Loading Spinner: Display a smooth, customizable loading spinner while your app content loads — fully integrated with your brand colors.
Pull to Refresh: Offer users a native-like refresh gesture on your Web App, just like on real mobile apps.
Dashboard PWA Support: Add the WordPress admin dashboard as a web app for quick mobile access — ideal for logged-in users or clients who need fast, app-like access to the WordPress backend.
Advanced Prompts: Fine-tune dashboard prompts for iOS and Android, with custom messages and icons.
Installation Tracking: Monitor how many users add your PWA to their home screens with detailed stats (GDPR-compliant, anonymized data).
Custom Colors & Spinner: Personalize the top bar and loading spinner color for a branded experience.
Custom Icons: Upload unique icons for frontend balloons and dashboard prompts.
Enhanced Multisite: Manage Pro settings at the network level for consistent PWA behavior across subsites, or customize per subsite for unique configurations.
Clean Uninstall: Safely remove the plugin (free and Pro) with a proper data cleanup option to keep your site tidy.

Ready to elevate your PWA? Get Pro now at tulipemedia.com! 🌟

Demos

  • Free Version: See it in action on tulipemedia.com (load on a mobile device for the full experience).
  • Pro Version: Experience the Pro version on merco6.com (mobile view recommended). You’ll see the custom top bar color and loading spinner in action — both are fully customizable in the Pro version.
  • Video Demo: Watch the demo video

Who’s This For?

  • Bloggers wanting to keep readers engaged on mobile.
  • Businesses aiming for a native app-like experience without the cost.
  • Online course creators & educators selling courses or training to engage learners on the go.
  • Multisite network admins seeking a unified PWA solution.
  • Content-Driven Businesses—coaches, trainers, content creators, researchers, journalists, educators, and consultants seeking to engage mobile audiences with a seamless Progressive Web App.

Contribute

Credits

Developed with ❤️ by Ziyad Bachalany. Uses the Cubiq Add to Home Screen script by Matteo Spinelli (MIT License).

Support

Need help? Visit our support page for documentation, FAQs, and contact options. Upgrade to the Pro version at tulipemedia.com.

License

This plugin is licensed under GPLv2 or later. The included Cubiq Add to Home Screen script is released under the MIT License:

MIT License for Cubiq Script
Copyright (c) 2013 Matteo Spinelli, https://github.com/cubiq/add-to-homescreen
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

स्क्रीनशॉट

  • Customizable floating balloon prompting users to add the site to their home screen (English).
  • Floating balloon in action on iOS (French).
  • Another example of the floating balloon in action on iOS (French).
  • Android install button prompting users to add the site to their home screen.
  • Free plugin settings page for easy configuration.
  • Pro settings page with advanced PWA options and stats.
  • Dashboard prompt for adding the admin dashboard as a PWA (Pro feature).

स्थापना

  1. Upload the add-to-home-screen-wp folder to /wp-content/plugins/ or install via the WordPress Plugins dashboard.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Navigate to Settings > Add to Home Screen (or Network Admin > ATHS Network Options for multisite) to configure settings.
  4. For Pro features, install the Add to Home Screen & PWA Pro add-on, activate it, and enter your license key in Settings > License.

Multisite Note: When activated network-wide, settings are managed at the network level and applied to all subsites for a consistent PWA experience. Alternatively, activate it on individual subsites for site-specific customization.

नेहमी विचारले जाणारे प्रश्न

Will the floating balloon keep appearing after a user adds my site to their home screen?

In the free version, the balloon may reappear in Safari unless you set a long expiration time (e.g., 30 days) in the settings. The Pro version prevents the balloon from showing once the Web App is installed, ensuring a seamless user experience.

Why don’t my settings changes appear on my site?

Try the following:
– Clear your cache if using a caching plugin.
– Clear your browser’s cache and cookies (e.g., in Safari, double-tap the home button, long-press Safari, and close it).
– Ensure settings are saved in the correct context (site-level for single sites, network-level for multisite).

Can I customize the floating balloon’s message?

Absolutely! Both free and Pro versions let you craft custom messages with HTML support (e.g., bold, links, emojis) and placeholders like %site_name, %device, and %icon. The Pro version adds dashboard-specific message customization.

How do I translate custom messages like the floating balloon?

Custom messages (e.g., floating balloon text) can be translated using WPML’s String Translation, Polylang, or Loco Translate. For WPML:
1. Save your messages in Settings > Add to Home Screen.
2. Go to WPML > String Translation.
3. Search for your message (e.g., “iOS message”) or filter by domain add-to-home-screen-wp.
4. Add translations for your languages and save.
For Polylang or Loco Translate, use their string translation tools. Check their documentation for details.

How do I activate Pro features?

  1. Purchase a license at tulipemedia.com.
  2. Install the Add to Home Screen & PWA Pro add-on.
  3. Enter your license key in Settings > License (or Network Admin > License for multisite).
  4. Configure Pro settings under Settings > Pro Settings.

Does it work with WordPress multisite?

Yes! The plugin is fully compatible with multisite. When activated network-wide, settings are managed centrally in Network Admin > ATHS Network Options and applied to all subsites for a consistent PWA experience. Alternatively, activate it on individual subsites for site-specific customization. The Pro version extends this with network-level premium features.

What happens when I uninstall the plugin?

Both free and Pro versions offer a clean uninstall option. Enable Delete Data on Uninstall in Settings > Add to Home Screen to remove all plugin data. Uncheck it to preserve settings for reinstallation.

समीक्षा

ऑक्टोबर 11, 2021
It spat an error when I activated the plug-in and broke my site. WordPress 5.8.1 running Twenty Seventeen theme. Server running PHP version: 8.0.3. MySQL version: 10.3.28-MariaDB-log-cll-lve
डिसेंबर 28, 2020
Good plugin! It comes very well to complement it with other PWA plugins, since all of them do not allow you to put call to actions in IOS or Android. The only thing that since the last update of the plugin (1.8) no longer allows you to put the message on a particular page, now only allows you to put it on the home page or all pages. It would be advisable that in some update you put it again, since I had to install the previous version to put the call to action in a particular page Greetings and be like that! Good work!
जुलै 20, 2019
The plugin works perfectly on ioS devices and exactly for that it is described. One wish of mine would be that this would also work on Android devices when using the Samsung browser or the Firefox browser. With the Google Chrome Browser the message for the installation of the PWA is displayed but not in Firefox etc. Maybe there will be an update of the plugin in the future where this can be done 😉 Best regards Joachim
सर्व 25 पुनरावलोकने वाचा

योगदानकर्ते आणि विकसक

“Add to Home Screen & Progressive Web App” हे मुक्त स्रोत सॉफ्टवेअर आहे. पुढील लोक या प्लगइनच्या निर्मितीत योगदान केले आहे.

योगदानकर्ते

“Add to Home Screen & Progressive Web App” 1 लोकॅलमध्ये भाषांतरित केले आहे. अनुवादकांना त्यांच्या योगदानाबद्दल धन्यवाद.

भाषांतर करा “Add to Home Screen & Progressive Web App” तुमच्या भाषेत.

विकासातील आग्रह?

कोड ब्राउझ करा, SVN संग्रहालय तपासा, किंवा विकास लॉग च्या RSS द्वारे सदस्यता घ्या.

बदलांची यादी

2.6.7

  • New: Enhanced multisite support with clearer network-level settings for subsites.
  • Improved: Optimized PWA manifest generation for faster load times.
  • Improved: Updated translations and added hooks for easier customization.
  • Fixed: Minor UI bugs in the settings pages for better usability.
  • Pro: Added exportable CSV stats for installation tracking.
  • Pro: Improved dashboard prompt animations and icon support.

2.6.6

  • Minor bug fixes and performance optimizations.

2.6.5

  • Added license validation for enhanced security.
  • Performance improvements for balloon rendering.

2.6.4

  • Improved license UI with real-time feedback.
  • Switched to AJAX-based license validation.

2.6.3

  • Replaced embedded YouTube video with a clickable link for reliability.

2.6.2

  • Fixed YouTube demo video display issue.

2.6.1

  • Fixed “Enable ATHS Premium Features” checkbox saving issue.

2.6

  • Introduced freemium model with license key system.
  • Simplified settings page for better usability.
  • Added PWA support and Android native install prompts.

2.5

  • Simplified touch icon support to 180×180 for modern iOS.
  • Updated to Google Analytics 4 compatibility.
  • Renamed main plugin file to follow WordPress conventions.

Earlier Versions

  • See the full changelog in the plugin’s documentation for details on versions 0.1 to 2.4.