{"id":13863,"date":"2024-08-22T16:20:13","date_gmt":"2024-08-22T10:50:13","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=13863"},"modified":"2024-08-23T10:29:26","modified_gmt":"2024-08-23T04:59:26","slug":"whatsapp-login-frontend","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-whatsapp-login\/whatsapp-login-frontend\/","title":{"rendered":"WhatsApp Login in Frontend"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Once you configure the extension, the Login with WhatsApp option will be added to the login page of your store.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-13864\" title=\"Login in WhatsApp frontend\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/Login-in-WhatsApp-frontend.png\" alt=\"Login in WhatsApp frontend\" width=\"1155\" height=\"534\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/Login-in-WhatsApp-frontend.png 1155w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/Login-in-WhatsApp-frontend-300x139.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/Login-in-WhatsApp-frontend-1024x473.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/Login-in-WhatsApp-frontend-768x355.png 768w\" sizes=\"(max-width: 1155px) 100vw, 1155px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Clicking on it will redirect customers to WhatsApp App (mobile users) or WhatsApp Web (desktop\/laptop users).<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13865\" title=\"redirect to WhatsApp for login\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/redirect-to-WhatsApp-for-login.png\" alt=\"redirect to WhatsApp for login\" width=\"872\" height=\"546\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/redirect-to-WhatsApp-for-login.png 872w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/redirect-to-WhatsApp-for-login-300x188.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/redirect-to-WhatsApp-for-login-768x481.png 768w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">It will generate a predefined message to send a request for login through WhatsApp. Click on the send button.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13866\" title=\"send request for login\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/send-request-for-login.png\" alt=\"send request for login\" width=\"878\" height=\"543\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/send-request-for-login.png 878w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/send-request-for-login-300x186.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/send-request-for-login-768x475.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/send-request-for-login-825x510.png 825w\" sizes=\"(max-width: 878px) 100vw, 878px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If the customer has already registered to the website, they will receive a login link in their WhatsApp.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13867\" title=\"receive login link\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-login-link.png\" alt=\"receive login link\" width=\"845\" height=\"650\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-login-link.png 845w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-login-link-300x231.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-login-link-768x591.png 768w\" sizes=\"(max-width: 845px) 100vw, 845px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Click on the login link to sign in to the Magento 2 store without a username, password, or OTP. After successful login, a login success message will generate and redirect the customer to the My Account page.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13868\" title=\"login success\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/login-success.png\" alt=\"login success\" width=\"1177\" height=\"476\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/login-success.png 1177w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/login-success-300x121.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/login-success-1024x414.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/login-success-768x311.png 768w\" sizes=\"(max-width: 1177px) 100vw, 1177px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If the customer has not registered to the Magento 2 store, they will receive a Create account link on sending a login request.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13869\" title=\"receive create account link\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-create-account-link.png\" alt=\"receive create account link\" width=\"876\" height=\"475\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-create-account-link.png 876w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-create-account-link-300x163.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/receive-create-account-link-768x416.png 768w\" sizes=\"(max-width: 876px) 100vw, 876px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Clicking on the link will redirect customers to the Create Account page. Customers can fill in the details and register by adding their WhatsApp number.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13870\" title=\"create account page\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/create-account-page.png\" alt=\"create account page\" width=\"1275\" height=\"1176\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/create-account-page.png 1275w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/create-account-page-300x277.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/create-account-page-1024x944.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/create-account-page-768x708.png 768w\" sizes=\"(max-width: 1275px) 100vw, 1275px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">After successful registration, it generates a success message and redirects customers to the My Account page.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13871\" title=\"registration success\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/registration-success.png\" alt=\"registration success\" width=\"1276\" height=\"533\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/registration-success.png 1276w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/registration-success-300x125.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/registration-success-1024x428.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/registration-success-768x321.png 768w\" sizes=\"(max-width: 1276px) 100vw, 1276px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If the link is expired, it will redirect customers back to the login page with an error message on clicking the login link from WhatsApp.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13872\" title=\"link expired\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/link-expired.png\" alt=\"link expired\" width=\"1265\" height=\"433\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/link-expired.png 1265w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/link-expired-300x103.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/link-expired-1024x351.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/link-expired-768x263.png 768w\" sizes=\"(max-width: 1265px) 100vw, 1265px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If the customer is already logged in to the store, it will generate an error message on clicking the login link from WhatsApp.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13873\" title=\"already logged in\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/already-logged-in.png\" alt=\"already logged in\" width=\"1289\" height=\"497\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/already-logged-in.png 1289w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/already-logged-in-300x116.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/already-logged-in-1024x395.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2024\/08\/already-logged-in-768x296.png 768w\" sizes=\"(max-width: 1289px) 100vw, 1289px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":13844,"menu_order":4,"template":"","manualdocumentationcategory":[4044],"manual_doc_tag":[],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/13863"}],"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\/13863\/revisions"}],"predecessor-version":[{"id":13874,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/13863\/revisions\/13874"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/13844"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=13863"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=13863"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=13863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}