> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-whatsapp-login-extension/whatsapp-login-in-frontend.md).

# WhatsApp Login in Frontend

Once you configure the extension, the Login with WhatsApp option will be added to the login page of your store.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FA4cIG5F7WBWcSLOAeLlL%2Fimage.png?alt=media&amp;token=bfc630fd-92a4-4331-abe5-36fa1ea2f9f6" alt=""><figcaption></figcaption></figure>

Clicking on it will redirect customers to WhatsApp App (mobile users) or WhatsApp Web (desktop/laptop users).

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FBZqg5Fk4ZmbLVvP5XN65%2Fimage.png?alt=media&amp;token=db241e60-1cc4-4e21-8f97-858611b99ac4" alt=""><figcaption></figcaption></figure>

It will generate a predefined message to send a request for login through WhatsApp. Click on the send button.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F8WmM5fXQm5ZSfvD2OaY5%2Fimage.png?alt=media&amp;token=2a4e98da-eeb1-4c98-8f6a-ae6829229961" alt=""><figcaption></figcaption></figure>

If the customer has already registered to the website, they will receive a login link in their WhatsApp.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FdUM5uurpUzafNYOp60Yd%2Fimage.png?alt=media&amp;token=5fbfa6d5-262a-49f9-a646-53eec11fadd2" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FkFZ1pdfQ4GkS6istcQvk%2Fimage.png?alt=media&amp;token=c8b7e4ab-2ac3-4eb4-bcbf-416df45ba128" alt=""><figcaption></figcaption></figure>

If the customer has not registered to the Magento 2 store, they will receive a Create account link on sending a login request.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FAyu6UGwkArhbpw2MYEM9%2Fimage.png?alt=media&amp;token=f47c550c-0435-43cc-971b-3f898b2a55aa" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FYq61FLj43P848ibGqpDC%2Fimage.png?alt=media&amp;token=8b1aa028-fd24-4575-a019-abe14b87cfe2" alt=""><figcaption></figcaption></figure>

After successful registration, it generates a success message and redirects customers to the My Account page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FKYekWGZ4dqMqXKwvB7cA%2Fimage.png?alt=media&amp;token=4f9f407a-904b-480d-8e65-73cf554a8ab6" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fh2OoA0m7N1ZkiNHjBXJJ%2Fimage.png?alt=media&amp;token=dfddd684-5c37-4118-ae91-754adb6e8513" alt=""><figcaption></figcaption></figure>

If the customer is already logged in to the store, it will generate an error message on clicking the login link from WhatsApp.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fu22kjhPXrYQYBwRBREeD%2Fimage.png?alt=media&amp;token=e8e47aab-f25c-4777-82c8-21963778fc1d" alt=""><figcaption></figcaption></figure>