Member Avatar for Ramji_1

I have a joomla 3.2 site and also have a android app for my site. Now, i want a suggestion system such that when anyone browse any page of my site from android device, it should display a popup, suggesting that please download our android app.

There should have two options 'download' and 'cancel'. If user clicks on cancel then it should not display this popup message on any page. And if user clicks on 'download' then he should be redirected to Play-store

Please suggest me some ideas for this and which plugins or libraries i have to use for this How i can do this?

Link to my site-joomla5.guru99.com

Regards.

  • 2 Contributors
  • 1 Reply
  • 315 Views
  • 3 Months Discussion Span
  • Latest Post Latest Post by jKidz

Dani AI

Generated

asked for an Android-only prompt that offers "Download" and "Cancel" and never shows again after cancel. 's plugin suggestion is a valid route if you want a UI you can manage from the backend, but a lightweight client-side approach is simple, fast, and easy to control without extra extensions. The pattern below detects Android, shows a small banner, redirects to Play Store on Download, and stores a dismissal flag so the banner is not shown again.

Place this snippet in your template (templates/your_template/index.php) just before the closing </body> tag, or wrap it into a custom module that is published to all pages (ensure the module allows raw JS). Replace YOUR.APP.PACKAGE with your Play Store package id.

<script>
(function(){
  if (!/Android/i.test(navigator.userAgent)) return;
  try { if (localStorage.getItem('appPromptDismissed')) return; } catch(e){}

  var banner = document.createElement('div');
  banner.id = 'appInstallBanner';
  banner.style.cssText = 'position:fixed;left:10px;right:10px;bottom:10px;background:#fff;border:1px solid #ccc;padding:12px;z-index:99999;box-shadow:0 2px 6px rgba(0,0,0,0.2);font-family:Arial,sans-serif';
  banner.innerHTML =
    '<div style="display:flex;align-items:center;justify-content:space-between;">' +
    '<div style="flex:1;margin-right:12px">Get our Android app for a better experience.</div>' +
    '<div>' +
    '<button id="appInstallDownload" style="margin-right:8px">Download</button>' +
    '<button id="appInstallCancel">Cancel</button>' +
    '</div></div>';

  document.body.appendChild(banner);

  document.getElementById('appInstallDownload').addEventListener('click', function(){
    try { localStorage.setItem('appPromptDismissed','1'); } catch(e){}
    window.location.href = 'https://play.google.com/store/apps/details?id=YOUR.APP.PACKAGE';
  });

  document.getElementById('appInstallCancel').addEventListener('click', function(){
    try { localStorage.setItem('appPromptDismissed','1'); } catch(e){}
    banner.parentNode.removeChild(banner);
  });
})();
</script>

Notes and quick tips:

  • Use localStorage for persistence; if you must support very old browsers or private mode, add a cookie fallback.
  • To show again after N days, store a timestamp instead of a boolean and check it on page load.
  • Test using real Android devices and Chrome devtools (toggle device toolbar + set UA to Android).
  • If you pick a plugin (as suggested), confirm it supports cookie/localStorage suppression and is compatible with Joomla 3.2 and your template.
  • Keep the prompt unobtrusive and accessible; do not block navigation, and avoid showing it repeatedly on the same visit.
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.