---
title: AJAX Login Modals — Introduction
description: "## Overview [The AJAX Login Modal ( ALM ) plugin extension to Popup Maker](https://wppopupmaker.com/extensions/ajax-login-modals/) allows users to manage site login, account registration, and password recovery within a single popup. The plugin extension adds several shortcodes, triggers, and cookies to customize…"
url: "https://wppopupmaker.com/docs/ajax-login-modals/introduction-8/"
updated: "2025-01-31"
category: Extensions / AJAX Login Modals
---

# AJAX Login Modals — Introduction

## Overview

[The AJAX Login Modal ( ALM ) plugin extension to Popup Maker](https://wppopupmaker.com/extensions/ajax-login-modals/) allows users to manage site login, account registration, and password recovery within a single popup. The plugin extension adds several shortcodes, triggers, and cookies to customize and manage each popup. 

**Table 1.  Shortcodes, Triggers & Cookies added by AJAX Login Modals (ALM)**

| **Feature** | **Name** | **Purpose** |
| --- | --- | --- |
| Shortcode | AJAX Login Form  | Add a site login form. |
| Shortcode  | AJAX Registration Form | Add an account registration form. |
| Shortcode | AJAX Recovery Form | Add a password recovery form. |
|  |  |  |
| Trigger | Click Open integration | Use existing or custom CSS selectors to display login, registration, or password recovery forms in a popup. |
| Trigger | Force Login | Require login based on targeting conditions set in the *Popup Settings >> Targeting box* of the Popup Editor.  |
| Trigger | Click Blocking | Require site login based on one or more targeted CSS selectors.  |
|  |  |  |
| Cookie | Login Successful | Controls the repeat display of a popup after site login. |
| Cookie | Registration Successful | Controls the repeat display of a popup after account registration. |

## Plugin Setup Order

Set up the plugin extension in the following order: 

![file AA2iL7b511](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5a259e412c7d3a71c72bf584/file-AA2iL7b511.png)

**1.  Enable the *Membership* option from the WordPress option settings.**  From the WordPress Admin, open the *Settings >> General*page.  Locate the *'Membership'* option, and select the checkbox labeled *'Anyone can register'*. This allows all site visitors to register an account, login, and recover a password. 

**2.  Add one or more shortcodes to the Popup Editor.**  From the WordPress Admin, select *Popup Maker >> All Popups*. Either create a new popup, or edit an existing one.  Add one or more of the ALM shortcodes to the content editor using [the Popup Maker shortcode button.](https://wppopupmaker.com/docs/shortcodes/shortcode-button/) Refer to the following related articles for details on the configuration of each shortcode.

**Related article:**  [Shortcode: AJAX Login Form](https://wppopupmaker.com/docs/ajax-login-modals/shortcode-alm-ajax-login-form/)

**Related article:**  [Shortcode: AJAX Registration Form](https://wppopupmaker.com/docs/ajax-login-modals/shortcode-alm-ajax-registration-form/)

**Related article:**  [Shortcode: AJAX Recovery Form](https://wppopupmaker.com/docs/ajax-login-modals/shortcode-alm-ajax-recovery-form/)

**3. Set one or more triggers in the***Popup Settings***box. **In the Popup Editor, go to *Popup Settings >> Triggers* and set one or more triggers to display the popup. Refer to the following related article for details on trigger options.

**Related article:**  [AJAX Login Modals -- Triggers]( https://wppopupmaker.com/docs/ajax-login-modals/ajax-login-modals-triggers/)

**4. Set one or more cookies in the *Popup Settings* box.**  Below the triggers settings, set one or more cookies to control the repeat display of the popup.  Cookies must be linked to triggers in order to work. Refer to the following related articles for details on cookie options and configuration. 

**Related article:**  [AJAX Login Modal Cookie Creation Events](https://wppopupmaker.com/docs/ajax-login-modals/ajax-login-modal-cookie-creation-events/)

**Related article:**  ['Cookies' option settings](https://wppopupmaker.com/docs/controlling-popups/popup-settings-box-cookies-option-settings/)

## AJAX Login Modals Targeting Conditions

![file qgTSDLX6k0](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/5ab2c06b2c7d3a56d88730dc/file-qgTSDLX6k0.png)

The ALM plugin extension includes a *hidden, preset* targeting condition of *'user not logged in'.*  By default, ALM popups are designed to *display on every page and post of a site*when the conditions field on the *Targeting* tab is empty.

Assign targeting conditions only when you wish to activate a popup on a specific page or post, or wish to use a *non-content based* targeting condition provided by [Popup Maker's Advanced Targeting Conditions](https://wppopupmaker.com/extensions/advanced-targeting-conditions/).  

The *Click Open* and *Click Blocking* triggers can also be used to display an ALM popup on specific links within a page.

Refer to the following related articles for an introduction to popup targeting conditions and their configuration.

**Related article:** ['Targeting' option settings](https://wppopupmaker.com/docs/controlling-popups/popup-settings-box-targeting-option-settings/)

**Related article:**  [Conditions Introduction](https://wppopupmaker.com/docs/controlling-popups/conditions/)

## Difference in Form Links Between Logged Out and Logged In Users

**Note:** In the example video below, the site login, registration, and password recovery forms are demonstrated with the user** ****logged out** of the site. The registration and password recovery links toggle open new forms within a single login form. 

When **logged into** the site as an Administrator, the registration form link will open the WP Admin page, and the password recovery link will open the login page at '/wp-login.php'.  

When setting up and testing the plugin, please be aware of the plugin's behavior when an Admin user's status changes from logged out to logged in. 

### Form Demonstration with User 'Logged Out'

[https://www.youtube.com/embed/8ZNEZyWdrEU?rel=0&enablejsapi=1](https://www.youtube.com/embed/8ZNEZyWdrEU?rel=0&enablejsapi=1)

To explore the functionality of some AJAX Login Modals, view the  [AJAX Login Modals Examples Page](http://examples.wppopupmaker.com/ajax-login-modals/).

## Extend the AJAX Login Modals Plugin Extension

### *User Menus* by Jungle Plugins.

Once visitors are logged into your site, customize the visibility and presentation of your site navigation with  [the User Menus plugin from WordPress.org.](https://wordpress.org/plugins/user-menus/)

- Manage the display of site navigation links depending on a visitor's login status; 
- Change a login link from 'Login' to 'Logout' once a user logs in; and
- Add a login link to a site navigation menu.

View the plugin landing page for further details about the plugin features.

### Third Party Plugin Integrations

The ALM extension integrates with several other third-party WordPress plugins. The ALM popup forms rendered by shortcode are replaced by the third-party plugins, and continue to submit via AJAX. 

We maintain integration support for the following plugins: 

- [WP Members](https://wordpress.org/plugins/wp-members/)
- [Profile Builder](https://wordpress.org/plugins/profile-builder/)
