How to add an Embeddable WhatsApp Message Button to your website?
Embed a WhatsApp Chat Button on your website
Over the past few years, customers have started valuing on-the-go assistance, where conversations with service providers are readily available with just the click of a button. Zoho Desk gives your customers a convenient way to reach you through WhatsApp—a messaging channel that they already know and love. Let's discuss how to embed a WhatsApp Chat Button on your website so you can boost your customer support experience.
Why should you add a WhatsApp chat button?
• The embeddable button allows your webpage visitors to engage with your business instantly.
• It also frees the customers from the burden of waiting for a response since their questions and concerns can be addressed faster via WhatsApp.
• Many people are already using WhatsApp to chat with friends and family. Enabling business communications via WhatsApp helps them feel more personally connected to your business.
• It also frees the customers from the burden of waiting for a response since their questions and concerns can be addressed faster via WhatsApp.
• Many people are already using WhatsApp to chat with friends and family. Enabling business communications via WhatsApp helps them feel more personally connected to your business.
How to add a WhatsApp chat button to your website
To add the chat button, you will need the following prerequisites: a WhatsApp Business Account and a verified WhatsApp Business Number. With the phone number that you have provided, a unique reference link will be generated for your business account.
There are three ways to allow your customers to contact you via the WhatsApp chat button after setting it up on your website.
• Via a Link
• Via a QR Code
• Via a customizable Message Button (Code Snippet)
Regardless of which option you choose, you start by generating a WhatsApp Embed Code:
1. Navigate to the Setup icon ( 
) in the top bar.
2. Select Instant Messaging under the channels option.
3. Select WhatsApp Channel.
4. Click on Configure.
5. Select the channel that you wish to set up the embeddable button for.
6. Click on Generate WhatsApp Embed Code by hovering over the Channel options.
1. Link
The chat link feature lets customers click on an auto-generated WhatsApp chat link (reference link) and start chatting instantly with their customers through WhatsApp.
2. QR Code
You can also start chatting by downloading an auto-generated QR code. All you need to do is download the code and paste it on your webpage. You can also display it at the store (physical outlets) for customers to quickly scan and reach out to you instantly.
3. Message Button
The third option is probably the most frequently used. You can create a message button by using the customizable code snippet option.
Step 1: Customize the message button on the IM Setup screen by first choosing the Message Button style.
(A) Choose the button size.
- Compact (or)
- Standard
(B) Choose the background color of the button.
- Teal (or)
- Green (or)
- White
(C) Enter the button text. This will be the text displayed to your customers on your webpage.
(D) Then, choose the size of the button radius by moving the cursor over the desired size value and selecting it.
On the right-hand side of your screen, you will see the WhatsApp Chat Button Preview. You can then finalize and copy the generated code snippet.
Step 2: Once you have customized the button based on your preferences, copy the generated code snippet as shown below.
Step 3: Find the right position to place the embeddable button on your webpage, and paste the code snippet there.
Voila! Now let's take a look at how the message button enhances your website and gives customers the instant support they need.
Voila! Now let's take a look at how the message button enhances your website and gives customers the instant support they need.
Read a feature story - What are the benefits of using a message button?
Read a feature story - Use QR codes to add customers to your communication channels
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
How to add an embeddable Instagram Message Button to your website?
Get your business started on Instagram You can manage your customer queries instantly coming from a dedicated Instagram messaging channel from Zoho Desk and also allow businesses to communicate about the latest business trends, track sales and much ...Add an embeddable Business Messaging chat bubble to your website
You can handle your customer questions instantly from a dedicated Business Messaging channel facilitated by Zoho Desk. This feature also allows businesses to communicate the latest trends, track their sales, and more. The Business Messaging user ...Add an Embeddable LINE Message Button to your website
Embed a LINE Chat Button on your website You can manage your customer questions instantly from a dedicated LINE messaging channel facilitated by Zoho Desk. This feature also allows businesses to communicate about the latest business trends, track ...FAQs: Instant Messaging
Why can't I send Canned Messages? The Auto-ticket conversion must be switched On. Why? Because the canned message contains placeholders from the Agents & Contacts module. Navigate to Instant Messaging > Preferences > Check_lists to Switch On the ...Multi-number support by WhatsApp Business Platform
What is multi-number support on the WhatsApp Business Platform? Assuming you have been using the WhatsApp channel to communicate with your customers, you're likely aware that every WhatsApp Business Account (WABA) needs a verified phone number ...
New to Zoho LandingPage?
Zoho LandingPage Resources