Adding a Business Messaging widget to your website

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 engaging conversations. Whether integrated independently or through the ASAP help widget, you can manage all your interactions using the Instant Messaging module.


Business Messaging Widget 

Place the Business Messaging chat bubble in the available location on your page. This will attract your customers' attention and allow them to access customer support immediately. You can choose a button style from the designs that IM provides.

The Installation process

1. Log in to your Zoho Desk account with administrator privileges.
2. Click the Setup icon (  ) in the top bar.
3. Under Channels, click Instant Messaging.



4. Click Configure corresponding to Business Messaging on the Instant Messaging page.



5. Click Create Channel on the Business Messaging integration page.
The number of channels you create cannot exceed the number of active departments in your account (org).

6. On the Add Channel page, follow the below steps:
      a. Upload an icon for the channel.
The icon size cannot exceed 1 MB and should be in the .jpg, .png, or .jpeg format.
      b. Enter a name for the channel.
      c. Select the department in which you want to receive messages.
      d. Click Save.

After successfully adding the Business Messaging channel, you will be led to this alert: You have successfully linked your Zoho Desk account with a Business Messaging chat widget. You can now customize your widget!

At any time, you can update your preferences for each Business Messaging messaging channel created in your help desk. The preferences allow you to assign different agents for each channel.



7. Associate agents to the created BM channel.
Once the preferred agents are associated with the channel, you can view the agents as shown below.


8. To set up the embeddable message bubble, you will need the details of the linked Business Messaging widget. The details will generate a unique code snippet for the associated BM account.

There are three platforms on which you can enable your customers to contact you via the Business Messaging chat bubble: by setting it up as a chat option on your website.
  1. Web
  2. iOS
  3. Android


9. On the embed page, scroll down to the Pre-filled message, enter your custom text in the content, and click Update.

Customizing the Business Messaging Chat Window Appearance

You can apply the following customizations to your chat window:
  1. Choose the Appearance of the chat window according to your website needs.
  2. Choose a color for the chat window that suits your website.
  3. Display your company logo in the chat window.
  4. Show the operator's profile picture while connecting with the visitor on chat.

Steps to customize your chat widget

Navigate to Setup -> Channels -> Instant Messaging -> Business Messaging -> Configure -> Channel -> Customize your Business Messaging's Appearance.



To change the mode of the chat widget
Scroll to choose the mode in which you want it to be viewed on your website from the available options:
    •    Dark mode
    •    Light mode
    •    Auto



To change the color of the chat widget
    •    Scroll down to theme color / action color and choose a color from the list, or use the color picker to select your desired color.
    •    You can either give the color code or pick a color from the color palette in the color picker.
    •    You can have an instant chat window preview on the right. The colors you choose will reflect on the window.



To change the wallpaper of the chat widget
The wallpaper comes with five predefined designs. You can choose the wallpaper of the chat widget to match your brand.

To resize the chat widget
Scroll down to choose a size for your chat window. You can choose your chat window size between Small & Large according to your website needs.

Navigate to Setup -> Channels -> Instant Messaging -> Business Messaging -> Configure -> Channel -> Customize your Business Messaging Launcher's Appearance.



To select the launcher icon.
The launcher icon comes with six predefined icon styles. You can choose the icon style of the chat widget to match your brand.
A dynamic preview of how the launcher icon peeks is available.
To select the launcher icon's shape.
The launcher icon's shape comes with four predefined shapes. You can choose the icon's shape of the chat widget.
A dynamic preview of how the launcher icon peeks is available.


To change the launcher position.
    •    Position your chat widget's launcher on the bottom-right-or-left corner, according to your preference or website design. By default, the launcher is positioned in the bottom-right corner, but if your website has essential content in the right corner, you can place it on the left side.
    •    You can also choose the launcher's side spacing from a range of 5px to 100px.
    •    You can also choose the launcher's bottom spacing from a range of 5px to 100px.
 A dynamic preview of how the launcher icon peeks is available.



To enable the Zoho Desk Tag.
1. You can choose to display the phrase Powered by Zoho Desk at the bottom of the Business Messaging by switching on the toggle.
2. Click Apply.

To delete a channel   

1. Click the Setup icon (  ) in the top bar. 
2. Under Channels, click Instant Messaging
3. Click Business Messaging on the Instant Messaging page. The channels created in your account will be displayed.
4. Click on the horizontal ellipsis at the top-right corner of your channel, followed by Delete Channel.
5. Click Yes, Delete in the confirmation dialog box.
The channel will be deleted.
Once the channel is deleted, you will not be able to send or receive messages.

    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









                                            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

                                                  Zoho Desk Resources

                                                  • Desk Community Learning Series


                                                  • Digest


                                                  • Functions


                                                  • Meetups


                                                  • Kbase


                                                  • Resources


                                                  • Glossary


                                                  • Desk Marketplace


                                                  • MVP Corner


                                                  • Word of the Day


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

                                                                                                              • 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 ...
                                                                                                              • 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 ...
                                                                                                              • A Guide to Instant Messaging

                                                                                                                An Overview Zoho Desk's Instant Messaging module is a pay-as-you-go feature that enhances your business by making customer communication easy and efficient. In this document, you will find out why Zoho Desk's IM is the perfect messaging platform to ...
                                                                                                              • Working with the Business Messaging SDK for Android

                                                                                                                You can handle your customer questions instantly from a dedicated Business Messaging channel facilitated by Zoho Desk's IM Module. This feature allows businesses to promote the latest trends, track their sales, and much more. The Business Messaging ...
                                                                                                              • Working with the Business Messaging SDK for iOS

                                                                                                                You can handle your customer questions instantly from a dedicated Business Messaging channel facilitated by Zoho Desk's IM Module. This feature allows businesses to promote the latest trends, track their sales, and much more. The Business Messaging ...
                                                                                                                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