Easy Login Popup

Introduction

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.

Installation

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.

Configuration

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.

Usage

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.

FAQ

• 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.

Troubleshooting

• 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.