1. Download the add-ons ZIP file from your account.
  2. Go to plugins -> add new -> upload and upload the zip file there
  1. Download PoEdit.
  2. Open the easy-login-woocommerce.pot file in PoEdit. (/plugins/easy-login-woocommerce/languages/ easy-login-woocommerce.pot)
  3. Create new translation & translate the text.
  4. Save the translated file with name “easy-login-woocommerce-Language_code”. For eg: German(easy-login-woocommerce-de_DE) , French(easy-login-woocommerce-fr_FR). — Language code list
  5. Save Location: Your wordpress directory/wp-content/languages/
Use shortcode [xoo_el_action] to include it anywhere on the website.
login: [xoo_el_action type="login" change_to="logout"]
Register: [xoo_el_action type="register" change_to="myaccount"]
Lost Password: [xoo_el_action type="lost-password"]
Attributes- type refers to form type , change_to refers to logged in link.

You can also trigger popup using class.
Login – xoo-el-login-tgr
Register – xoo-el-reg-tgr
Lost Password – xoo-el-lostpw-tgr
For eg: <a class="xoo-el-login-tgr">Login</a>
Setup Social Accounts (PRO)
If somehow activating social login add-on throws error, please deactivate the popup plugin first before you activate social login.

  1. Create a new facebook App here
  2. Open your APP and go to settings -> basic
  3. Add your website domain under APP Domains & set privacy URL.
  4. Save the Changes.
  5. Copy your APP ID
  6. Go to your wordpress dashboard -> Social Login -> Facebook & Paste the APP ID there

  1. Go to google console
  2. Navigate to "API & Services"
  3. Search google+ and enable it
  4. Navigate to "Credentials", you will find it on the very left side. (Sidebar)
  5. Click on "Create Credentials" and select "OAuth Client ID"
  6. Click on "Configure Consent Screen" if you haven't configured it yet.
  7. Select external and create. (Configure Consent Screen)
  8. Fill the required information and keep clicking "Save and continue" (Configure Consent Screen)
  9. Go back to credentials and select "Web application" as your application type
  10. Copy your client ID and paste it under plugin settings.

Override Templates
Plugin template files are under easy-login-woocommerce/templates folder.
Copy the template file to your theme/templates/easy-login-woocommerce folder. ( Create if does not exist )
Make the desired changes there. Also check the template file header for exact location.
Field Validation
Custom Field has all the basic validation features such as required, min/max length.
If you want to add your own field validation, here is an example
Add a confirm email address field
  1. Add an Email Field from the settings & mark it as required.
  2. Take a note of its Unique ID or provide your own, for this example we are providing our own id which is "xoo_el_reg_email_again".
  3. When the user signs up, we need to check whether both the email fields value entered is same or not. If values are not same, we will add an error
  4. Add this code to your functions.php, I will explain it below.
//Validate confirm email address field function xoo_cu_el_validate_registration_fields( $validation_error, $username, $password, $email ){ if( $_POST['xoo_el_reg_email'] !== $_POST['xoo_el_reg_email_again'] ){ $validation_error->add( 'email-match-error', "Emails don't match" ); } return $validation_error; } add_filter( 'xoo_el_process_registration_errors', 'xoo_cu_el_validate_registration_fields', 10, 4 );</code>
Code Explaination
  1. $_POST['xoo_el_reg_email'] !== $_POST['xoo_el_reg_email_again'] Form values are stored in $_POST, you can grab any field value using $_POST[ $field_id ]
  2. We are checking if both the field values are equal or not.
    If not equal, we're adding an error.
    email-match-error is the error code.
Feel free to use Live Chat