Dreamcatcher

Dreamcatcher is a drop-in conversational UI component that ships everything required for NXTL to collect and act upon direct user input. It is offered as part of the SDK, while also being bundled with connector plugins.

Why teams use it

Dreamcatcher works as a high-signal entry point for NXTL personalization:

• Capture intent instantly. Frictionless interaction through a fully automated, friendly conversational interface.
• Let NXTL do the talking. Each reply calls the NXTL API behind the scenes, so suggestions and answers stay grounded in your content.
• Close the loop. Once Dreamcatcher identifies the best personalization parameters, it seamlessly hands off the result.

User experience

1. Integrated as either an inline input or a floating button, Dreamcatcher welcomes visitors with a brief, friendly message.
2. Once opened, Dreamcatcher shares a longer greeting, offers smart suggestion chips, and replies to user input with tailored natural language responses.
3. Having identified the user’s needs (user journey, presentation mode, and content), Dreamcatcher provides navigation to the resulting generated view.

Customization

Dreamcatcher is configurable, allowing you to tailor its conversational style and behavior to match your brand voice and user experience objectives.

Getting started

Plugin

• Drag and drop the NXTL Dreamcatcher block into your editor.

SDK

<script type="module">
  import NXTL from "https://cdn.nxtl.ai/nxtl.es.js";
  import dreamcatcher from "https://cdn.nxtl.ai/nxtlDreamcatcherWidget.es.js";
 
  const nxtl = await new NXTL({
    apiKey: "YOUR_API_KEY",
    projectId: "YOUR_PROJECT_ID",
  });
 
  dreamcatcher();
</script>
<nxtl-dreamcatcher></nxtl-dreamcatcher>