Click to WhatsApp link
Click to chat is a very simple form to initiate a conversation with someone who doesn’t want to save their contact information in the address book. The mechanism is working based on generated link according to format: https://wa.me/[number] so the final URL structure is: https://wa.me/14242215100
When you click on the above link you’ll be redirected to the WhatsApp webpage pop-up window which will trigger a message window to the target number included in the URL link.
This method works on mobile and desktop devices.
![image-20240322-111131.png](../__attachments/32833649/image-20240322-111131.png?inst-v=e51f5512-047c-4926-8c44-c620d404b5ab)
Desktop preview
![IMG_4105-20240322-111656.png](../__attachments/32833649/IMG_4105-20240322-111656.png?inst-v=e51f5512-047c-4926-8c44-c620d404b5ab)
Mobile preview
![image-20240322-111910.png](../__attachments/32833649/image-20240322-111910.png?inst-v=e51f5512-047c-4926-8c44-c620d404b5ab)
Redirected to WhatsApp
For the branded Chat logo buttons please follow the guidelines attached here
![image-20240322-124052.png](../__attachments/32833649/image-20240322-124052.png?inst-v=e51f5512-047c-4926-8c44-c620d404b5ab)
![image-20240322-124121.png](../__attachments/32833649/image-20240322-124121.png?inst-v=e51f5512-047c-4926-8c44-c620d404b5ab)
HTML code examples
to embed SVG image:
<a aria-label="Chat on WhatsApp" href="https://wa.me/1XXXXXXXXXX"> <img alt="Chat on WhatsApp" src="WhatsAppButtonGreenLarge.svg" />
<a />
to embed PNG image
<a aria-label="Chat on WhatsApp" href="https://wa.me/1XXXXXXXXXX"> <img alt="Chat on WhatsApp" src="WhatsAppButtonGreenLarge.png" />
<a />