Article | 2 min read

Customize your chat widget with the Web SDK

By Abhi Basu

Last updated September 21, 2021

Because it is often the first place a customer looks when they want help, the Zendesk Chat Widget can serve as the voice of your website. To deliver a quality customer experience it’s essential that the chat widget is customized to your specifications. In essence, it should look and feel like the rest of your brand.

Zendesk Chat already offers some simplewidget customization optionsinside the dashboard, including the ability to style the chat button and chat window. Customers that require more advanced customization, like改变字体, can use ourJavascript APIs.

These customization options give you plenty of choices for the look and feel of the chat widget, but not if you want to change the widget experience completely.

今天,我们很高兴能引进new feature that will let you build your own widget: the web software development kit (SDK).

Introducing the Web SDK

Here are a few ways you can use the new Web SDK to customize your web widget.

1. Create a unique chat experience

The Web SDK lets you build a chat widget, that’s unique to your website. The sky’s the limit. Here are some examples of how you can build your own chat widget:

  • Give your customers more space to chat by creating a customized windows and docking it to the side of your website.
  • Add your own logo and branding to ensure a consistent customer experience.
  • Use custom sound notifications to alert your visitor whenever a chat is incoming.
  • Create entirely new interactions for customers when they start a chat, like adding a popup animation.

Web SDK

2. Control the behavior of the widget

In addition to changing the look and feel of the chat widget, you can also modify its logic and behavior. For example, you can insert a pre-chat survey or use a chatbot to initially handle customer queries.

3. Use in any language

The Web SDK has no limitations on language or localization. You can use standard web tools to localize your customized chat widget across your website. You’ll also have full control over all aspects of the widget copy, so you can decide exactly what our widget says to your customers.

How to get started

To build your own widget, check out theWeb SDK documentation. Any customer on Chat Premium or on trial can use the Web SDK at no additional cost.

To see sample code using the Web SDK, you can look atthe example we have built using React.

How Live Chat Helps Businesses and Consumers

In this guide, we'll look at the value of live chat first from the customer’s point of view and then from a business standpoint

How Live Chat Helps Businesses and Consumers

In this guide, we'll look at the value of live chat first from the customer’s point of view and then from a business standpoint

Read the guide