{"id":12288,"date":"2023-03-10T17:56:45","date_gmt":"2023-03-10T12:26:45","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=12288"},"modified":"2023-03-10T17:56:45","modified_gmt":"2023-03-10T12:26:45","slug":"frontend-customer-login","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/mobile-otp-login-pro-magento-2\/frontend-customer-login\/","title":{"rendered":"Frontend Customer Login"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Once your customer is successfully registered to your Magento 2 store, they can quickly log in either using OTP or a password.<\/span><\/p>\n<h3><b>Login with OTP<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Whenever a customer chooses Login with OTP option, they will be asked to enter the mobile number for verification using OTP.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-12289 size-full\" title=\"enter mobile number\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-mobile-number-1.png\" alt=\"enter mobile number\" width=\"1274\" height=\"434\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-mobile-number-1.png 1274w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-mobile-number-1-300x102.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-mobile-number-1-1024x349.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-mobile-number-1-768x262.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-mobile-number-1-600x204.png 600w\" sizes=\"(max-width: 1274px) 100vw, 1274px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If the mobile number digits do not match the country validation configured by the admin in the backend, it will show an error message.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-12290 size-full\" title=\"login with otp mobile number validation\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-with-otp-mobile-number-validation.png\" alt=\"login with otp mobile number validation\" width=\"1157\" height=\"413\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-with-otp-mobile-number-validation.png 1157w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-with-otp-mobile-number-validation-300x107.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-with-otp-mobile-number-validation-1024x366.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-with-otp-mobile-number-validation-768x274.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-with-otp-mobile-number-validation-600x214.png 600w\" sizes=\"(max-width: 1157px) 100vw, 1157px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Once the user enters the correct mobile number and clicks on the Send OTP button, they will receive an SMS as well as an email with OTP for login.<\/span><\/p>\n<p><strong>SMS on Mobile Number with OTP for Login<\/strong><\/p>\n<p><img decoding=\"async\" class=\"wp-image-12291 size-full aligncenter\" title=\"OTP in SMS for Login\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/OTP-in-SMS-for-Login.png\" alt=\"OTP in SMS for Login\" width=\"235\" height=\"475\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/OTP-in-SMS-for-Login.png 235w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/OTP-in-SMS-for-Login-148x300.png 148w\" sizes=\"(max-width: 235px) 100vw, 235px\" \/><\/p>\n<p><strong>Login OTP Email<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12292 size-full\" title=\"otp email\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/otp-email.png\" alt=\"otp email\" width=\"1014\" height=\"486\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/otp-email.png 1014w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/otp-email-300x144.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/otp-email-768x368.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/otp-email-600x288.png 600w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">After entering the OTP, the user needs to click on Verify &amp; Login.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12293 size-full\" title=\"enter otp\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-otp-1.png\" alt=\"enter otp\" width=\"1149\" height=\"540\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-otp-1.png 1149w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-otp-1-300x141.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-otp-1-1024x481.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-otp-1-768x361.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/enter-otp-1-600x282.png 600w\" sizes=\"(max-width: 1149px) 100vw, 1149px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">In case the OTP verification time is out, the user gets the option to Resend OTP.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12294 size-full\" title=\"resend otp\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/resend-otp-1.png\" alt=\"resend otp\" width=\"1141\" height=\"525\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/resend-otp-1.png 1141w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/resend-otp-1-300x138.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/resend-otp-1-1024x471.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/resend-otp-1-768x353.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/resend-otp-1-600x276.png 600w\" sizes=\"(max-width: 1141px) 100vw, 1141px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Once the OTP is verified, the login is successfully done. The old customer is redirected to the Update Mobile Number section on their My Account page. The Customer Login through OTP is protected by reCAPTCHA to avoid spam sign-in.<\/span><\/p>\n<h3><b>Login with Password<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Whenever a customer chooses the Login with Password option, they will be asked to enter their email address\/mobile number and password.<\/span><\/p>\n<p><b>Email &amp; Password<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12295 size-full\" title=\"email and password\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/email-and-password.png\" alt=\"email and password\" width=\"1140\" height=\"531\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/email-and-password.png 1140w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/email-and-password-300x140.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/email-and-password-1024x477.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/email-and-password-768x358.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/email-and-password-600x279.png 600w\" sizes=\"(max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<p><b>Mobile Number &amp; Password<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12296 size-full\" title=\"mobile number and password\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/mobile-number-and-password.png\" alt=\"mobile number and password\" width=\"1267\" height=\"495\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/mobile-number-and-password.png 1267w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/mobile-number-and-password-300x117.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/mobile-number-and-password-1024x400.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/mobile-number-and-password-768x300.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/mobile-number-and-password-600x234.png 600w\" sizes=\"(max-width: 1267px) 100vw, 1267px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Once the login details are entered correctly, the login is successfully done. The old customer is redirected to the Update Mobile Number section on their My Account page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After successful login, the customer will be notified via email.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12297 size-full\" title=\"login email\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-email.png\" alt=\"login email\" width=\"1008\" height=\"498\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-email.png 1008w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-email-300x148.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-email-768x379.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2023\/03\/login-email-600x296.png 600w\" sizes=\"(max-width: 1008px) 100vw, 1008px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":12209,"menu_order":13,"template":"","manualdocumentationcategory":[4033],"manual_doc_tag":[],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/12288"}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/12288\/revisions"}],"predecessor-version":[{"id":12298,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/12288\/revisions\/12298"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/12209"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=12288"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=12288"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=12288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}