• Skip to primary navigation
  • Skip to main content

RocketGeek

Home of WP-Members, The Original WordPress Membership Plugin

  • WordPress Plugins
    • WP-Members
      • FAQs
      • Quick Start
      • Documentation
      • Extensions
    • Advanced Options
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Download Protect
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Invite Codes
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • MailChimp Integration
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • PayPal Subscriptions
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Salesforce Web-to-Lead
    • Security
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Text Editor
      • Purchase the Plugin
      • Get the Pro Bundle
    • User List
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • User Tracking
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Memberships for WooCommerce
    • WordPass
  • Store
    • Cart
    • Checkout
  • Blog
    • Basics [Free]
    • Tips and Tricks
    • Filters
    • Actions
    • Code Snippets
    • Shortcodes
    • Design
    • Release Announcements
  • Contact
  • Sign In
  • Show Search
Hide Search
Home » Tips and Tricks » Create a login modal

Create a login modal

Chad Butler · Aug 10, 2017 ·

This tutorial will describe the process of creating a login form modal for WP-Members.  The process uses jQuery to display the form overlay and AJAX for logging the user in.  jQuery is also used to handle changing the menu link to display as a login/logout link.

(What’s a Modal? Essentially, this is a “popup” that loads over the page.  In this case, it will contain a login form that loads in front of the page. The page is dimmed when the modal is active.)

This article is only available to WP-Members Support Subscribers. If you have an existing subscription, please login below. If you do not have a current support subscription, you can purchase a support subscription here.

Already a Member? Log In Here
   
Forgot password? Click here to reset

To gain full access to WP-Members premium content, a current support subscription is required. You can purchase an annual support subscription for as little as $59, which provides you with access to priority support, a customer support forum, access to code snippets, and more.

Why wait? Choose your subscription option here.

[
Why join?]

Tips and Tricks ajax, jquery, wp_footer, wp_print_styles

Welcome to RocketGeek Interactive › Forums › Create a login modal

Tagged: ajax, jquery, wp_footer, wp_print_styles

  • This topic has 1 reply, 2 voices, and was last updated 3 years, 1 month ago by dcrowe.
Viewing 1 reply thread
  • Author
    Posts
    • August 10, 2017 at 5:07 pm #13494
      Chad Butler
      Keymaster

      This tutorial will describe the process of creating a login form modal for WP-Members.  The process uses jQuery to display the form overlay and AJAX f
      [See the full post at: Create a login modal]

    • February 18, 2018 at 12:27 pm #14310
      dcrowe
      Participant

      I am having trouble getting this to work. I found a typo in the “function ajax_login_init()” where the close curly bracket was in the wrong spot. That was causing the web site to crash but that didn’t correct the login problem. Log Out works fine but login just gives me the “sending user info, please wait” message. Is there something that I am missing?

  • Author
    Posts
Viewing 1 reply thread
  • You must be logged in to reply to this topic.
Log In

Ready to get started?

Join Today!

© 2021 · butlerblog.com · RocketGeek is built using WordPress, WP-Members, and the Genesis Framework

  • butlerblog.com
  • WP-Members Support Subscription
  • Terms of Service
  • Refund Policy