Login Popup Pro
Log in without leaving the page
Guests see a login form when they click a link with href="#login". Try it below — use username demo and password demo if you want to test a full login.
<a href="#login">Sign in</a>
When a user is already logged in, links with href="#logout" open the logout confirmation popup instead of navigating away.
<a href="#logout">Log out</a>
Enable Open from URL hash in the plugin and share links that open the popup automatically on page load. Reload this page with a hash to see it in action.
#login — guest login #logout — member logout
Tip: copy the address bar after clicking — reloading that URL reopens the same popup.
https://yoursite.com/login-demo#login https://yoursite.com/login-demo#logout
Place triggers anywhere — header menus, article body, sidebars, or footers. The plugin listens for your configured CSS selector (default: a[href="#login"] and a[href="#logout"]).
a[href="#login"], a[href="#logout"]
- Overlay colour & opacity
- Popup width, radius, shadow
- Input, button & link colours
- Registration link top or bottom
- Vertical offset from screen centre
- Custom login / logout redirect menus
Every colour is output as a CSS variable on the popup container — no template overrides required.
Configure in
System → Plugins → System - Login Popup Pro
Built for modern Joomla sites
Login & logout without leaving the page
Login Popup Pro intercepts your menu links and opens Joomla’s native login or logout form in a polished overlay. No core hacks, no extra modules — just attach #login or #logout to any link and you are done.
#login or #logout in the URL.Ready to upgrade your login UX?
Join thousands of Joomla sites using Login Popup Pro. One plugin, instant popups, full styling control.
- Joomla 4, 5 & 6
- Free updates
- Dedicated support