Login Popup

Login Popup

Getting Started

What is Login Popup?

Login Popup by ExtStore is a lightweight and dynamic plugin for Joomla 3.x that facilitates users by showing login popup instead of opening a new window whenever users click in a certain HTML (DOM) element. Login Popup plugin also helps you boost the number of users by urging them to register for an account if they want to download items in configured elements.

Why Login Popup?

  • Fully compatible with Joomla 3.x
  • Login process becomes more convenient.
  • Options to change target page after users log in/log out successfully.
  • Set Login Popup for any HTML element.
  • Quick installation, neat design and instant support.
  • Show/Hide greeting message after users log in successfully.

System Requirement

Make sure that your system meets the following requirement:


  • PHP 5.3.1+


  • Firefox 4+
  • Internet Explorer 8+
  • Google Chrome 10+
  • Safari 5+

Demo & Download


There are 3 ways to install an extension. You can upload an extension, install from a directory or install from a URL
1. Upload A File

  • Download the extension to your local machine. The extension should be a zip file package.
  • From the backend of your Joomla site (administration) select Extensions → Extension Manager

Access backend settings panel.png

  • On the next page, click the Browse button and select the extension package on your local machine.

Upload package file.png

  • Click the Upload File & Install button.

2. Upload from a Directory

  • Unzip all of the files locally.
  • Transfer the files (using FTP) to a folder in the install directory for the extension you are installing.

Upload from a directory.png

  • Use the installer, but select "install from directory" indicating the correct folder name. This folder name should be an absolute path from the root of the filesystem.

3. Upload from a URL

This will install your extension from any URL as long as you give the full URL. The only problem with this option is depending on your connection speed and file size it can take quite a while to retrieve the file from an external site, which could cause installation issues. Upload from a url.png

After the installation is complete, you should see a successful message, confirming that the extension was installed without any problem. - If an extension is installed successfully, you can find it in the list of Components.

HOW TO configure Login Popup?


Before configuring the plugin, just make sure that the plugin is published.

Extplp enable plugin.png


Setup Menu for Showing Login Popup

  • Click Menu → Main Menu → Add New Menu Item to create a Login menu item. A popup window will appear, just choose the menu item type as System Links → External URL.


Extplp login menu item.png


  • You should notice that Access group needs to be Guest

Extplp guest access.png
  • Create another Logout menu item. After logging in, users can see this menu item. Access group need to be set as Registered.


Extplp logout menu item.png
Login Popup


Logout Popup


Trigger Login Popup on custom HTML elements

Apart from Menu Item, you can set Login Popup for any HTML element on Joomla website by doing the following simple steps:

  • First of all, you can find more information about CSS Selectorshere.
    • a[href="#login"] selects every element whose href attribute value is #login.
    • a.login selects all the elements with class="login" in <a> tags.
    • a#login selects the element with id="login" in the <a> tag.
  • Use Inspect element option of your current browser to inspect the HTML & CSS of a web page.
Extplp article.png


  • In the Selector option of Login Popup plugin, add the new code to a[href="#login"], a[href="#logout"] and click Save


Extplp plugin alogin.png

Customization FAQs


  • What does Offset Top do?

Offset Top option allows you to set the distance between the Login Form and the Top of Page.

  • How to move the Login Form closer to the Top of Page?

Input "positive" value" to the Offset Top option. For example: 50

  • How to move the Login Form closer to the Top of Page?

Input "negative" value" to the Offset Top option. For example: -50


Extplp offset.png


Login & Logout Redirection

  • What does this option do?

Login Redirection Page and Logout Redirection Page are two options that allow you to select the target page after you login/logout successfully. You can select any page from the dropdown list, all your menu items are included in this list. Choosing Default option will set the target page to be the same page.


  • What is Greeting Message in Login Popup?

Greeting message is displayed after you successfully login. Show Greeting option in the plugin setting allows you to Show/Hide the greeting message. Show Name/Username option allows you to show name/username of user.

Extplp greeting.png


If you have questions regarding specific details or need any help with the product, feel free to contact us and join Extstore forum.

Don't have an account yet? Register Now!

Sign in to your account