Developer Docs

Introduction

Core Concepts

Touchpoint UI provides the interface for conversations between your users and your NLX applications. Understanding these core concepts will help you effectively integrate and customize the experience.

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.

  • 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.

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.

  • 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.