View Categories

AJAX Login Modals — Introduction

Overview #

The AJAX Login Modal ( ALM ) plugin extension to Popup Maker 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.

Article Contents #

Plugin Setup Order #

Set up the plugin extension in the following order: 

File Aa2Il7B511

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. Refer to the following related articles for details on the configuration of each shortcode.

Related article:  Shortcode: AJAX Login Form

Related article:  Shortcode: AJAX Registration Form

Related article:  Shortcode: 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

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

Related article:  ‘Cookies’ option settings

[ Back to top ]

AJAX Login Modals Targeting Conditions #

File Qgtsdlx6K0

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.  

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

Related article:  Conditions Introduction

[ Back to top ]

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’ #

To explore the functionality of some AJAX Login Modals, view the  AJAX Login Modals Examples Page.

[ Back to top ]

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.

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

[ Back to top ]

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.