Get Started

Easy Login Popup is a Joomla plugin developed by Infyways Solutions. It allows you to create a customizable login popup for your Joomla site, enhancing the user experience by providing a convenient and stylish login interface. This documentation covers the installation, configuration, and usage of the Easy Login Popup plugin.

Downloading the Extension

Email: After you purchase the extension from our store, you will receive an email containing a link to download the extension.

Store: Alternatively, you can download the extension from the "Downloads" section in our store. If you are a new user, you need to create an account using the same email address you used for the purchase.

Click to download the extension package: EasyLoginPopup_UNZIP.zip

Unzipping the Package

Use any file unzipper tool or WinRAR to unzip the EasyLoginPopup_UNZIP.zip package. After unzipping, you will find the following contents:

• plg_easyloginpopup.zip: This is the installation file compatible with Joomla 4.x and Joomla 5.x.
• ReadMe.txt: Contains vital information about the current version of the extension.

Installing the Extension

To install the extension, log in to the backend of your Joomla website.

• For Joomla 4 & 5: Navigate to Extensions > Install, then click on the "Upload Package File" tab. Click "Browse" to select the installation file (plg_easyloginpopup.zip), then click "Upload and Install."

A success message will be displayed once the installation is complete.

After installation, the plugin needs to be configured to suit your requirements. Access the plugin settings by navigating to Extensions > Plugins, and find System - Easy Login Popup in the list.

General Settings

• Login Redirection Page: Select the menu item to redirect after login.
• Logout Redirection Page: Select the menu item to redirect after logout.
• Encrypt Login Form: Enable or disable encryption for the login form.
• Login Button Text: Enter the text or HTML content for the login button.
• Logout Button Text: Enter the text or HTML content for the logout button.
• Close on Escape: Choose whether to close the popup when the Escape key is pressed.

Styling Options

• Show Form Title: Show or hide the form title.
• Title Heading Tag: Set the heading tag for the title.
• Title Font Size: Specify the font size for the title.
• Popup Styling:
  • Popup Width: Set the width of the popup.
  • Popup Height: Set the height of the popup.
  • Popup Background Color: Choose the background color for the popup.
  • Popup Border Radius: Set the border radius for the popup.
  • Popup Box Shadow: Set the box shadow color for the popup.
  • Popup Padding: Define the padding around the popup.
  • Popup Margin: Define the margin around the popup.
• Button Styling:
  • Button Background Color: Set the background color of the button.
  • Button Text Color: Set the text color of the button.
  • Button Border Radius: Set the border radius of the button.
  • Button Border Color: Set the border color of the button.
  • Button Border Width: Set the border width of the button.
  • Button Padding: Define the padding for the button.
  • Button Margin: Define the margin around the button.
  • Button Font Size: Set the font size for the button text.
  • Button Font Weight: Set the font weight for the button text.
• Input Styling:
  • Input Border Width: Set the border width for input fields.
  • Input Border Type: Choose the border type for input fields.
  • Input Border Color: Set the border color for input fields.
  • Input Focus Border Color: Set the border color for input fields when focused.
  • Input Border Radius: Set the border radius for input fields.
  • Input Padding: Define the padding for input fields.
  • Input Margin: Define the margin for input fields.
  • Input Font Size: Set the font size for input fields.
• Text Styling:
  • Show Label: Show or hide the label for input fields.
  • Font Family: Specify the font family for text.
  • Text Color: Set the color of the text.
  • Text Font Size: Set the font size for the text.
  • Text Font Weight: Set the font weight for the text.
  • Text Align: Choose the alignment of the text inside the popup.

Once configured, you can use the Easy Login Popup plugin to create a stylish and functional login popup on your Joomla site. The plugin provides several shortcodes for different functionalities.

Shortcodes

Login Button

{elp-login}

• Displays the login button.
• The text or HTML content for the login button can be customized in the plugin settings.
• This button will not be shown when the user is logged in.

Logout Button

{elp-logout}

• Displays the logout button for logged-in users.
• The text or HTML content for the logout button can be customized in the plugin settings.
• This button will only be shown when the user is logged in.

Username

{elp-username}

• Displays the username of the logged-in user.
• Useful for showing personalized information when a user is logged in.

Name

{elp-name}

• Displays the name of the logged-in user.
• Another way to show personalized information when a user is logged in.

Greeting

{elp-greeting="Hello,"}

• Displays a greeting message followed by the name of the logged-in user.
• The greeting text can be customized within the shortcode. For example, {elp-greeting="Welcome,"} will display "Welcome, [User's Name]".
• This shortcode dynamically shows a personalized greeting for logged-in users.

Example

To use these shortcodes in your Joomla content, simply add them to your articles or custom HTML modules as needed:

<p>{elp-greeting="Welcome,"} {elp-name}</p>
<p>{elp-login}</p>
<p>{elp-logout}</p>
<p>Your username: {elp-username}</p>

This setup will display a personalized greeting and buttons for login/logout based on the user's login status.

• How do I change the text of the login button?

  • Use the Login Text setting in the plugin configuration.

• Can I customize the appearance of the popup?

  • Yes, you can customize various attributes such as width, height, colors, padding, and margins in the plugin settings.

• What is the syntax for adding the login popup to my content?

  • Use the {elp-login} shortcode in your Joomla articles or custom HTML modules.

• Can I encrypt the login form?

  • Yes, enable the encrypt_login option in the plugin settings.

• Popup Not Displaying: Ensure the plugin is enabled and the syntax is correctly added to your content.
• Styling Issues: Check the Styling Options in the plugin settings for conflicts.
• Login Not Working: Verify the redirection settings and encryption configuration.

For further assistance, visit the Infyways Support page.