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.




      Create. Review. Publish.

      Write, edit, collaborate on, and publish documents to different content management platforms.

      Get Started Now


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







                              Quick LinksWorkflow AutomationData Collection
                              Web FormsEnterpriseOnline Data Collection Tool
                              Embeddable FormsBankingBegin Data Collection
                              Interactive FormsWorkplaceData Collection App
                              CRM FormsCustomer ServiceAccessible Forms
                              Digital FormsMarketingForms for Small Business
                              HTML FormsEducationForms for Enterprise
                              Contact FormsE-commerceForms for any business
                              Lead Generation FormsHealthcareForms for Startups
                              Wordpress FormsCustomer onboardingForms for Small Business
                              No Code FormsConstructionRSVP tool for holidays
                              Free FormsTravelFeatures for Order Forms
                              Prefill FormsNon-Profit

                              Intake FormsLegal
                              Mobile App
                              Form DesignerHR
                              Mobile Forms
                              Card FormsFoodOffline Forms
                              Assign FormsPhotographyMobile Forms Features
                              Translate FormsReal EstateKiosk in Mobile Forms
                              Electronic Forms
                              Drag & drop form builder

                              Notification Emails for FormsAlternativesSecurity & Compliance
                              Holiday FormsGoogle Forms alternative GDPR
                              Form to PDFJotform alternativeHIPAA Forms
                              Email FormsFormstack alternativeEncrypted Forms

                              Wufoo alternativeSecure Forms

                              WCAG



                                        Create. Review. Publish.

                                        Write, edit, collaborate on, and publish documents to different content management platforms.

                                        Get Started Now







                                                          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.




                                                              Manage your brands on social media


                                                                • Desk Community Learning Series


                                                                • Digest


                                                                • Functions


                                                                • Meetups


                                                                • Kbase


                                                                • Resources


                                                                • Glossary


                                                                • Desk Marketplace


                                                                • MVP Corner


                                                                • Word of the Day


                                                                • Ask the Experts


                                                                  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 TeamInbox 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

                                                                                                                          • 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 ...
                                                                                                                          • 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 ...
                                                                                                                          • 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 ...
                                                                                                                          • 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 ...
                                                                                                                            Wherever you are is as good as
                                                                                                                            your workplace

                                                                                                                              Resources

                                                                                                                              Videos

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



                                                                                                                              eBooks

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



                                                                                                                              Webinars

                                                                                                                              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