Agent widget

​

Experience modes

​

Installing the widget

npm install @truviz/widget

import "@truviz/widget/style.css";
import { TrugenChat } from "@truviz/widget";

export default function TrugenWidget() {
  return (
    <TrugenChat
      agentId="YOUR_AGENT_ID"
      userName="USER_NAME"
      userId="USER_ID"
      context="CONTEXT"
    />
  );
}

​

What you can configure

• Position - where the widget floats on the page
• Colors and theme - solid or gradient accents, dark or light default
• Branding - company name, logo, agent display name
• Buttons and text - custom call-to-action labels
• Suggested topics - starter prompts for visitors
• Allowed domains - restrict which origins can embed the widget

​

Next steps