Skip to main content
Let your customers learn about your product and services while having a fun and informative chat with TruGen video agents. The React widget drops into any React or Next.js app in a couple of lines.

Get started

1

Install the package

Add the widget to your project with npm (or your preferred package manager).
2

Import and render the widget

Import the stylesheet and the TrugenAgentWidget component, then render it with your agent ID and user context.
Replace agentId with the ID of the agent you created in the Developer Portal, and swap USER_NAME, USER_ID, and CONTEXT with values that identify the end user and any session context you want the agent to have.

More Resources

Our Examples

Explore our official Github Repo for more examples