Get Started

Easy Login Popup is a Joomla system plugin by Infyways Solutions for Joomla 4, 5, and 6. It adds a styled login popup and shortcodes you can place in articles, Custom HTML modules, or templates.

Key Features (v1.5):

• Modern (2026) and Legacy popup themes with full colour controls
• Shortcodes for login, logout, username, name, greeting, user menu, and logged-in blocks
• SCLogin-style after-login display: greeting + menu / module / module position + logout
• Open from CSS selectors or URL hashes (#elp-popup, #elp-logout)
• Mobile bottom sheet or centred layout
• Remember Me, Forgot Password/Username, Register, and Two-Factor fields
• Login/logout redirects and HTTPS form option
• Escape to close and Extra CSS

Ideal as a lightweight replacement for SCLogin-style header login when you want a popup plus shortcode widgets.

Downloading the Extension

Email: After purchase you receive a download link.

Store: Download from the Downloads section using the same email as your order.

Package name example: plg_system_easyloginpopup_1.5.zip (or the UNZIP package from the store).

Installing

1. Log in to the Joomla administrator
2. Go to System > Install > Extensions
3. Upload plg_system_easyloginpopup_1.5.zip (or the plugin zip inside the UNZIP package)
4. Confirm the success message

Enable the Plugin

1. Go to System > Plugins
2. Find System - Easy Login Popup
3. Set Status to Enabled
4. Open it to configure settings

Requirements

• Joomla 4.x, 5.x, or 6.x
• PHP 7.4+

Open System > Plugins > System - Easy Login Popup.

Basic

• Login / Logout Redirection Page — menu items after login or logout
• Registration Menu Item — optional custom Register target
• HTTPS for Form — submit over HTTPS when enabled
• Login / Logout Button Text — text or HTML for triggers
• Extra Link Selector — CSS selector for links that open the popup (e.g. .open-elp-login)
• Login / Logout URL Hash — defaults #elp-popup and #elp-logout
• Close on Escape — close the popup with Escape

Logged-in Display

• After Login Show — logout only, Joomla menu, module, or module position
• User Menu / Module / Position — content shown inside {elp-login} when logged in
• Show Greeting, greeting text, and name vs username
• Show Logout Link — include logout in the logged-in block

Login Form Fields

• Toggle Remember Me, Forgot Password, Forgot Username, Register, and Secret Key (TFA)

Styling Options

• Popup Theme — Modern (2026) or Legacy
• Mobile Layout — bottom sheet or centred
• Load Outfit Font / custom font stylesheet URL
• Overlay colour, opacity, blur; popup width, radius, padding, shadow
• Accent, heading, text, close icon, input, button, and link colours
• Form title, heading tag, labels, font family/size/weight, text align
• Extra CSS for custom tweaks

Place shortcodes in articles, Custom HTML modules, or other content areas (not in CSS).

Guest / Login

• {elp-login} — login trigger for guests; after login shows greeting + optional menu + logout (per Logged-in Display)

Logged-in helpers

• {elp-logout} — logout control (logged-in users)
• {elp-username} — username
• {elp-name} — full name
• {elp-greeting="Hello,"} — greeting prefix + name
• {elp-usermenu} — logged-in menu/module/position only
• {elp-loggedin} — combined logged-in block

Examples

{elp-login}

{elp-greeting="Welcome,"} {elp-name} {elp-logout}

<a class="open-elp-login" href="#elp-popup">Sign in</a>

For the last example, set Extra Link Selector to .open-elp-login (or rely on the hash).

SCLogin-style header pattern

Put {elp-login} in your header Custom HTML (or module). Guests see the login button; members see greeting + menu + logout.

After Login modes

1. Logout only — greeting (optional) + logout
2. Joomla menu — select a menu in User Menu
3. Module — render one published site module (e.g. a Menu module)
4. Module position — render all modules in a position (e.g. Helix Ultimate logged-in-usermenu)

Helix Ultimate tip

Create a Menu module assigned to logged-in-usermenu, then set After Login Show to Module position and enter logged-in-usermenu. Or point After Login to that Menu module directly.

Deep links

• Guests: yoursite.com/page#elp-popup
• Members: yoursite.com/page#elp-logout

Modern (2026)

Default look with CSS variables, soft overlay blur, accent underline, rounded fields, and optional Outfit font. Match your brand by setting Accent and Button colours (e.g. site primary #1819ed).

Legacy

Keeps the classic Easy Login Popup styling and older size/border options.

Mobile

• Sheet — docks to the bottom on small screens
• Center — floating centred modal

Extra CSS

Add rules in Extra CSS when colour pickers are not enough. Colours are output as --elp-* CSS variables on the popup root.

• How do I show a login button?

  • Add {elp-login} to an article or Custom HTML module, or link with href="#elp-popup" / your Extra Link Selector.

• What happens to {elp-login} after the user logs in?

  • It swaps to the logged-in display: optional greeting, menu/module/position (if configured), and logout — similar to SCLogin.

• Can this replace SCLogin with a Helix logged-in usermenu?

  • Yes. Use After Login Show = Module or Module position, and point it at your usermenu module or logged-in-usermenu position.

• Which shortcodes are available?

  • {elp-login}, {elp-logout}, {elp-username}, {elp-name}, {elp-greeting="Hello,"}, {elp-usermenu}, {elp-loggedin}.

• How do I match my website button colour?

  • In Styling Options set Accent, Button Background, Button Hover, Input Focus, and Link Hover to your brand colour.

• Modern vs Legacy — which should I use?

  • Use Modern (2026) for the new UI. Choose Legacy only if you need the classic look.

• Why do two login popups open on the same click?

  • Another extension (e.g. Login Popup Pro) may share the same selector such as a[href="#login"]. Set Easy Login Popup Extra Link Selector to something unique like .open-elp-login and use #elp-popup.

• Can I open the popup from an existing menu link?

  • Yes. Give the link a class or hash, then set Extra Link Selector / Login URL Hash accordingly.

• Does it support Two-Factor Authentication?

  • Yes. Enable Show Secret Key Field when MFA methods are available.

• How do I force HTTPS on the form?

  • Enable HTTPS for Form (usesecure) in Basic settings.

• Can I hide Remember Me or Register?

  • Yes — use the Login Form Fields toggles for Remember Me, Forgot Password, Forgot Username, Register, and TFA.

• Is there a mobile-friendly layout?

  • Yes. Set Mobile Layout to Sheet for a bottom sheet, or Center for a floating modal.

• Where do I put shortcodes — in CSS?

  • No. Only in content: articles, Custom HTML modules, etc. Use Extra CSS only for styling.

• Is Easy Login Popup compatible with Joomla 5 and 6?

  • Yes — Joomla 4, 5, and 6.

• The popup style did not update after I changed colours

  • Clear Joomla cache and hard-refresh the browser. Confirm the plugin is Enabled and you saved the correct instance.

Popup not opening

• Confirm System - Easy Login Popup is Enabled
• Check the shortcode or selector/hash matches plugin settings
• Clear Joomla and browser cache
• Look for JavaScript errors in the browser console

Double popup / conflict

• Disable overlapping selectors shared with other login popup extensions
• Use a unique class (e.g. .open-elp-login) and #elp-popup

Logged-in menu empty

• Verify After Login mode and that the menu/module/position is published and accessible
• For positions, confirm the module is assigned to that exact position name

Login fails or 500 after login

• Check login redirect menu item is published
• Update to 1.5+ if you hit module render errors on older builds
• Review administrator error logs

Styling not applying

• Confirm theme selection (Modern vs Legacy)
• Clear cache; Extra CSS may need higher specificity against the template

Need help? Visit JoomlaX Support.