Customizing Chat

Architecture Overview

Touchpoint UI, the Conversation Core, and the NLX API work together to deliver a seamless conversational experience. The NLX Platform is where you design the underlying conversational logic.

Core Components at a Glance:

• Touchpoint UI: The visual front-end for user interactions in voice, text, or other modes.

• Conversation Core: The engine managing conversation state and communication with NLX.

• NLX: Where you design conversational flows, configure modalities, and setup applications.

Key Concepts to Explore

To make the most of Touchpoint UI, familiarize yourself with these concepts:

• Custom Components (Modalities): Extend Touchpoint UI with your own React components, driven by data from your NLX flows. This is ideal for displaying rich, interactive content beyond standard text messages.

  • Recommended Reading: Custom Components Guide

• The ConversationHandler: This JavaScript object is your main tool for programmatically controlling the conversation. Use it to send messages, start conversation flows, and listen for updates.

  • Recommended Reading: Conversation Handler Guide

Common Implementation Approaches

How you use Touchpoint UI can range from simple to highly customized:

• Simple Integration: Get a Touchpoint interface up and running quickly with basic configuration.

  • Recommended Reading: See Setup Guide for configuration options.

• Theming and Custom UI: Tailor the visual appearance to match your brand and integrate unique interactive elements using custom components.

  • Recommended Reading: Explore the Theming and Styling Guide and the Custom Components Guide.

• Programmatic Interaction: Leverage the ConversationHandler to create dynamic experiences, respond to application-specific events, or integrate with third-party services based on the conversation flow.

  • Recommended Reading: Review guides on Subscribing to Events and Controlling Visibility.