Open login/registration via modal

UserPro has built-in support for modal or lightbox view which you can use to display any of its shortcode, just like standard shortcodes.

How to display the login form via modal or lightbox?

You need a menu item or a custom HTML link that has this class: popup-login That’s it. An example should be:

<a href="#" class="popup-login">Login</a>

How to display the registration form via modal or lightbox?

You need a menu item or a custom HTML link that has this class: popup-register That’s it. An example should be:

<a href="#" class="popup-register">Register</a>

For UserPro 4.9.39 and newer:

<a href="#" class="popup_userpro-register">Register</a>

<a href="#" class="popup_userpro-login">Login</a>

Documentation