{"id":18028,"date":"2022-12-22T12:00:22","date_gmt":"2022-12-22T05:00:22","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual&p=18028"},"modified":"2022-12-22T12:00:22","modified_gmt":"2022-12-22T05:00:22","slug":"whatsapp-chat-button","status":"publish","type":"manual","link":"https:\/\/www.makewebeasy.com\/en\/blog\/manual\/whatsapp-chat-button\/","title":{"rendered":"WhatsApp Chat Button"},"content":{"rendered":"

People nowadays still use the most popular chat platform WhatsApp<\/strong> to communicate and run their business. MakeWebEasy has developed new feature that help your customers easily reach you out on one click. WhatsApp Chat Button<\/strong> can attract more leads and you can interact with them directly to discuss your products and services further. <\/span>There are several ways to link your registered phone number interact with WhatsApp: universal links, custom URL schemes, share extension, and the Document Interaction API. But, here, you will need universal links only to install the button.\u00a0<\/span><\/p>\n

Create Universal Links
\n<\/span><\/strong><\/span><\/h2>\n

Universal links are the preferred method of linking to a WhatsApp account.
\n<\/span><\/p>\n

Use https:\/\/wa.me\/<number><\/span> <\/strong>where the <number> is a full phone number in international format. Omit any brackets, dashes, plus signs, and leading zeros when adding the phone number in international format.
\n<\/span><\/p>\n

Example:<\/strong>
\n<\/span><\/h3>\n

Use: https:\/\/wa.me\/15551234567<\/span><\/strong>
\n<\/span><\/p>\n

Don’t use:<\/strong> https:\/\/wa.me\/+001-(555)1234567
\n<\/span><\/p>\n

Universal links can also include a pre-filled message that will automatically appear in the text field of a chat. Use https:\/\/wa.me\/whatsappphonenumber\/?text=urlencodedtext where whatsappphonenumber is a full phone number in international format and URL-encodedtext is the URL-encoded pre-filled message.
\n<\/span><\/p>\n

Examples: https:\/\/wa.me\/15551234567?text=I’m%20interested%20in%20your%20product<\/span><\/strong>
\n<\/span><\/p>\n

To create a link with just a pre-filled message, use https:\/\/wa.me\/?text=urlencodedtext
\n<\/span><\/p>\n

Examples:<\/strong> https:\/\/wa.me\/?text=I’m%20interested%20in%20your%20product`<\/strong><\/span><\/span><\/p>\n

WhatsApp Button Settings<\/span><\/strong><\/span><\/h2>\n

After creating a universal link, follow these steps to install WhatsApp chat button on your website:<\/span><\/p>\n

1. Manage<\/span><\/p>\n

2. Site Settings<\/span><\/p>\n

3. Embed Code<\/span><\/p>\n

4. Choose WhatsApp<\/strong> <\/span>> Setting<\/strong><\/span><\/p>\n

\"WhatsApp<\/p>\n

5. Activate WhatsApp > ON<\/strong><\/span><\/p>\n