Skip to main content

Introduction

Welcome to the Traise Widget documentation! The Traise Widget is a powerful, embeddable communication widget that seamlessly integrates voice calling and SMS messaging into any web application.

Key Features​

Core Functionality​

  • Voice Calls: Make and receive calls with full controls (mute, hold, dialpad)
  • SMS Messaging: Real-time messaging with WebSocket support
  • Client Management: Load and manage client information with automatic room synchronization
  • Real-time Updates: WebSocket-powered live updates for messages and call status

Technical Excellence​

  • Customizable UI: Light/dark themes, draggable interface, multiple positions
  • Framework Agnostic: Works with React, Vue, Angular, or vanilla JavaScript
  • Secure: HTTPS required, API key authentication, JWT token support
  • Debug Panel: Built-in debugging tools for monitoring widget state
  • Accessible: Full keyboard navigation and screen reader support

Quick Start​

1. Add the Script Tag​

Paste this before the closing </body> tag:

<script>
  (function(w,d,s,o,f,js,fjs){
    w['TraiseWidget']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  }(window,document,'script','traise','https://widget.traise.app/v1/traise-widget.min.iife.js'));
  traise('init', { apiKey: 'your-api-key' });
</script>

2. Make Your First Call​

const { makeCall } = window.TraiseWidget;

// Simple call
makeCall('+1234567890');

// Or with client context for better UX
makeCall({
  name: 'John Doe',
  phoneNumber: '+1234567890'
});

3. Send Your First Message​

const { sendMessage } = window.TraiseWidget;
await sendMessage('+1234567890', 'Hello from Traise Widget!');

Why Choose Traise Widget?​

  • Zero Dependencies: No npm install required — just a script tag
  • Production Ready: Battle-tested in real-world applications
  • Developer Friendly: Comprehensive API with TypeScript support
  • Fully Customizable: Theme it to match your brand
  • Enterprise Grade: Secure, scalable, and reliable

Next Steps​