WhatsApp Embeddable Message Button

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.

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.
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.
  1. Compact (or)
  2. Standard
(B) Choose the background color of the button.
  1. Teal (or)
  2. Green (or)
  3. 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.

    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 CRM Training
      Redefine the way you work
      with Zoho Workplace

        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 CRM Training

          Create, share, and deliver

          beautiful slides from anywhere.

          Get Started Now

            Zoho Sign now offers specialized one-on-one training for both administrators and developers.

            BOOK A SESSION

                        Still can't find what you're looking for?

                        Write to us:  support@zohoforms.com



                              Zoho Marketing Automation

                                Zoho Sheet Resources


                                    Zoho Forms Resources

                                      Secure your business
                                      communication with Zoho Mail

                                      Mail on the move with
                                      Zoho Mail mobile application

                                        Stay on top of your schedule
                                        at all times

                                        Carry your calendar with you
                                        Anytime, anywhere

                                              Zoho Sign Resources

                                                Sign, Paperless!

                                                Sign and send business documents on the go!

                                                Get Started Now

                                                    Zoho SalesIQ Resources

                                                        Zoho TeamInbox Resources

                                                                Zoho DataPrep Resources

                                                                  Zoho DataPrep Demo

                                                                  Get a personalized demo or POC

                                                                  REGISTER NOW

                                                                    Design. Discuss. Deliver.

                                                                    Create visually engaging stories with Zoho Show.

                                                                    Get Started Now

                                                                                          • Related Articles

                                                                                          • Instant Messaging

                                                                                            Frequently Asked Questions 1. How to configure a Phone Number for the WhatsApp Embedded Sign-up. The business phone number must be configured manually by adding the number on the Facebook Business Manager console and verifying it. Login here Once ...
                                                                                          • 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 ...
                                                                                          • Integrating WhatsApp with Zoho Desk

                                                                                            WhatsApp is the world's most widely used instant messaging (IM) service app, with approximately 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 ...
                                                                                          • How to Embed a Telegram Message Button to your website?

                                                                                            Embed a Telegram Chat Button on your website Customers are eager for convenient, straightforward ways to reach support teams with questions or concerns, so Zoho Desk is providing tools to help businesses embed chat buttons directly on their website. ...
                                                                                          • How to add an Embeddable WeChat Message Button to your website?

                                                                                            WeChat Messenger for your Customers! WeChat is a Chinese multi-purpose messaging app commonly known as Wēixìn (micro message) in China. It has a user base of over 1 billion people, making it one of the most popularly-used messaging channels. One can ...
                                                                                          Wherever you are is as good as
                                                                                          your workplace



                                                                                            Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.


                                                                                            Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.


                                                                                            Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.

                                                                                            CRM Tips

                                                                                            Make the most of Zoho CRM with these useful tips.

                                                                                              Zoho Show Resources