Chat

Learn how to set up a textual chat application

The simplest way to setup an application for chat is with the following snippet:

<html lang="en">
  <head>
    <title>Touchpoint Sample HTML</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <script type="module">
      import { create } from "https://unpkg.com/@nlxai/touchpoint-ui/lib/index.js?module";
      
      const touchpoint = await create({
        config: {
          applicationUrl: "https://apps.nlx.ai/c/Xq3kT5uVOCGipRW8kW9pB/BajtUGSLN5hoqiSmgTA7B",
          headers: {
            "nlx-api-key": "VkvGvxQ-iQQ/EgpgyJQxkDL-OhmhVwzV"
          },
          languageCode: "en-US",
        },
      });
    </script>
  </body>
</html>

You can find the relevant information to fill in by going to the API delivery channel:

and clicking Setup instructions:

This will result in a fully functional basic touchpoint experience:

Last updated