Introduction

The Client has required to add custom fields to the user registration form. The site also has the bbpress forum plugin installed.

The following steps outline the approaches taken to verify the Ultimate Member (UM) plugin can meet the requirements without adverse impact to the bbpress forum operations.

Two dummy user accounts are created for this test.

1. bbp001 | bbp001-2343 | wongtfai@hotmail.com
   • The first char in password is capital in LunkyPunts
2. bbp002002002 | bbp002-2343 | wongtfai@gmail.com
   • The first char in password is capital in LunkyPunts
3. bbp003 | Bbp003-2343 | wongtfai@yahoo.com
   • The first char in password is capital in LunkyPunts

Steps

The below paragraphs describes the steps taken to configure UM on a mirror copy of Lucky Punts on test.innovriver.com.

• Find out the current behavior of the login and registration and the subsequent redirections.
  • The login page is /wp-login.php
    
  • After login, it is redirected to WP Profile page (/wp-admin/profile.php). The user can do profile editing here.
    
  • After logout, it is redirected to the Login page again but with redirection parameter in the URL ( /wp-login.php?redirect_to=https%3A%2F%2Ftest.innovriver.com%2Fwp-admin%2Fprofile.php%3Floggedout%3Dtrue&reauth=1 ).
  • The registration page is wp-login.php?action=register. It is required to enter the Username and Email.
    
  • After signup, it is redirected to /wp-login.php?checkemail=registered
    
  • After clicking the link in the Email, it is redirected to /wp-login.php?action=rp
    It is required to set a password in the dialogue box.
    
  • After the password is set, the Login link is presented.
• Do an AIO backup of the site if necessary.
• Backup the header template in Elementor Theme Builder.
• Install and configure the Ultimate Member (UM) plugin. Check the changes in Registration and Login processes.
  • UM could not create the 7 default pages during activation. These pages have to be created manually:
    • User page – put the shortcode of your profile form in Ultimate member -> Forms.
      • Template: Elementor Full Width
      • Use dynamic tag / page title to show the User name.
    • Account page – put the [ultimatemember_account] shortcode
      • Template: Elementor Full Width
      • Use dynamic tag / page title to show the User name.
    • Login page – put the shortcode of your login form in Ultimate member -> Forms.
      • Template: Elementor Canvas
      • Set min height 100px
      • Two columns – Welcome Back | Form
    • Logout page – page should be blank
      • Template: Elementor Canvas
    • Register page – put the shortcode of your registration form in Ultimate member -> Forms.
      • Template: Elementor Canvas
    • Members page – put the shortcode of your members directory in Ultimate member -> Member directories.
      • Template: Elementor Full Width
    • Password reset page – put the [ultimatemember_password] shortcode
      • Template: Elementor Canvas
    • Make sure you have selected these pages in Ultimate member -> Settings->General-> Pages
  • Visit and configure the settings in all sections in UM plugin.

• Set up a new nav menu named UM menu and add it to the Header template, below the existing Login button.
• In the plugin “Ivr – Enhance Ultimate Member plugin to work with bbPress”, add the action hook function to redirect to previous page after login.

add_action("um_after_login_fields", function(){ 
   if( isset( $_SERVER['HTTP_REFERER'] ) && !isset( $_REQUEST['redirect_to'] ) ){
        echo "<input type='hidden' name='redirect_to' value='".esc_attr( $_SERVER['HTTP_REFERER'] )."'>";
   }}
);

• Check the behavior of the new signup and login processes.
  • Behaved as expected.
• Create a new Registration form with additional custom fields: (1) Postcode (2) Opt-in to email communication
• The Default Profile form is empty. Add predefined and custom fields to this form.
• Replace the current Signup and Login buttons with the new setup.
• Style the UM pages using Elementor with UM shortcodes