Deployments of Zammo chatbots hosted on a webchat channel will typically reference the latest UI Kit JavaScript library and associated CSS.

These references let you interact with your conversational AI using client-side code and customize the look and feel of the chatbot experience.

In this guide, you will learn how to explicitly define which version of UI Kit and the associated CSS your chatbot should use. You’ll also learn why you might want to do this.

Example

A sample web page with references to UI Kit and the associated CSS may resemble the following:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Sample Page</title>
  </head>
  <body>
 <script id="ZammoBotUIKitScript" 
		 src="<https://cdn.zammo.ai/zammo-bot-ui-kit/zammo-bot-ui-kit-latest.min.js>"
		 cssUrl="<https://cdn.zammo.ai/zammo-bot-ui-kit/zammo-bot-ui-kit-latest.min.css>"
		 zammoApiBaseUrl="<https://app.zammo.ai>"
		 webChatId="{web-chat-id}">
  </script>
  </body>
</html>

The two key files are:

These will inject the latest versions of UI Kit and the associated CSS to any page that references them.