🤖 Reva Widget

Experience the power of AI-driven conversations with our embeddable chat widget. This demo showcases the production build of the Reva Widget.

🎮 Widget Controls

Use these controls to interact with the widget and see how it behaves:

Widget Status: Not initialized Click "Initialize Widget" to start the demo!

📊 Widget State

No configuration loaded yet...

📝 Events Log

Waiting for events...

✨ Features

🎨 Customizable Theme

Fully customizable colors, positioning, and styling to match your brand.

📱 Responsive Design

Works perfectly on desktop, tablet, and mobile devices.

🔧 Easy Integration

Simple JavaScript API for seamless integration into any website.

🚀 Real-time Chat

Instant messaging with typing indicators and message history.

🎯 Event Handling

Comprehensive event system for tracking user interactions.

🔒 Secure

Built with security best practices and data protection in mind.

🔧 Integration Guide

Here's how to integrate the Reva Widget into your website:

1. Include the Widget Script

<script src="https://reva.reasonworks.ai/reasonvoice-widget.js"></script> <link rel="stylesheet" href="https://reva.reasonworks.ai/style.css">

2. Initialize the Widget

<script> // Initialize the widget with your configuration reva('init', { apiKey: 'your-api-key-here', apiUrl: 'https://your-api-endpoint.com', theme: { primaryColor: '#4F46E5', position: 'bottom-right', size: 'medium' }, welcomeMessage: 'Hi! How can I help you today?' }); </script>

3. Handle Events (Optional)

reva('init', config, { onOpen: () => console.log('Widget opened'), onClose: () => console.log('Widget closed'), onMessage: (message) => console.log('New message:', message), onError: (error) => console.error('Widget error:', error) });