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.
Web
iOS
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:
Choose the Appearance of the chat window according to your website needs.
Choose a color for the chat window that suits your website.
Display your company logo in the chat window.
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 themecolor / actioncolor 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.
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.
Install the PageSense code snippet on your site in a matter of minutes and start collecting in-depth data about the website visitors to grow your business.
Set up goals in PageSense to measure every single action performed by visitors on your website like button or link clicks, form submissions, and page engagements.
Create funnels in PageSense to quickly see which pages visitors use to enter your website, where they navigate to next, and which pages they decide to leave without converting.
Visualize your visitor's behavior with color codes
Set up heatmaps in PageSense to see where users have clicked more, how far they've scrolled, and on which parts of a page they've spent the most time using color-coded patterns in reports.
Use form analytics in PageSense to see how people interact with different fields in your form, whether they complete the form successfully or not, and where exactly they drop out on your form.
Use session recordings in PageSense to watch a video of all the visitor actions performed on your website including the pages they navigate, the buttons they click, the UX issues they face, and more.
Run A/B or Split URL tests in PageSense to figure out which version of your web page works best for your business and results in the best conversion rate.
Use personalization in PageSense to deliver customized versions of your website for every individual customer based on their demographics, local weather, browsing history, and more.
Run polls on your website using PageSense to understand what your customers think about your products/services and what needs improvement on your site.
Use web push notifications in PageSense to schedule and notify your customers about an upcoming flash sale, product releases, promotional coupons, and a lot more that can spark conversions on your website.
Use pop-ups in PageSense to instantly grab the attention of visitors by showing attractive signup offers, coupon code discounts, or email newsletters that can eventually convert them into subscribers.
Use PageSense's advanced features like creating mutually exclusive groups, enabling cross-domain tracking, configuring customized project JS, and more to get deeper insights about your website.
Download the PageSense extension app available for your web browser with a few clicks and start collecting all of your required website metrics in real time.
Discover your favorite integrations with PageSense
Get a deeper look at your website's data by seamlessly integrating PageSense with a host of popular third-party apps like Google Analytics, Mixpanel, Intercom, and more.
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 ...
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 ...
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 ...
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 ...
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 ...