> 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-contact-extension/whatsapp-contact-in-frontend.md).

# WhatsApp Contact in Frontend

Once you have properly configured the extension, you can see WhatsApp Contact button enabled in frontend.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FpdksJuYxxSUVdqgL7MyM%2Fimage.png?alt=media&amp;token=34d55537-94a6-42cd-bffd-393878c1569e" alt=""><figcaption></figcaption></figure>

On click of WhatsApp Contact button, users get redirected to WhatsApp Web with default message if opened from desktop.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FygWMwTj9EQJ8eTNrDzGW%2Fimage.png?alt=media&amp;token=c4cc9a1b-fbe3-4474-90a8-a9f013db738b" alt=""><figcaption></figcaption></figure>

If users have clicked the contact button from mobile, they get redirected to WhatsApp mobile app with the default set message.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FuDBPJNK6Ouoqz7Avo7jf%2Fimage.png?alt=media&amp;token=27260599-d186-4c74-ab7c-a1a9ed34a18b" alt=""><figcaption></figcaption></figure>