Live Demo

Try the Riah AI Widget

Click the chat button in the corner to start a conversation.

Script Embed

Add these lines to any HTML page

<script src="https://cdn.riahai.com/widget.js"></script>
<script>
  Riah.init({
    workspaceId: "your-workspace-id",
    primaryColor: "#6366f1",
    greeting: "Hi there! How can I help you?"
  })
</script>

React Component

Import and use the RiahWidget component

import { RiahWidget } from "@riah/react";

export default function App() {
  return (
    <div>
      {/* Your app content */};
      <RiahWidget
        workspaceId="your-workspace-id"
        primaryColor="#6366f1"
        greeting="Hi there!"
      />
    </div>
  );
}

Configuration Options

Customize the widget behavior and appearance

Option	Type	Default	Description
workspaceId	string	required	Your Riah AI workspace ID
primaryColor	string	#6366f1	Brand color for header and buttons
position	string	bottom-right	Widget position (bottom-right or bottom-left)
greeting	string	Hi there!...	Initial greeting message
apiUrl	string	auto-detected	Custom API endpoint URL

Note: This demo uses a placeholder workspace ID. Sign up to get your own workspace ID from the dashboard.