🎯 Teleman Softphone Widget

Example Integration - Make calls from anywhere!

✅ Widget Features

📞 Outbound Calls

Make calls to any number with just a click

📲 Inbound Calls

Receive calls with animated alerts

📱 Phone Number Selection

Choose from your available numbers

🎛️ Call Controls

Mute, hold, and DTMF support

⏱️ Real-time Timer

Track call duration in real-time

🎨 Customizable

Choose position, theme, and colors

🔒 Secure

API key authentication & domain whitelist

📝 Integration Code

Add this code to your website's HTML, right before the closing </body> tag:

<!-- Teleman Softphone Widget -->
<script src="https://your-domain.com/widget/softphone.umd.js"></script>
<link rel="stylesheet" href="https://your-domain.com/widget/softphone.css">
<script>
  TelemanSoftphone.init({
    apiKey: 'pk_live_your_api_key_here',
    position: 'bottom-right',
    theme: 'auto',
    callbacks: {
      onReady: function() {
        console.log('Widget ready!');
      },
      onCallStarted: function(callId) {
        console.log('Call started:', callId);
      },
      onCallEnded: function(callId, duration) {
        console.log('Call ended:', callId, duration);
      }
    }
  });
</script>

// Note: Phone numbers are automatically fetched from your account

🚀 Interactive Demo

Try the widget controls below (Note: Widget integration is for external websites):

⚠️ Important: The widget is designed to be embedded on external websites. In your internal app, the widget is already integrated globally and appears on all pages!

📖 Quick Start Guide

  1. Get API Key: Go to Settings → API Keys → Create New
  2. Copy the Code: Use the integration code above
  3. Replace API Key: Insert your actual API key
  4. Add to Website: Paste code before </body>
  5. Test It: Visit your website and see the widget!

🎯 Use Cases

✅ Widget System Ready!
The embeddable widget infrastructure is fully set up and ready to use. Check the documentation for detailed integration instructions.