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:
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
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 ...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 ...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 ...Integrating WhatsApp with Zoho Desk
WhatsApp is the world's most widely used instant messaging (IM) service app, with over 2 billion users. The ubiquity of this app is reason enough for businesses of all sizes to look at it as a channel for customer support. If your customers ...Adding a Business Messaging widget to your website
You can integrate Zoho Desk's native Business Messaging widget seamlessly across webpages and apps, customizing it to align with your brand's style. This allows seamless hand-offs between bots and agents and automation to facilitate personalized and ...
New to Zoho LandingPage?
Zoho LandingPage Resources