ReVa Chat Widget - Client Integration Demo

Script Tag

<html>
  <body>
    <script
      src=""
      ...
    ></script>
  </body>
</html>

Iframe Integration

<iframe
  src=""
  ...
></iframe>

JavaScript Integration (Alternative)

For more dynamic control, clients can use JavaScript:

<script>
  // Create and inject the chatbox
  (function() {
    const iframe = document.createElement('iframe');
    iframe.id = 'reva-chat-widget';
    iframe.src = '';
    iframe.style.cssText = `
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 400px;
      height: 600px;
      border: none;
      border-radius: 12px;
      z-index: 999999;
    `;
    iframe.setAttribute('title', 'ReVa Chat');
    document.body.appendChild(iframe);
  })();
</script>

Customization Options

You can customize the chatbox behavior by adding URL parameters:

<!-- With authentication token -->
src=""

<!-- With language setting (en, ar, etc.) -->
src=""

<!-- Combined parameters -->
src=""

๐ŸŒ Language Toggle Demo

๐Ÿงช Test Controls