Marco Milesi

Discover a powerful solution for enhancing your website’s user experience across multiple platforms with our simple, lightweight, and effective plugin that adds the “theme-color” meta tag. Compatible with Android, iOS, and Windows Phone, our plugin is designed based on Google guidelines to ensure a seamless user experience on all devices.
In addition to its seamless compatibility, our plugin is fully customizable, allowing you to style it to match your brand’s unique identity. With the option to choose from a variety of colors, you can easily tailor the “theme-color” meta tag to perfectly complement your website’s design and layout.
When you install the plugin for the first time, the color is automatically set to #23282D, which is the standard WordPress color. From there, you can easily customize the tag to match your brand, ensuring a fully immersive user experience that keeps visitors coming back for more.
Don’t settle for a subpar user experience on mobile devices. Elevate your website’s design and functionality with our “theme-color” meta tag plugin today, for free!

Browser Theme Color

For support, please visit
https://wordpress.org/support/plugin/browser-theme-color



Add the 'theme-color' meta tag to your website for a seamless user experience on Android & iOS with our easy-to-use plugin.

Ziyad Bachalany

🌟 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.
🛠️ Works seamlessly on both single-site and multisite installations. Network-wide settings are available for consistent configuration across all subsites.
Perfect for blogs, businesses, e-commerce, online courses and WordPress multisite networks.
<h4>📺 Watch the quick video introduction</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/u2h0_h3ct48?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Why Choose This Plugin?</h4>
<ul>
<li>Engage Mobile Users: Prompt visitors to save your site as an app-like icon on their phone, keeping them coming back.</li>
<li>Cross-Platform Support: Works on Safari and Chrome for iOS, as well as Chrome for Android, ensuring maximum compatibility across mobile devices.</li>
<li>Cost-Effective: Build an app-like experience with WordPress and Progressive Web App (PWA) standards—no need for native iOS or Android app development.</li>
<li>Multisite Ready: Seamlessly applies PWA settings across all subsites in a WordPress multisite network.</li>
<li>Free & Pro Options: Start with robust free features and unlock premium capabilities for advanced customization and analytics.</li>
</ul>
2025 Update: 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.
<h4>Free Features</h4>
<ul>
<li>Customizable Floating Balloon: Display a stylish prompt on iOS and Android with tailored messages, animations, and delays.</li>
<li>PWA Basics: Enable core Progressive Web App functionality with a manifest for standalone app-like behavior.</li>
<li>Multisite Support: Customize PWA settings, iOS floating balloon, and Android install button consistently across all subsites in a WordPress network.</li>
<li>Touch Icon: Add a custom icon (192×192 or 512×512 PNG) for the home screen.</li>
<li>Flexible Display Options: Show the balloon on all pages or just the homepage, with settings for returning visitors.</li>
<li>Animations & Timing: Choose from drop, bubble, or fade animations, and set start delays and lifespans.</li>
<li>Built-in Translations: Includes English, French, and German translations, with support for custom message translations via WPML, Polylang, Loco Translate, and more.</li>
<li>Clean Uninstall: Safely remove the plugin with a proper data cleanup option to keep your site tidy.</li>
<li>Lightweight & Fast: Built with performance in mind, using the proven <a href="https://github.com/cubiq/add-to-homescreen" rel="nofollow ugc">Cubiq Add to Home Screen script</a>.</li>
</ul>
<h4>Premium Features (Pro Version)</h4>
🌟 Upgrade to the Pro version at <a href="https://tulipemedia.com/en/product/aths-wordpress-premium/" rel="nofollow ugc">tulipemedia.com</a> 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. 
– Bottom Navigation Bar: Enhance your PWA with a sleek, customizable bottom bar featuring Back, Forward, and Share buttons — for a smoother and more app-like mobile experience. 
– 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 <a href="https://tulipemedia.com/en/product/aths-wordpress-premium/" rel="nofollow ugc">tulipemedia.com!</a> 🌟
<h4>Demos</h4>
<ul>
<li>Free Version: See it in action on <a href="https://tulipemedia.com" rel="nofollow ugc">tulipemedia.com</a> (load on a mobile device for the full experience).</li>
<li>Pro Version: Experience the Pro version on <a href="https://merco6.com" rel="nofollow ugc">merco6.com</a> (mobile view recommended). You’ll see the custom top bar color and loading spinner in action — both are fully customizable in the Pro version.</li>
<li>Video Demo: Watch the demo video 
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Bd4i4k_DhE4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></li>
</ul>
<h4>Who’s This For?</h4>
<ul>
<li>Bloggers wanting to keep readers engaged on mobile.</li>
<li>Businesses aiming for a native app-like experience without the cost.</li>
<li>Online course creators & educators selling courses or training to engage learners on the go.</li>
<li>Multisite network admins seeking a unified PWA solution.</li>
<li>Content-Driven Businesses—coaches, trainers, content creators, researchers, journalists, educators, and consultants seeking to engage mobile audiences with a seamless Progressive Web App.</li>
</ul>
<h3>Contribute</h3>
<ul>
<li>🌐 Translate: Help make the plugin accessible worldwide! Contribute translations at <a href="https://translate.wordpress.org/projects/wp-plugins/add-to-home-screen-wp/" rel="nofollow ugc">WordPress Translate</a>.</li>
<li>Donate: Support ongoing development with a coffee! ☕ <a href="https://paypal.me/ziyadbachalany" rel="nofollow ugc">Donate now</a>.</li>
<li>Rate Me: Love the plugin? Share a 5-star review on <a href="https://wordpress.org/support/plugin/add-to-home-screen-wp/reviews/#new-post" rel="ugc">WordPress.org</a> to help others discover it.</li>
<li>Follow Me: Stay updated on <a href="https://instagram.com/ziyadbachalany/" rel="nofollow ugc">Instagram</a>, <a href="https://www.linkedin.com/in/ziyadbachalany/" rel="nofollow ugc">LinkedIn</a>, <a href="https://x.com/ziyadbachalany" rel="nofollow ugc">X</a>, <a href="https://www.facebook.com/ziyadbachalany" rel="nofollow ugc">Facebook</a>, or <a href="https://www.youtube.com/channel/UClMfre0hj-UCxGocDleZxTQ" rel="nofollow ugc">YouTube</a>.</li>
</ul>
<h3>Credits</h3>
Developed with ❤️ by <a href="https://tulipemedia.com" rel="nofollow ugc">Ziyad Bachalany</a>. Uses the <a href="https://github.com/cubiq/add-to-homescreen" rel="nofollow ugc">Cubiq Add to Home Screen script</a> by Matteo Spinelli (MIT License).
<h3>Support</h3>
Need help? Visit our <a href="https://tulipemedia.com/en/add-to-home-screen-wordpress-plugin/" rel="nofollow ugc">support page</a> for documentation, FAQs, and contact options. Upgrade to the Pro version at <a href="https://tulipemedia.com/en/product/aths-wordpress-premium/" rel="nofollow ugc">tulipemedia.com</a>.
<h3>License</h3>
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.

Add to Home Screen & Progressive Web App

I reported a bug a year ago, but it hasn't been fixed yet:
https://wordpress.org/support/topic/plugin-is-throwing-an-error?replies=1
To fix this, the addmetawebcapablelinks() function simply needs to moved to another area. Moving it to the top of the file is sufficient to fix the problem. If this error is fixed, I'll bump my rating up higher, but in it's current state this plugin is not usable IMO.



Broken: Throws PHP error

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

Great Plugin

Didn't work

Turn your WordPress site into a Web App (PWA) with a stylish 'Add to Home Screen' prompt for iOS & Android. Boost engagement without native app costs!

Browser Theme Color vs Add to Home Screen & Progressive Web App