NLX | Developers

The widget can be configured to handle a number of custom behaviors. Select one from below and see how the code snippet changes:

1<!-- Chat widget sample HTML -->
2<!-- Downloaded from https://nlxai.github.io/chat-sdk -->
3<html lang="en">
4  <head>
5    <title>NLX Widget Sample HTML</title>
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7  </head>
8  <body>
9    <script defer src="https://unpkg.com/@nlxai/chat-widget/lib/index.umd.js"></script>
10    <script>
11      window.addEventListener("DOMContentLoaded", () => {
12        const widget = nlxai.chatWidget.create({
13          config: {
14            botUrl: "REPLACE_WITH_BOT_URL",
15            headers: {
16              "nlx-api-key": "REPLACE_WITH_API_KEY"
17            },
18            languageCode: "en-US"
19          },
20          titleBar: {
21            "title": "Support chat"
22          },
23          
24        });
25      });
26    </script>
27  </body>
28</html>