AI Joomla AJAX Login

Download the package ZIP from your AI Joomla account after purchase.

Log in to your Joomla administrator panel with a Super User account.

Go to System → Manage → Install, click Upload & Install, and select the downloaded ZIP.

When every line in the results list ends with "successfully installed," you’re ready to configure the module and component settings below. If you see a warning, re-check your PHP version and retry the upload before contacting support.

AI Joomla AJAX Login has two configuration surfaces in the administrator area, and both are needed for a working login/registration form:

• The Module — controls the styling, working method, and where/when the login & register popup or inline form appears on your site. Go to Content → Site Modules, open the AI Joomla AJAX Login module.

• The Component — controls the registration Form Manager and the Social Login providers. Go to Components → AI Joomla AJAX Login.

In the module’s Details tab, set a Title, whether to Show Title, its module Position, Status = Published, and any Access/Language restrictions. Under Menu Assignment, choose whether it shows on all pages, only selected pages, or all pages except selected ones.

The Form Manager lets you build your own registration form with drag & drop — no template coding needed. Find it under Components → AI Joomla AJAX Login → Form Manager.

Fields are grouped into three panels: Default fields (the common fields most registration forms include), Profile fields (extra fields to learn more about a user), and Custom fields (labels, header text, and other layout helpers).

Drag any field from the left panel into the live form preview in the center — this preview is exactly what visitors will see, so there’s no separate "publish" step for layout changes.

Click any field already in the form to open its properties on the right: label, placeholder text, help/error message, CSS class, and the field’s name/scope.

Hidden fields let you attach extra data to a submission (via a small script) that’s stored as a backend note but never shown to the user or on their profile page.

"Sync additional fields" pulls in any extra fields that other installed extensions have added to Joomla’s core registration form, so your custom form and the core form never drift out of sync.

Social Login lets visitors sign up and log in using an existing account from Facebook, Google, Microsoft, Twitter/X, or LinkedIn — five providers are supported today.

Configure each provider under Components → AI Joomla AJAX Login → Social Settings. Click a provider to open its setup screen, which walks you through creating an app/API key on that provider’s developer site and pasting the resulting Client ID/Secret back in.

After configuring a provider, you still need to enable Social Login in the module’s Social Parameters tab — configuring the provider alone doesn’t turn it on for visitors.

Basic parameters — the core behavior settings: which action the module triggers (login, register, or both), popup vs inline display, redirect URLs after login/logout, and remember-me behavior.

Theme parameters — everything about how the module looks on the frontend: colors, button styles, popup animation, and overall layout width.

Font manager — found inside Theme parameters; lets you pick custom fonts (including Google Fonts) for the login/register form independently of your template’s fonts.

Social parameters — turns on/off each configured social provider for the frontend and controls their button order and style.

Advanced parameters — for advanced users only; you normally don’t need to touch these unless you have a specific integration requirement.

Custom Codes — a tab for adding your own CSS and JavaScript that loads only alongside this module, useful for small visual tweaks without editing template files.

Multiple login modules on one page — for performance, only one live instance is recommended per page. If you need both a Login and a Register trigger visible at once, use a Custom HTML module with a link/button styled to open the existing module’s popup, rather than publishing two full copies of the module.

Adding a Register button inside the Login popup — create a Custom HTML module containing a styled link, then use that module’s CSS class as the click-trigger for the Register popup so both actions live in one login box.

One-page login & registration — both forms can be placed on a single page by publishing the module twice in different positions on that page, or by embedding both the login and register triggers in the same Custom HTML block.

Triggering login/register from a menu item — add a custom CSS class to the menu item (via Menu Item → Link Type options) matching the module’s trigger class, so clicking that nav link opens the popup instead of navigating to a blank page.

VirtueMart "cannot register" error — this is almost always caused by VirtueMart’s own registration frame/plugin conflicting with the module. Check that VirtueMart’s native registration plugin is configured correctly (or disabled if you’re fully replacing it with this module).

Upgrading — install the newer version ZIP the same way as the original install, from System → Manage → Install. Your module settings, form layout and social provider configuration are all preserved automatically.