Website embed

Put Clara on your website - install the widget package, render the component, and go live in minutes.

Clara lives on your website as a drop-in widget. One package, one component, one agent ID - and she’s engaging visitors.

Before you begin

• A Clara agent ID from your dashboard - create an agent first if you haven’t (see Quickstart)
• A React-based site, or one of the supported site builders
• HTTPS on the pages where you embed Clara

1. Install the package

npm install @truviz/widget

2. Render the widget

Import the stylesheet and the component, then render it with your agent ID:

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"
    />
  );
}

Prop	Required	Purpose
agentId	Yes	Your Clara agent ID from the dashboard
userName	No	Display name Clara addresses the visitor by
userId	No	Internal user ID attached to the conversation record for analytics
context	No	Free-form session context, for example “Visitor on the pricing page”

3. Personalize per page

The context prop is how Clara knows why the visitor is there. Pass different context per page:

<TrugenChat
  agentId="YOUR_AGENT_ID"
  context="Visitor is viewing the pricing page"
/>

• Pricing page: "Visitor is comparing plans and pricing"
• Docs page: "Visitor is reading technical documentation"
• Post-demo request: "Visitor just submitted a demo request form"

Clara uses the context to shape her opening questions and which qualifying questions she emphasizes.

4. Go live

1. Open your site in a browser.
2. Start a conversation with Clara and confirm she answers from your knowledge base.
3. Test one qualification flow end to end - questions asked, logged, and a test booking.

Enable allowed domains in production so only your origins can embed the widget.

Next steps

Widget customization

Position, colors, branding, and suggested topics - from the dashboard.

Site builders

WordPress, Framer, Shopify, and Wix setup.